/* CandidaSupport.org CSS Handcrafted with love by Keldrick Brown @ the Imagination Factory */

body {
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 0.9em;
	line-height: 140%;
	color: #333;
	background-color: #4B3982;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-image: url(../GRFX/bkgd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif; 
	font-weight: bold;
	padding: 0 0 0 0px;	
	margin-bottom: 0.5em;
	color: #3D6F9D;
}
h3 {color:#4B3982;}
a {color:#4B3A81;}
a:hover {color:#392A6B;text-decoration:none;}
.accent {font-style:italic;color:#174D86;}
.accent2 {font-style:italic;color:#CC0000;}
.alignleft {float:left;}
.alignright {float:right;}
.clear {clear:both;}
.required {color:#cc0000;}
.small, .postmetadata {font-size:.75em;}
.tableheader {font-size:0.85em;color:#FFFFFF;}
.tablecontent {font-size:0.85em;}
.framed {background-color:#FFFFFF;margin:5px;padding:5px;border:1px solid #CCCCCC;}
.shippingbox {background-color:#FFFFCC;display:block;margin:10px;padding:10px;border: 1px solid #4B3982;}

/* ------------------------------------------- Content Wrapper ------------------------------------------- */
#container {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 780px;
	position: relative;
}
/* ------------------------------------------- Header ------------------------------------------- */
#header {
	background-image: url(../GRFX/header_bkgd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 290px;
	width: 780px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
}
#header h1 {display:none;visibility:hidden;}
#btn_logo {display:block;position:absolute;overflow:hidden;top:30px;left:20px;width:200px;height:190px;text-indent:-9000px;border:0;outline:0;}
/* ------------------------------------------- Header Images ------------------------------------------- */

#hdrimg {
	position: absolute;
	height: 220px;
	width: 540px;
	top: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	right: 1px;
}
#container.home #hdrimg {background-image:url(../GRFX/hdr_img_01.jpg);}
#container.about #hdrimg {background-image:url(../GRFX/hdr_img_02.jpg);}
#container.story #hdrimg {background-image:url(../GRFX/hdr_img_04.jpg);}
#container.candida #hdrimg {background-image:url(../GRFX/hdr_img_03.jpg);}
#container.betsy #hdrimg {background-image:url(../GRFX/hdr_img_04.jpg);}
#container.company #hdrimg {background-image:url(../GRFX/hdr_img_girl_purple_flowers.jpg);}
#container.treatment #hdrimg {background-image:url(../GRFX/hdr_img_girlnmom_on_grass.jpg);}
#container.testimonials #hdrimg {background-image:url(../GRFX/hdr_img_testimonials.jpg);}
#container.symptoms #hdrimg {background-image:url(../GRFX/hdr_img_symptoms.jpg);}
#container.symptomsmen #hdrimg {background-image:url(../GRFX/hdr_img_fisherguys.jpg);}
#container.symptomschildren #hdrimg {background-image:url(../GRFX/hdr_img_brother_sister.jpg);}
#container.related #hdrimg {background-image:url(../GRFX/hdr_img_04.jpg);}
#container.thrush #hdrimg {background-image:url(../GRFX/hdr_img_03.jpg);}
#container.tests #hdrimg {background-image:url(../GRFX/hdr_img_cliff_jumper.jpg);}
#container.options #hdrimg {background-image:url(../GRFX/hdr_img_compare.jpg);}
#container.order #hdrimg {background-image:url(../GRFX/hdr_img_order.jpg);}
#container.orderretail #hdrimg {background-image:url(../GRFX/hdr_img_order.jpg);}
#container.orderwholesale #hdrimg {background-image:url(../GRFX/hdr_img_cyclist.jpg);}
#container.questions #hdrimg {background-image:url(../GRFX/hdr_img_testimonials.jpg);}
#container.resources #hdrimg {background-image:url(../GRFX/hdr_img_campers.jpg);}
#container.contact #hdrimg {background-image:url(../GRFX/hdr_img_airplane_toddler.jpg);}
#container.fivelac #hdrimg {background-image:url(../GRFX/hdr_img_03.jpg);}
#container.ade #hdrimg {background-image:url(../GRFX/hdr_img_02.jpg);}
#container.other #hdrimg {background-image:url(../GRFX/hdr_img_01.jpg);}
#container.foreign #hdrimg {background-image:url(../GRFX/hdr_img_01.jpg);}

/* ------------------------------------------- Top Level Navigation ------------------------------------------- */
#navigation {position:absolute;height:38px;width:780px;top:237px;left:0;background-image:url(../GRFX/nav1.jpg);background-color:transparent !important;z-index:10;}
#navigation li {margin:0;padding:0;list-style-type: none;}
#navigation li, #navigation a {display:block;text-indent:-90000px;outline:0;}
#btn_home a, #btn_about a, #btn_symptoms a, #btn_tests a, #btn_options a, #btn_order a, #btn_resources a, #btn_contact a {height:38px;}
#btn_home {position:absolute;height:38px;width:59px;left:10px;}
#btn_home a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -10px 0px;}
#btn_about {position:absolute;height:38px;width:65px;left:69px;}
#btn_about a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -69px 0px;}
#btn_symptoms {position:absolute;height:38px;width:84px;left:134px;}
#btn_symptoms a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -134px 0px;}
#btn_tests {position:absolute;height:38px;width:125px;left:218px;}
#btn_tests a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -218px 0px;}
#btn_options {position:absolute;height:38px;width:135px;left:343px;}
#btn_options a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -343px 0px;}
#btn_order {position:absolute;height:38px;width:68px;left:478px;}
#btn_order a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -478px 0px;}
#btn_resources {position:absolute;height:38px;width:145px;left:546px;}
#btn_resources a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -546px 0px;}
#btn_contact {position:absolute;height:38px;width:78px;left:691px;}
#btn_contact a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -691px 0px;}
.dropdown ul {margin:0;padding:0;list-style-type:none; font-size:11px;}
.subnav a {height:20px!important;}
/* 1st sub level menu */
.dropdown ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	background-color: #432A70;
	height: auto !important;
	z-index:10;
}
/* Sub level menu list items (undo style from Top level List Items) */
.dropdown ul li ul {
	border-right: 1px solid #382A6A !important;
	border-left: 1px solid #382A6A !important;
	border-top: 1px solid #382A6A !important;
	background-image: url(../GRFX/dropdownbkgd.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.dropdown ul li ul li {
	border-bottom: 1px solid #382A6A !important;
}
/* All subsequent sub menu levels offset after 1st level sub menu */
.dropdown ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
	height: auto !important;
	margin:0 !important;
	padding:0 !important;
	background-color: #E3E3DF !important;
	z-index:10;
}
/* Sub level menu links style */
.dropdown ul li ul li a{
	display: block;
	width: 180px; /*width of sub menu levels*/
	color: #fff;
	text-decoration: none;
	background-image: url(../GRFX/dropdownbkgd.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	text-indent: 5px !important;
}
.dropdown ul li ul li a:hover{
	background-color: #432A70 !important;
	background-image: none !important;
	color: #fff;
}
/*Background image for top level menu list links */
.dropdown .mainfoldericon{ }
/*Background image for subsequent level menu list links */
.dropdown .subfoldericon{ }
/* ------------------------------------------- Left Column ------------------------------------------- */
#leftcol, #leftcolblog {
	width: 220px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
}
#leftcol a, #leftcolbuttons a {
	color: #38296A;
	text-decoration: none;
	background-image: url(../GRFX/sidenav1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 17px;
	width: 190px;
	margin-bottom: 6px;
	padding-top: 9px;
	padding-left: 32px;
	padding-bottom: 13px;
}
#leftcol a:hover, #leftcolbuttons a:hover {
	background-image: url(../GRFX/sidenav2.jpg);
}
/* ------------------------------------------- Left Column Blog ------------------------------------------- */
#blognav {
background-image: url(../GRFX/blognav_bkgd.jpg);
background-repeat: repeat-y;
background-position: left top;
}
#blognavtop {
background-image: url(../GRFX/blognav_top.jpg);
background-repeat: no-repeat;
padding-left:30px;
padding-top:10px;
}
#blognav h4 {color:#4B3982;padding-left:30px;}
#searchform {padding-left:30px;}
#s {width:140px;margin-bottom:3px;}
#blognavbottom {
background-image: url(../GRFX/blognav_bottom.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height:25px;
}
#blognav ul {list-style-type:none;margin:0;padding:0px;padding-left:10px;}
/* ------------------------------------------- Main Content ------------------------------------------- */
#content {
	width: 500px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
}
#content li {
	list-style-image: url(../GRFX/li.jpg);
}
#content .contentsubnav {
	background-image: url(../GRFX/subnav_bkgd.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	padding: 10px;
	width: 496px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	color: #FFFFFF;
}
#content .contentsubnav a {color:#FFFFFF;}
#content .contentsubnav a:hover {color:#FFFFCC;}
/* ------------------------------------------- Footer ------------------------------------------- */
#footer {
	display:block;
	position:relative;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B3982;
	background-image: url(../GRFX/footerbkgd.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
bottomnav {clear:both;}
.left {float:left;width:200px;text-align:left;padding-left:20px;}
.right {float:right;width:200px;text-align:right;padding-right:20px;}

/* ------------------------------------------ Forms -------------------------------------------- */
.cssform p{
width: 320px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; 
border-bottom: 1px solid #C2D4CB;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; 
padding-top: 5px;
width: 150px; 
}
.cssformpad {
font-weight: bold;
float: left;
margin-left: -155px; 
padding-top: 5px;
width: 150px; 
}
.hide {
display: none;
visibility: hidden;
}
.cssform input[type="text"]{ 
}
.cssform textarea{
width: 250px;
height: 150px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* Holly Hack for IE \*/
* html .dropdown ul li { float: left; height: 1%; }
* html .dropdown ul li a { height: 1%; }
/* End */