/* Provided by Sunset Rainbow, LLC (henry@sunsetrainbow.com) for Card Zooey.

 This is a re-build of their existing site using same end layout look but with more efficent coding.

*/



a img { border: none ; }



.bodyMain

{
	padding: 4px;
	margin: 0px;
	text-align: center; /* required to get IE6 and above to center top div */
	min-width: 900px; /* required to keep mozilla from moving div left on re-size */
	background: rgb(102, 102, 102);
	/* color: black; */

	font: normal normal normal 100%/normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb(221, 201, 177);
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;



}





/* This container holds all content seen on the page */

.topContainer

{

	position: relative; /* needed for z-index changes in child divs */

	

	background: rgb(53, 46, 43);

	border: 1px solid rgb(0, 0, 0);

	text-align: left;

	width: 1000px;

	

	margin-left: auto;

	margin-right: auto;

	margin-top: 0px;

	margin-bottom: 0px;

	

	text-align: left; /* required to keep non IE6+ browsers from centering contents of div due to body text-align; center */



/*	height: 100%; */

}



.advertAreaTop, .TESTadvertAreaTop

{

/*	border: 1px solid #00ffff; */

	padding-top: 0px;

	margin-top: 0px;

	height: 200px;

	position: relative;

	top: -8px;

	

}





.topMenuArea, .TESTtopMenuArea

{

/*	border: 1px solid #ff0000; */

/*	background-color: #ff00ff; */



	height: 95px;

	padding-left: 2px;

	width: 998px;

}





.contentBelowTopMenu

{

}



.contentLeftOfMain, .TESTcontentLeftOfMain

{

	display: block; /* needed to allow javascript height manipulation */

/*	border: 1px solid #ff0000; */

	width: 200px;

	height: 2000px;

	float: left;

	background-image: url('images/hmsidebar.png');



}



/* categoriesVeritcal contains the menu_left_button buttons and the Category list */

.categoriesVertical

{

margin-top: 30px;

/*	border: 1px solid #ff0000; 

	padding-left: 2px;

	height: 300px; 

	

	*/ 

}

.menu_left_button, .TESTcategoriesVertical , .buttonLook

{

	width: 175px;

	height: 24px;

	line-height: 24px; /* make this the same as height */

	text-align: center;

	vertical-align: middle;

	background-image: url('images/menu_left_button.jpg');

	background-color: #067c00; 	/* default color incase image is missing */



	font-size: 14px;

}

