/*dashboard.css*/

body {text-align:left; margin: 0px; background-color: #C2DFEF;}	
p {font-size: 10pt;font-family: "verdana";}
ul, ol{
	margin: 10px 0px 10px 10px;
	*padding: 0px 0px 0px 30px;
	font-family: "verdana";
	font-size: 10pt;
	line-height: 16px;
}
li{
	padding-bottom: 5px;
}

p.servingSize {
	*margin-top: 10px;
	float: right;
	width: 220px;
	font-size: 10pt;
	line-height: 16px;
	color: #FFA000;
	font-family: "trebuchet ms", Verdana;
}
p.totalFat {
	*margin-top: 25px;
	clear: both;
	float: right;
	width: 220px;
	font-size: 10pt;
	line-height: 16px;
	color: #FFA000;
	font-family: "trebuchet ms", Verdana;
}
p.totalSugar {
	margin-top: 65px;
	*margin-top: 85px;	
	clear: both;
	float: right;
	width: 220px;
	font-size: 10pt;
	line-height: 16px;
	color: #FFA000;
	font-family: "trebuchet ms", Verdana;
}

.red {
	color: #D3262E;
	font-weight: bold;
}

img.nutritionLabel{
	position: relative;
	top: 20px;
}

#details {
	background-color: #FFEAC9;
	width: 200px;
	float: right;
	margin-top: 15px;
}
#details p{
	font-size: 10pt;
	line-height: 16px;
	color: #a8b700;
	font-family: "trebuchet ms", Verdana;
	padding: 0px 15px 15px 30px;
	
}


/*all pages elements*/
/*centers the content on the page no matter the viewport size*/
#wrapper {
	margin: 0px auto;
	position: relative;
	width: 910px;
	background-image:  url(../../images/secondary/secSBfill.gif);
	background-repeat: repeat-y;
}

#bodyContent {
	width: 910px;	
}
		/*Header*/
		#topGfx {background-image:  url(../../images/secondary/topBar.gif); width: 910px; height: 100px;}		
		.logoSML {position: absolute; top:9px; left: 16px;}		
		.topNav {
			position: absolute;
			top: 9px;
			left: 170px;
			height: 50px;
			width: 375px;
			color: #1677B0;
			font-style: italic;
			text-align: right;
			font-size: 8pt;
			margin-top: 20px;
		}
		
		/*Nav Bar*/
		.homeBtn {
			position: absolute;
			top: 59px;
			left: 25px;
			background:  url(../../images/secondary/homeBtnOver.gif) no-repeat;
			width: 88px;
			height: 32px;
		}		
		.homeBtn a {display: block;	width: 88px; height: 32px;}
		.homeBtn img {width: 88px; height: 32px; border: 0;}
		.homeBtn a:hover img {visibility:hidden}

		.toolsBtn {
			position: absolute;
			top: 59px;
			left: 472px;
			background:  url(../../images/secondary/toolsBtnOver.gif) no-repeat;
			width: 78px;
			height: 32px;
		}
		.toolsBtn a {display: block; width: 78px; height: 32px;}
		.toolsBtn img {width: 78px; height: 32px; border: 0;}
		.toolsBtn a:hover img {visibility:hidden}
		
		.storiesBtn {
			position: absolute;
			top: 59px;
			left: 113px;
			background:  url(../../images/secondary/storiesBtnOver.gif) no-repeat;
			width: 138px;
			height: 32px;
		}
		.storiesBtn a {display: block; width: 138px; height: 32px;}
		.storiesBtn img {width: 138px; height: 32px; border: 0;}
		.storiesBtn a:hover img {visibility:hidden}
		
		.resourcesBtn {
			position: absolute;
			top: 59px;
			left: 251px;
			background:  url(../../images/secondary/resourcesBtnOver.gif) no-repeat;
			width: 112px;
			height: 32px;
		}
		.resourcesBtn a {display: block; width: 112px; height: 32px;}
		.resourcesBtn img {width: 112px; height: 32px; border: 0;}
		.resourcesBtn a:hover img {visibility:hidden}
		
		.contactBtn {
			position: absolute;
			top: 59px;
			left: 363px;
			background:  url(../../images/secondary/contactBtnOver.gif) no-repeat;
			width: 109px;
			height: 32px;
		}
		.contactBtn a {display: block; width: 109px; height: 32px;}
		.contactBtn img {width: 109px; height: 32px; border: 0;}
		.contactBtn a:hover img {visibility:hidden}
		
		.healthyPlateBtn {
			position: absolute;
			top: 28px;
			left: 561px;
			background:  url(../../images/secondary/healthyPlateBtnOver.gif) no-repeat;
			width: 129px;
			height: 65px;
		}
		.healthyPlateBtn a {display: block; width: 129px; height: 65px;}
		.healthyPlateBtn img {width: 129px; height: 65px; border: 0;}
		.healthyPlateBtn a:hover img {visibility:hidden}
		
		
		.big5Btn {
			position: absolute;
			top: 28px;
			left: 699px;
			background:  url(../../images/secondary/big5BtnOver.gif) no-repeat;
			width: 129px;
			height: 65px;
		}
		.big5Btn a {display: block; width: 129px; height: 65px;}
		.big5Btn img {width: 129px; height: 65px; border: 0;}
		.big5Btn a:hover img {visibility:hidden}
		
		/*Sub Nav Bar*/
		#subNav {
			position: absolute;
			background-image:  url(../../images/secondary/subNavGfx.gif);
			top: 100px;
			left: 0px;
			height: 51px;
			width: 910px;
		}
		
		.hb4lifeBtn {
			position: absolute;
			top: 100px;
			left: 25px;
			background:  url(../../images/secondary/hb4lifeBtnOver.gif) no-repeat;
			width: 204px;
			height: 42px;
		}		
		.hb4lifeBtn a {display: block;	width: 204px; height: 42px;}
		.hb4lifeBtn img {width: 204px; height: 42px; border: 0;}
		.hb4lifeBtn a:hover img {visibility:hidden}
		
		.behaviorsBtn {
			position: absolute;
			top: 100px;
			left: 229px;
			background:  url(../../images/secondary/behaviorsBtnOver.gif) no-repeat;
			width: 203px;
			height: 42px;
		}		
		.behaviorsBtn a {display: block;	width: 203px; height: 42px;}
		.behaviorsBtn img {width: 203px; height: 42px; border: 0;}
		.behaviorsBtn a:hover img {visibility:hidden}
		
		.activityBtn {
			position: absolute;
			top: 100px;
			left: 635px;
			background:  url(../../images/secondary/activityBtnOver.gif) no-repeat;
			width: 203px;
			height: 42px;
		}		
		.activityBtn a {display: block;	width: 203px; height: 42px;}
		.activityBtn img {width: 203px; height: 42px; border: 0;}
		.activityBtn a:hover img {visibility:hidden}
		
		.nutritionBtn {
			position: absolute;
			top: 100px;
			left: 432px;
			background:  url(../../images/secondary/nutritionBtnOver.gif) no-repeat;
			width: 203px;
			height: 42px;
		}		
		.nutritionBtn a {display: block; width: 203px; height: 42px;}
		.nutritionBtn img {width: 203px; height: 42px; border: 0;}
		.nutritionBtn a:hover img {visibility:hidden}
		
