/* heartdisease Layout CSS Document */

/*
div{border:1px solid #333;}
*/

body{background:#C4D1E4; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; color:#3E3E3D; margin:0; padding:0;}
a{color:#547018;}
a:hover{text-decoration:none; color:#2B3710;}
a.plain{text-decoration:none;}
sup a{font-weight:bold; line-height:.4em; color:#00f;}


#wrapper{width:996px; margin:0 auto; padding-left:30px; padding-top:53px; background:#C4D1E4 url(../graphics/images/pageHeader.png) no-repeat scroll 28px top;}

#header h1, #header h2{display:none;}




/* Page Navigation */

#pgNav{width:121px; height:68px; display:block; float:left; padding:10px 20px;}
#pgNav ul.pgNavList{margin:0; padding:0; list-style-type:none; width:122px;}
#pgNav ul.pgNavList li{display:block;}

#pgNav span{display:none;}
#pgNav a{display:block; width:119px; height:19px;}
#pgNav a.heartdisease{background:url("../graphics/images/heartdisease.gif") 0 2px no-repeat #aaa; border:1px solid #fff;}
#pgNav a.heartdisease:hover, #pgNav a.heartdiseaseActive{background:url("../graphics/images/heartdisease_hover.gif") 0 1px no-repeat;}

#pgNav a.diabetes{background:url("../graphics/images/diabetes.gif") 0 2px no-repeat #aaa; border:1px solid #fff;}
#pgNav a.diabetes:hover{background:url("../graphics/images/diabetes_hover.gif") 0 0 no-repeat #FBBE01;}

#pgNav a.chronic{background:url("../graphics/images/chronic.gif") 0 2px no-repeat #aaa; border:1px solid #fff;}
#pgNav a.chronic:hover{background:url("../graphics/images/chronic_hover.gif") 0 0 no-repeat #A028B3;}

/* ----------------------------------------------------------------------------------------------------------*/

/* Head Navigation Preload */

#abgpl-1 {
background-image: url("../graphics/images/newApproach.gif");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

#abgpl-2 {
background-image: url("../graphics/images/selfAsses.gif");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

#abgpl-3 {
background-image: url("../graphics/images/selfCare.gif");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

#bgpl-1 {
background-image: url("../graphics/images/newApproach_hover.gif");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

#bgpl-2 {
background-image: url("../graphics/images/selfAsses_hover.gif");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

#bgpl-3 {
background-image: url("../graphics/images/selfCare_hover.gif");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

/* Head Navigation */

#headNav{width:780px; margin-left:164px; background:url("../graphics/images/headNavBG.png") top left no-repeat; }
#nav > #headNav{height:106px;}
#headNav ul.headNavList{margin-left:80px; padding:10px;}
#headNav ul.headNavList li{display:block; width:146px; height:57px; float:left; padding-top:13px; margin-right:55px; background:#ffffff;}
#headNav ul.headNavList li.mainHeadItem{width:154px; height:72px; padding-top:4px;}

#headNav span{display:none;}
#headNav a{display:block; width:146px; height:57px;}
#headNav a.newApproach{width:154px; height:72px; background:url("../graphics/images/newApproach.gif") top left no-repeat;}
#headNav a.newApproach:hover{background:url("../graphics/images/newApproach_hover.gif") top left no-repeat;}
#headNav a.selfAsses{background:url("../graphics/images/selfAsses.gif") center left no-repeat;}
#headNav a.selfAsses:hover{background:url("../graphics/images/selfAsses_hover.gif") center left no-repeat;}
#headNav a.selfCare{background:url("../graphics/images/selfCare.gif") center left no-repeat;}
#headNav a.selfCare:hover{background:url("../graphics/images/selfCare_hover.gif") center left no-repeat;}
#headNav a.success{background:url("../graphics/images/success.gif") center left no-repeat;}
#headNav a.success:hover{background:url("../graphics/images/success_hover.gif") center left no-repeat;}


/* ----------------------------------------------------------------------------------------------------------*/

/* Sub Navigation */

#subNav{clear:left; width:628px; margin:0; padding-left:165px;}
#nav > #subNav{padding-left:161px;}
#subNav ul.subNavList{margin:0; padding:0; list-style-type:none;}
#subNav ul.subNavList li{height:33px; display:block; float:left; margin:0; }

#subNav a span{display:none;}
#subNav a{display:block; height:33px;}

#subNav a.overview{background:url("../graphics/images/overview.gif") top left no-repeat; width: 73px;}
#subNav a.overview:hover, #subNav a.overviewActive{background:url("../graphics/images/overview_hover.gif") top left no-repeat; width: 73px;}

#subNav a.nutrition{background:url("../graphics/images/nutrition.gif") top left no-repeat; width: 67px;}
#subNav a.nutrition:hover, #subNav a.nutritionActive{background:url("../graphics/images/nutrition_hover.gif") top left no-repeat; width: 67px;}

#subNav a.mindbody{background:url("../graphics/images/mindbody.gif") top left no-repeat; width: 78px;}
#subNav a.mindbody:hover, #subNav a.mindbodyActive{background:url("../graphics/images/mindbody_hover.gif") top left no-repeat; width: 78px;}

#subNav a.manual{background:url("../graphics/images/manual.gif") top left no-repeat; width: 71px;}
#subNav a.manual:hover, #subNav a.manualActive{background:url("../graphics/images/manual_hover.gif") top left no-repeat; width: 71px;}

#subNav a.psych{background:url("../graphics/images/psych.gif") top left no-repeat; width: 90px;}
#subNav a.psych:hover, #subNav a.psychActive{background:url("../graphics/images/psych_hover.gif") top left no-repeat; width: 90px;}

#subNav a.eastasian{background:url("../graphics/images/eastasian.gif") top left no-repeat; width: 79px;}
#subNav a.eastasian:hover, #subNav a.eastasianActive{background:url("../graphics/images/eastasian_hover.gif") top left no-repeat; width: 79px;}

#subNav a.movement{background:url("../graphics/images/movement.gif") top left no-repeat; width: 82px;}
#subNav a.movement:hover, #subNav a.movementActive{background:url("../graphics/images/movement_hover.gif") top left no-repeat; width: 82px;}

#subNav a.spirituality{background:url("../graphics/images/spirituality.gif") top left no-repeat; width: 81px;}
#subNav a.spirituality:hover, #subNav a.spiritActive{background:url("../graphics/images/spirituality_hover.gif") top left no-repeat; width: 81px;}

/* ----------------------------------------------------------------------------------------------------------*/



/* Section Navigation */

#secNav{margin-top:10px; width:161px; float:left;
	background:url("../graphics/images/secNavBG.gif") bottom left no-repeat;
	height:430px;
	padding:0;
}
#secNav ul.secNavList{list-style-type:none; margin:0 auto; padding:0; width:143px; 	
}
#secNav ul.secNavList li{width:133px; height:63px; margin:12px;}

#secNav span{display:none;}
#secNav a{display:block; width:133px; height:63px;}

#secNav a.connections{background:url("../graphics/images/connections.jpg") top left no-repeat;}
#secNav a.connections{background:url("../graphics/images/connections.jpg") top left no-repeat;}
#secNav a.experiences{background:url("../graphics/images/experiences.jpg") top left no-repeat;}
#secNav a.research{background:url("../graphics/images/research.jpg") top left no-repeat;}
#secNav a.learning{background:url("../graphics/images/learning.jpg") top left no-repeat;}
#secNav a.evaluation{background:url("../graphics/images/evaluation.jpg") top left no-repeat;}




/* ----------------------------------------------------------------------------------------------------------*/

#container{clear:left;}

#content{width:772px; height:436px; margin-left:164px; padding-left:4px; padding-right:4px; padding-top:4px; background:url("../graphics/images/Background.jpg") top center no-repeat #fff;}
#content ul.assocLinks{position:relative; margin:0 0 0 518px; padding:0; list-style-type:none; height:19px; z-index:199;}
#content ul.assocLinks li{display:block; float:left; height:19px; margin-right:3px;}

#content ul.assocLinks a span{display:none;}
#content ul.assocLinks a{display:block; width:51px; height:19px;}
#content ul.assocLinks a.print{background:url("../graphics/images/print.png") top left no-repeat; width:51px; height:19px;}
#content ul.assocLinks a.email{background:url("../graphics/images/email.png") top left no-repeat; width:51px; height:19px;}
#content ul.assocLinks a.textsize_1{font-weight:bold; background:url("../graphics/images/text_size_1.gif") top left no-repeat; width:67px; height:19px; padding:0; margin:0; }
#content ul.assocLinks a.textsize_2{font-weight:bold; background:url("../graphics/images/text_size_2.gif") top left no-repeat; width:20px; height:19px; padding:0; margin:0; }
#content ul.assocLinks a.textsize_3{font-weight:bold; background:url("../graphics/images/text_size_3.gif") top left no-repeat; width:20px; height:19px; padding:0; margin:0; }

#contentLeft{width:620px; margin-left:25px; padding: 0; background:url("../graphics/images/assocBG.gif") top left no-repeat #fff; }
#contentLeft ul.assocLinks{position:relative; margin:0 0 0 490px; padding:3px 0 0 0; list-style-type:none; height:17px; z-index:199;}
#contentLeft ul.assocLinks li{display:block; float:left; width:53px; height:14px; margin-right:3px;}

#contentLeft ul.assocLinks a span{display:none;}
#contentLeft ul.assocLinks a{display:block; width:53px; height:14px;}
#contentLeft ul.assocLinks a.print{background:url("../graphics/images/print.gif") top left no-repeat;}
#contentLeft ul.assocLinks a.print:hover{background:url("../graphics/images/print_hover.gif") top left no-repeat; height:39px;}
#contentLeft ul.assocLinks a.email{background:url("../graphics/images/email.gif") top left no-repeat;}
#contentLeft ul.assocLinks a.email:hover{background:url("../graphics/images/email_hover.gif") top left no-repeat; height:39px;}

#title {position:absolute; display:block; top:165px; left:inherit; margin-left:14px; margin-bottom:20px; width:728px; padding:12px; text-align:left; overflow:hidden;}
#title h3 {font-size:1.5em; margin:0; padding:5px 0; font-weight:bold; color:#506B17;}

#copy{
	position:absolute;
	top:240px;
	left: inherit;
	width:728px;
	height:285px;
	margin-top:14px;
	margin-bottom:10px;
	margin-right:14px;
	margin-left:14px;
	overflow:auto;
	padding:12px;
	font-size:13px;
	text-align:left;
	z-index:99;
	scrollbar-base-color: white;
	scrollbar-track-color:#ccc;
	scrollbar-face-color: #506B17;
	scrollbar-arrow-color: white;
}
#copy h3, #copy h4, #copy h5, #copy h6{color:#506B17; font-weight:bold;}
#copy h3{font-size:1.5em; margin:0; padding:5px 0;}
#copy h4{font-size:1.4em;}
#copy h5{font-size:1.3em; font-style:italic; margin:0; padding:0;}
#copy h6{font-size:1.0em; margin:0; padding:0;}

#copy ol li{margin:20px 0;}
#copy ul{list-style-type:disc;}
#copy ul li{margin:3px;}

#copy dt{font-weight: bold; color:#506B17;}
#copy dd{margin:10px;}

.notes { font-size: inherit; font-family: Verdana, Arial, Helvetica, sans-serif; display: none; }

#footer{color:#000; height:34px; margin-top:10px; margin-left:150px; font-size:10px;}
#container > #footer{margin-top:0;}
#footer a{display:block; color:#000; text-decoration:none;}
#footer a:hover{color:#506B17; text-decoration:underline;}
#footer > ul{list-style:url("../graphics/images/arrowBullet.gif");}
#footer ul li{float:left; display:list-item; margin-right:50px;}
#footer li.spanish{font-weight:bold; background:url("../graphics/images/spanishBG.gif") repeat-x #E9DE9E; width:63px; height:17px; padding:2px 0 0 0; text-align:center; border:1px solid #fff; }
#footer li.spanish a{color:#000000;}

#footer input{font-size:12px; width:80px; padding:1px 3px; border:1px solid #8498B9; background-color:#B1C0D7; color:#333;}

#survey ul li{list-style-type:none;}

.topspan{font-size:smaller; font-weight:bold; display:block; text-decoration:none;}