.menu_left_button a:link {color:#FFFFFF; text-decoration: none;}  /* unvisited link */

.menu_left_button a:visited {color:#FFFFFF; text-decoration: none;} /* visited link */

.menu_left_button a:hover {color:#ff8a00; text-decoration: none;} /* mouse over link */

.menu_left_button a:active {color:#CFCFCF; text-decoration: none;} /* selected link */



.buttonLook

{

		cursor: pointer;

		color: white;

	/* background-position: 4px 2px; */

	

}



.buttonLook a:link {color:#FFFFFF; text-decoration: none;} /* unvisited link */

.buttonLook a:visited {color:#FFFFFF; text-decoration: none;} /* visited link */

.buttonLook a:hover {color:#FFFF00; text-decoration: none;} /* mouse over link */

.buttonLook a:active {color:#CFCFCF; text-decoration: none;} /* selected link */



.maincontent, .mainContent

{	

	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;

	font-size: 12px;



/*	background-color: #ffff00; */

	margin: 0px;

	padding-left: 4px;



	/*	height: 400px; */

	width: 794px;  /* this plus margin-left need to be less than topContainer width - contentLeftOfMain width */

	float: left;



vertical-align: top;

/*   overflow: auto; */

/*    display: block;  needed for any javascript height manipulation */

	

}



.maincontent2

{

		width: 794px;

}

	

.font24

{

		font-size: 24px;

	}



.footerContent, .TESTfooterContent

{

	margin-left: 200px;

	text-align: center;

	font-size: 12px;

	color: white;

}

.footerCopyright

{

	font-size: 10px;

}





.footerContent a:link  { color: rgb(221, 201, 177); text-decoration: underline; }

.footerContent a:visited  { color: rgb(221, 201, 177); text-decoration: underline; }

.footerContent a:hover { color: rgb(221, 201, 177); text-decoration: underline; }

.footerContent a:active  { color: rgb(221, 201, 177); text-decoration: underline; }





/* Stuff below here is mostly used in things generated by code */





.Finput

{ color: #000000;margin: 0px;background-color: #edf4fa;border: 1px solid #b3cfdd;font-size: 12px; }


.FinputD

{ color: #000000;margin: 0px;background-color: #aaaaaa;border: 1px solid #b3cfdd;font-size: 12px; }



input.radio { color: #000000;margin: 0px;border:font-size: 12px; }

input.checkbox { color: #000000;margin: 0px;font-size: 12px; }

textarea { color: #000000;margin: 0px;background-color: #edf4fa;border: 1px solid #b3cfdd;font-size: 12px; }





.Fsubmit { color: #f5e1e0; background-color: #067c00; font-size: 10px; }



input.button { color: #f5e1e0; background-color: #067c00; font-size: 10px; }



.Ft 

{

margin-top: 10px;	

}



.topBreadCrumbs

{

	font-size: 15px;

	color: white;

	width: 500px;

	

	position: relative;

}

.topBreadCrumbs a:link  { color: rgb(221, 201, 177); text-decoration: none; }

.topBreadCrumbs a:visited  { color: rgb(221, 201, 177); text-decoration: none; }

.topBreadCrumbs a:hover { color: rgb(221, 201, 177); text-decoration: none; }

.topBreadCrumbs a:active  { color: rgb(221, 201, 177); text-decoration: none; }





.tanLinks, .tanLinksBr

{

	font-size: 12px;

}

.tanLinks a:link  { color: rgb(221, 201, 177); text-decoration: none; }

.tanLinks a:visited  { color: rgb(221, 201, 177); text-decoration: none; }

.tanLinks a:hover { color: rgb(221, 201, 177); text-decoration: none; }

.tanLinks a:active  { color: rgb(221, 201, 177); text-decoration: none; }



.tanLinksBr a:link  { color: #fff7ee; text-decoration: none; }

.tanLinksBr a:visited  { color: #fff7ee; text-decoration: none; }

.tanLinksBr a:hover { color: #fff7ee; text-decoration: none; }

.tanLinksBr a:active  { color: #fff7ee; text-decoration: none; }



.tanLinks2, .tanLinksBr2

{

	font-size: 14px;

}

.tanLinks2 a:link  { color: rgb(221, 201, 177); text-decoration: none; }

.tanLinks2 a:visited  { color: rgb(221, 201, 177); text-decoration: none; }

.tanLinks2 a:hover { color: rgb(221, 201, 177); text-decoration: none; }

.tanLinks2 a:active  { color: rgb(221, 201, 177); text-decoration: none; }







.mainTitle

{
	/*width: 646px;*/  /* VERY IMPORTANT TO SET THIS... */



/* was 794 with no margin left or right */

width: 660px;
	margin-left: auto;
	margin-right: auto;
	color: lime;
	font-family: 'Lucida Sans';
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 12px;

}



.mainTitle a:link  { color: lime; font-size: 24px; text-decoration: none; }

.mainTitle a:visited  { color: lime; font-size: 24px;text-decoration: none; }

.mainTitle a:hover { color: lime; font-size: 24px;text-decoration: none; }

.mainTitle a:active  { color: lime; font-size: 24px;text-decoration: none; }



.mainFeaturedCardLine

{

color: white;

font-family: 'Times New Roman', Times, fantasy;

font-size: 36px;

font-weight: bold;

text-align: center;



}



.mainFeaturedCardLineRule

{

	

	

font-family: 'Times New Roman', Times, fantasy;

font-size: 36px;

font-weight: bold;

height: 43px;

margin-bottom: 29px;

margin-left: 0px;

margin-right: 0px;

margin-top: 29px;

/* width: 660px; */

	

	

border-top-color: rgb(153, 153, 153);

border-top-style: solid;

border-top-width: 1px;



text-align: center;

width: 740px;

/*

height: 8px;

margin-left: 20px;

margin-right: 20px;

width:740px;

*/



}



/* Business card display box */

.businessCardBox

{

	width: 561px; 

	/* height: 280px; */

	border: 1px solid #ffff00; /* yellow */

	padding: 4px;

}



/* non-featured card notes to right of card */

.businessCardNote

{

	text-align: right;

	border-bottom-color: rgb(153, 153, 153);

	border-bottom-style: solid;

	border-bottom-width: thin;

	font-size: 14px;

	margin-left: 8px;

}



/* Stuff that is not in common template used on all pages */



.floatBox

{
	float: left;
	font-size: 12px;
	/* border: 1px solid white; */

	

	height: 400px;
	width: 300px;
	margin-left: 45px;
	vertical-align: top;

}

.floatBoxTitle

{

	color: #ffffff;

	font-size: 16px;

	text-align: center;

	padding-bottom: 10px;

}





.clearFloat

{

	clear: both; 

}



div.scrollBox

{	

height: 340px;

width: 600px;

margin-left: 30px;

overflow: auto;

border: 1px solid #666;

padding: 8px;

}

	

/* Form */



form {

	display:inline;

	font-size: 12px;

}



/* TEST STUFF */



.TESTadvertAreaTop, .TESTtopMenuArea, .TESTcategoriesVertical, .TESTcontentLeftOfMain, .TESTfooterContent

{

	border: 1px solid #ff0000;

	color: #ffffff;

/*	background-color: #cfcfcf; */

	text-align: center;

	vertical-align: middle;

}



.TESTcategoriesVertical

{

		 height: 500px; 

}



.TESTcontentLeftOfMain

{

		background: rgb(53, 46, 43);

}