/*//////////////////////////////////////////////////////////*/
#secondContent{
	position: relative;
	top: 30px;
	*top: 50px;/*css hack for IE7*/
	width: 849px;
	min-height: 650px;/*doesn't work in IE6*/
	_height: 650px;/*css hack for IE6*/
}

#sideImg{
	position: absolute;
	left: 0px;
	top: 51px;
	width: 36px;
	height: 173px;
}
#sideButtons{
	position: absolute;
	left: 46px;
	top: 53px;
}
#btn{
	position: relative; 	
	width: 146px;
	height: 35px;
}
#btn a {display: block; width: 146px; height: 35px;}
#btn img {width: 146px; height: 35px; border: 0;}
#btn a:hover img {visibility:hidden}

.summerBtn {background:  url(../../images/secondary/summerBtnOver.gif);}
.marcoBtn {background:  url(../../images/secondary/marcoBtnOver.gif);}
.eanBtn {background:  url(../../images/secondary/eanBtnOver.gif);}
.chantalBtn {background:  url(../../images/secondary/chantalBtnOver.gif);}

.WMWCBtn {background:  url(../../images/secondary/WMWCBtnOver.gif);}
.commEduBtn {background:  url(../../images/secondary/commEduBtnOver.gif);}
.injuryBtn {background:  url(../../images/secondary/injuryBtnOver.gif);}
.bHealthBtn {background:  url(../../images/secondary/bHealthBtnOver.gif);}
.careMobileBtn {background:  url(../../images/secondary/careMobileBtnOver.gif);}
.famCareBtn {background:  url(../../images/secondary/famCareBtnOver.gif);}

.hPlateBtn {background:  url(../../images/secondary/hPlateBtnOver.gif);}
.movingBtn {background:  url(../../images/secondary/movingBtnOver.gif);}
.BMIBtn {background:  url(../../images/secondary/BMIBtnOver.gif);}
.pyramidBtn {background:  url(../../images/secondary/pyramidBtnOver.gif);}

