@charset "utf-8";
/* CSS Document */


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

body {
	margin: 0;
	padding: 0;
	font-size: 75%;	
	font-family: Arial, Verdana, "Helvetica Neue", "Lucida Grande", Helvetica, sans-serif;
	background: #d5d5d5;
}

/*body {
	font-size: 11px;
}*/

p {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

ul { margin: 0; padding-left: 15px; }
ul li {  }

a:focus, 
a:hover     { color: #000; text-decoration: underline;}
a           { 
	color: #ffd666; 
	outline:none; /* FF1.5+ IE7+*/
    -moz-outline: /* FF<=1.5*/
} 


.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


#mainContainer { width: 1000px; margin: 0 auto; }
#contentContainer { width: 1000px; color: #fff; background: url(/static/images/adult/bg.jpg) no-repeat; min-height:555px; height:auto !important; height:555px; }
#leftContainer { width: 655px; background: #97ccd6 url(/static/images/adult/bkg_left_gradient.gif) repeat-x; color:#fff; float:left; min-height:555px; height:auto !important; height:555px; }
/*#left670Container { width: 655px; background: #97ccd6 url(/static/images/adult/bkg_left_gradient_670.gif) repeat-x; color:#fff; float:left; min-height:670px; height:auto !important; height:670px; }*/
#rightContainer { float:left; color: #000; width: 345px; background: url(/static/images/adult/bg.jpg) no-repeat top right; min-height:555px; height:auto !important; height:555px; }

#popContainer { width:655px; background:#0c303a; }
#popleftContainer { width:655px; background:#0c303a; color:#ccc;  float:left; min-height:609px; height:auto !important; height:609px; }

/*
#popContainer { width: 655px; background: #97ccd6; }
#popleftContainer { width: 655px; background: #97ccd6 url(/static/images/adult/bkg_left_gradient.gif) repeat-x; color:#fff; float:left; min-height:609px; height:auto !important; height:609px; }
*/
/*
#mainContainer { width: 1000px; margin: 0 auto; height: 697px; background: url(/static/images/adult/bg.jpg) no-repeat; }
#leftContainer { width: 655px; background: url(/static/images/adult/bkg_left_gradient.gif) repeat-x; color: #fff; height: 609px; float: left; }
#leftContainer p, #leftContainer div, #leftContainer table { margin-left: 28px; margin-right: 28px; }
#rightContainer { float: left; color: #000; width: 345px; }
*/


/* navigation */

#navContainer {
	width: 828px;	
	background: #141414 url(/static/images/adult/nav_bkg.gif) repeat-x;
	text-align: center;
}

#navContainer span{
		display: none;
}

#navContainer a {
	height:59px;
	display:block;
	background: url(/static/images/adult/nav_genpop.gif) no-repeat;
}

#navContainer ul {
	margin: 0;
	margin-left: 40px;
	padding: 0;
}
#navContainer li {
	float:left;
	list-style:none;
	display:inline;
}

#navContainer a.nav_home { width: 62px; background-position: -40px 0px; }
#navContainer a.nav_obesity { width: 118px; background-position: -102px 0px; }
#navContainer a.nav_bmi { width: 121px; background-position: -219px 0px; }
#navContainer a.nav_risks { width: 134px; background-position: -339px 0px; }
#navContainer a.nav_keeping { width: 168px; background-position: -473px 0px; }
#navContainer a.nav_nhlc { width: 58px; background-position: -640px 0px; }
#navContainer a.nav_share { width: 88px; background-position: -698px 0px; }

#navContainer a.nav_home:hover { background-position: -40px -59px; }
#navContainer a.nav_obesity:hover { background-position: -102px -59px; }
#navContainer a.nav_bmi:hover { background-position: -219px -59px; }
#navContainer a.nav_risks:hover { background-position: -339px -59px; }
#navContainer a.nav_keeping:hover { background-position: -473px -59px; }
#navContainer a.nav_nhlc:hover { background-position: -640px -59px; }
#navContainer a.nav_share:hover { background-position: -698px -59px; }

#navContainer a.nav_home_sel { width: 62px; background-position: -40px -118px; }
#navContainer a.nav_obesity_sel { width: 118px;background-position: -102px -118px; }
#navContainer a.nav_bmi_sel { width: 121px; background-position: -219px -118px; }
#navContainer a.nav_risks_sel { width: 134px; background-position: -339px -118px; }
#navContainer a.nav_keeping_sel { width: 168px; background-position: -473px -118px; }
#navContainer a.nav_nhlc_sel { width: 58px; background-position: -640px -118px; }
#navContainer a.nav_share_sel { width: 88px; background-position: -698px -118px; }


#nav ul {
	margin: 0;
	list-style-type: none;
}

#nav ul li {
	display: inline;
	margin: 0;
}

#copyright {
	text-align: center;
	width: 1000px;
	background: #d5d5d5;
}




.eventBox { color: #000; background: #58a8b0; width: 220px; padding: 15px 15px; font-size: 12px; }
.eventBox h3 { margin: 0; font-weight: bold; margin-bottom: 4px; font-size: 13px; }
#event_thumb_list { margin: 0 auto; width: 130px; }

#event_thumb_list a img { float: left; border: 0; }
a.innerborder, a.innerborder img {
	float: left;
	overflow:hidden;	
}
a.innerborder {
	border:4px solid #7e0f10;
}
a.innerborder img {
	border: none;
	margin: -4px;
}


h1,h2,h3,h4,h5,h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; }