.actKidsBtn {background:  url(../../images/secondary/actKidsBtnOver.gif);}
.healthSnackBtn {background:  url(../../images/secondary/healthSnackBtnOver.gif);}
.foodLblBtn {background:  url(../../images/secondary/foodLblBtnOver.gif);}
.recpKidsBtn {background:  url(../../images/secondary/recpKidsBtnOver.gif);}

.actTeensBtn {background:  url(../../images/secondary/actTeensBtnOver.gif);}
.recpTeensBtn {background:  url(../../images/secondary/recpTeensBtnOver.gif);}
.fastFoodBlBtn {background:  url(../../images/secondary/fastFoodBlBtnOver.gif);}

.actFamBtn {background:  url(../../images/secondary/actFamBtnOver.gif);}
.mealPlnsBtn {background:  url(../../images/secondary/mealPlnsBtnOver.gif);}
.recpFamlBtn {background:  url(../../images/secondary/recpFamlBtnOver.gif);}
.budgetGrnBtn {background:  url(../../images/secondary/budgetGrnBtnOver.gif);}
.riskBtn {background:  url(../../images/secondary/riskBtnOver.gif);}

.exerciseBtn {background:  url(../../images/secondary/exerciseBtnOver.gif);}
.seasonBtn {background:  url(../../images/secondary/seasonBtnOver.gif);}

.tourBtn {background:  url(../../images/secondary/tourBtnOver.gif);}
.logInBtn {background:  url(../../images/secondary/regBtnOver.gif);}

.linksBtn {background:  url(../../images/secondary/linksBtnOver.gif);}

.cookingBtn {background:  url(../../images/secondary/cookingBtnOver.gif);}
.planningBtn {background:  url(../../images/secondary/planningBtnOver.gif);}
.budgetBtn {background:  url(../../images/secondary/budgetBtnOver.gif);}
.labelBtn {background:  url(../../images/secondary/labelBtnOver.gif);}
.recipesBtn {background:  url(../../images/secondary/recipesBtnOver.gif);}
.sizeUpBtn {background:  url(../../images/secondary/sizeUpBtnOver.gif);}
.betterOrangeBtn {background:  url(../../images/secondary/betterOrangeBtnOver.gif);}

#secondFooter{
	width: 910px;
	height: 75px;
	position: relative;
	bottom: 0px;

}
.secondFooterText{
	text-align: center;
	font-size: 8pt;
	padding-top: 58px;
}
.photo{
	float: right;
	padding: 10px 0px 10px 15px;
}
.photo p{
	font-family: "verdana";
	font-size: 8pt;
	text-align: center;
	font-style: italic;
	margin-top: 0px;
}

.quote{
	float: left;
	width: 240px;
	padding: 5px 10px 0px 0px;
}
.quoteRight{
	float: right;
	width: 240px;
	padding: 5px 10px 0px 0px;
}
.quote p{
	font-family: "trebuchet ms";
	font-size: 15pt;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-top: 0px;
	color: #85C6F0;
}

.quoteRight p{
	font-family: "trebuchet ms";
	font-size: 15pt;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-top: 0px;
	color: #85C6F0;
}

.chpLogo {
	position: absolute;
	top: -55px;
	left: 50px;
}
.afblogo {
	float:right;
	margin: 25px 0px 20px 15px;
}
.centlogo {
	float:right;
	margin: 25px 18px 20px 15px;
}
.narrow {
	width: 350px;
}
#secondText{
	position: relative;
	z-index: +2;
	top: 10px;
	left: 220px;
	width: 540px;
	padding-bottom: 60px;
}
.nutritionLink ul.orangeList{
	color: #FFA000;
}
.nutritionLink a:link{
	color: #FFA000;
	text-decoration: none;
}
.nutritionLink a:visited{
	color: #FFA000;
	text-decoration: none;
}
.nutritionLink a:hover{
	color: #a8b700;
	text-decoration: underline;
}

.activityText a:link{
	color: #D3262E;
	text-decoration: none;
}
.activityText a:visited{
	color: #D3262E;
	text-decoration: none;
}
.activityText a:hover{
	color: #FFA000;
	text-decoration: underline;
}

.blueText a:link{
	color: #54BBF7;
	text-decoration: none;
}
.blueText a:visited{
	color: #54BBF7;
	text-decoration: none;
}
.blueText a:hover{
	color: #026ba8;
	text-decoration: underline;
}
.blueTitle{
	font-size: 14pt;
	color: #026ba8;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}
.blueSubTitle{
	font-size: 12pt;
	color: #54BBF7;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}

.purpleTitle{
	font-size: 14pt;
	color: #5640C1;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}

.hb4lifeTitle{
	font-size: 14pt;
	color: #D3262E;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}
.hb4lifeSubTitle{
	font-size: 11pt;
	color: #0B89D0;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}

.nutritionTitle{
	font-size: 14pt;
	color: #a8b700;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}
.nutritionSubTitle{
	font-size: 11pt;
	color: #FFA000;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}
.nutritionList{
	color: #a8b700;
	list-style-image: url(../../images/secondary/ORGbullet.gif);
}
.behaviorsTitle{
	font-size: 14pt;
	color: #0078BC;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}
.behaviorsSubTitle{
	font-size: 11pt;
	color: #A8B700;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}

.activityList{
	color: #0078BC;
	list-style-image: url(../../images/secondary/GRbullet.gif);
}
.activityTitle{
	font-size: 14pt;
	color: #FFA000;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}
.activitySubTitle{
	font-size: 11pt;
	color: #D3262E;
	font-family: "trebuchet ms", Verdana;
	font-weight: bold;
}
.behaviorsList{line-height: 20px;}
.behaviorsList a:link{color: #0078BC;text-decoration: none;}
.behaviorsList a:visited{color: #0078BC;text-decoration: none;}
.behaviorsList a:hover{	color: #A8B700;	text-decoration: underline;}

.linksList a:link{color: #0078BC;text-decoration: none;}
.linksList a:visited{color: #0078BC;text-decoration: none;}
.linksList a:hover{	color: #A8B700;	text-decoration: underline;}
p.linksList {
	line-height: 22px;
}

.LA_hb4life{background-image:  url(../../images/secondary/LAhb4life_fill.gif);	background-repeat: repeat-y;}
.LA_hb4lifeSide{background-image:  url(../../images/secondary/LAhb4life_btns.gif);}
.LA_hb4lifeFoot{background-image:  url(../../images/secondary/LAhb4life_footer.gif);}

.LA_behaviors{background-image:  url(../../images/secondary/LAbehaviors_fill.gif);	background-repeat: repeat-y;}
.LA_behaviorsSide{background-image:  url(../../images/secondary/LAbehaviors_btns.gif);}
.LA_behaviorsFoot{background-image:  url(../../images/secondary/LAbehaviors_footer.gif);}

.LA_activity{background-image:  url(../../images/secondary/LAactivity_fill.gif);	background-repeat: repeat-y;}
.LA_activitySide{background-image:  url(../../images/secondary/LAactivity_btns.gif);}
.LA_activityFoot{background-image:  url(../../images/secondary/LAactivity_footer.gif);}

.LA_nutrition{background-image:  url(../../images/secondary/LAnutrition_fill.gif);	background-repeat: repeat-y;}
.LA_nutritionSide{background-image:  url(../../images/secondary/LAnutrition_btns.gif);}
.LA_nutritionFoot{background-image:  url(../../images/secondary/LAnutrition_footer.gif);}

.blue{background-image:  url(../../images/secondary/blue_fill.gif);	background-repeat: repeat-y;}
.blueSide{background-image:  url(../../images/secondary/blue_btns.gif);}
.blueFoot{background-image:  url(../../images/secondary/blue_footer.gif);}

.purple{background-image:  url(../../images/secondary/purple_fill.gif);	background-repeat: repeat-y;}
.purpleSide{background-image:  url(../../images/secondary/forKids_btns.gif);}
.purpleFoot{background-image:  url(../../images/secondary/purple_footer.gif);}

.blueSide{background-image:  url(../../images/secondary/stories_btns.gif);}
.purpleSide{background-image:  url(../../images/secondary/purple_btns.gif);}
/*//////////////////////////////////////////////////////////*/
#sideBar {
	position: absolute;
	z-index: +3;
	left: 849px;
	top: 29px;
	width: 61px;
	margin-bottom: 0px;
}

.justForKids {
	width: 61px;
	height: 206px;
	position: absolute;
	top: 122px;
	left: 0px;
	background:  url(../../images/secondary/justForKidsOver.gif) no-repeat;
}
.justForKids a {display: block;	width: 61px; height: 206px;}
.justForKids img {width: 61px; height: 206px; border: 0;}
.justForKids a:hover img {visibility:hidden}

.justForTeens {
	width: 61px;
	height: 217px;
	position: absolute;
	top: 328px;
	left: 0px;
	background:  url(../../images/secondary/justForTeensOver.gif) no-repeat;
}
.justForTeens a {display: block;	width: 61px; height: 217px;}
.justForTeens img {width: 61px; height: 217px; border: 0;}
.justForTeens a:hover img {visibility:hidden}

.justForParents {
	width: 61px;
	height: 227px;
	position: absolute;
	top: 544px;
	left: 0px;
	background:  url(../../images/secondary/justForParentsOver.gif) no-repeat;
}
.justForParents a {display: block;	width: 61px; height: 227px;}
.justForParents img {width: 61px; height: 227px; border: 0;}
.justForParents a:hover img {visibility:hidden}

/***********************************/