.causesrisk { /*margin-left: 28px; margin-right: 28px;*/ background: #6aa6ad url(/static/images/adult/bkg_causesrisk.gif) repeat-x; /*padding-bottom: 20px;*/  min-height:265px; height:auto !important; height:265px; }
.causesrisk h3 { padding: 3px 12px; font-size: 1.4em; font-weight: bold; background-color: #3aa0a7; }
.causesrisk p, .causesrisk ol, .causesrisk h4 { margin: 12px;  }
.causesrisk h4 { font-size: 13px; font-weight:bold; }
.causesrisk ol { margin-left: 0;}
.causesrisk li { margin-bottom: 20px; margin-left: 0; }

.healthrisks { width: 278px; margin: 0 auto; font-size: 11px; }
.healthrisks h3 { color: #7d0303;}
.healthrisks h4 { font-size: 11px; font-weight: bold; margin-bottom: 0;}
.healthrisks ul { padding-left: 0; }
.healthrisks ul li { list-style-type: none; background: url(/static/images/adult/healthrisk_ul.gif) no-repeat; padding-left: 7px; }
.healthrisks ul.nolist li { list-style-type: none; margin-bottom: 12px; padding-left: 0; background: none;}
.healthrisks ul.nolist li ul { margin:0; padding:0; list-style-type: none; }
.healthrisks ul.nolist li ul li { margin: 0; color:#000; font-weight:normal; padding: 0 0 0 13px; list-style-type: none; background: url(/static/images/adult/rightNav_ul_ul.gif) no-repeat 0 1px; }


.red { color: #c30000; }


#rightContainer h3 { font-size: 1.5em; font-weight: bold; }
.rightNav a { color: #000; text-decoration: none; }
.rightNav a:hover { color: #800d0d; }
.rightNav .sel { color: #800d0d; }
ul.rightNav { margin: 0; padding: 0; font-size: 1.3em; font-weight: bold;}
ul.rightNav li { margin: 0; padding: 0 0 15px 13px; list-style-type: none; background: url(/static/images/adult/rightNav_ul.gif) no-repeat 0 1px; }
ul.rightNav ul { margin: 0; padding: 0; padding-top: 5px; }
ul.rightNav ul li { background: url(/static/images/adult/rightNav_ul_ul.gif) no-repeat 0 -1px; font-size: 0.9em; font-weight: bold; padding-bottom: 2px; }

/*.rightNavImg ul { margin: 0; list-style-type: none; }
.rightNavImg a { color: #000; text-decoration: none; }
ul.rightNavImg { margin: 0; padding: 0; }
ul.rightNavImg li { margin: 0; padding: 0 0 15px 0; list-style-type:none; }
*/


ul.listing { margin:0; padding:0; list-style-type: none; font-size:11px; }
ul.listing li { padding-bottom:10px; color:#c30000; font-weight:bold; }
ul.listing ul { margin:0; padding:0; list-style-type: none; }
ul.listing ul li { margin: 0; color:#000; font-weight:normal; padding: 0 0 0 13px; list-style-type: none; background: url(/static/images/adult/rightNav_ul_ul.gif) no-repeat 0 1px; }

.small { font-size: 0.8em; }




#footer, #footer a {
	color: #4c4c4c;
	text-decoration: none;
}

#footer {
	text-align: center;
	background: #d5d5d5;
	font-size: 10px;
	padding: 10px 0;
}




/* jquery dropdown */
ul.jqdropdown                   { margin:0; padding:0; list-style:none; left:0; }
ul.jqdropdown li                { font-weight: bold; float: left; zoom: 1;  }
ul.jqdropdown a:hover		{ color: #fff; }
ul.jqdropdown a:active          { color: #fff; }
ul.jqdropdown li a              { display: block; padding: 3px 3px; color: #fff; }
ul.jqdropdown li:last-child a   { border-right: none; } /* Doesn't work in IE */
ul.jqdropdown li.hover,
ul.jqdropdown li:hover          { color: black; position: relative; }
ul.jqdropdown li.hover a        { color: black; }

/* LEVEL TWO */
ul.jqdropdown ul 	{ visibility: hidden; position: absolute; top: 67px; left: -15px;  list-style:none; }
ul.jqdropdown ul li 	{ font-weight: normal; background: #fff; color: #000; float: none; width: 151px;  }
									  
ul.jqdropdown ul li a	{ width: 100%; display: inline; } 
/* IE 6 Needs Inline */
* html ul.jqdropdown ul li	{ display: inline; width: 151px;  } 


/* LEVEL THREE */
ul.jqdropdown ul ul 		{ left: 100%; top: 0; }
ul.jqdropdown li:hover > ul 	{ visibility: visible; }




/* step carousel */
.stepcarousel {
	position: relative;  
	border: 0;
	overflow: scroll; 
	width: 570px; 
	height: 238px; 
}

.stepcarousel .belt {
	position: absolute; 
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; 
	overflow: hidden; 
	margin: 1px;
	/*width: 250px; */
}