@import url("stylegrid.css");
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	color: #333333;
	background: url(img/BodyBg.png) repeat-x left top; }
.clear {
	display: block;
	clear: both; }
p { margin: 0 0 20px 0;}
a, a:link, a:visited {
	text-decoration: none;
	color: #ff6600;
	outline: none; }
a:hover,  a:active {
	text-decoration: none;
	color: #007fa7;
	outline: none; }
h1 {
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 30px;
	text-align: left;
	padding-right: 10px;
	margin: 0 0 5px 0; }
h2 {
	font-size: 24px;
	color: #007FA7;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: .5em; }
h3 {
	font-size: 16px;
	margin-bottom: 5px;
	color: #4c7300;
	font-family: Helvetica, Arial, sans-serif; }

	
h4 { margin-bottom: 0; }
ul {}
li {}
ol {}
#PageContainer {
	margin: 0 auto;
	width: 990px;
	background: url(img/PageContainerBg.png) repeat-y left top; }
#Page {
	width: 990px;
	background: url(img/PageBg.png) no-repeat left top; 
	overflow:hidden; }
#stateheader {
	background: /* #285577 */ #FFF;
	margin: 0 15px; }
#Header {
	height: 82px;
	padding: 35px 0 0 35px;
	margin: 5px 20px;
	background: url(img/HeaderBg.png) no-repeat left -1px; }
#HomeLink{
	display: block;
	width: 330px;
	height: 55px; }
#Content {
	width: 700px;
	float: right;
	margin-right: 20px;
	padding-bottom: 10px; }
#TopNav {
	width: 700px;
	height: 30px;
	float: left;
	margin: 0 0 5px 20px;
	padding-top: 3px;
	background: #007fa7;
	border-bottom: #003366 solid 2px; }
.Secondary #TopNav {
	float: right;
	margin: 0 20px 5px 0; }
.Document #TopNav { width: 950px; }
#TopMenu {
	display: block;
	margin: 0 0 0 25px;
	height: 30px;
	padding: 0;
	position: relative;
	list-style: none;
	text-align: center;
	outline: none; }
#TopMenu li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	display: block;
	height: 30px;
	outline: none;
	background: url(img/TopNavTabs.png) no-repeat left top;
	position: relative;  }
#SearchBlock {
	float: right;
	margin: 0;
	padding: 8px 34px 0 0;
	display: block;
	height: 30px;
	outline: none;
	background: none;
	position: relative; }
#TopMenu a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 30px;
	background: url(img/TopNavTabs.png) no-repeat left top;  }
#TopMenu li a span {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 30px;
	display: block;
	padding: 0 25px 0 25px;
	background: url(img/TopNavTabEnd.png) no-repeat right top; }
#TopMenu.DocumentNav li a span {
	padding: 0 16px;
	font-size: 11px; }
#TopMenu.DocumentNav li a span span {
	font-weight: normal;
	padding: 0;
	margin: 0;
	background: none;
	display: inline; }
#TopMenu.DocumentNav  {
	margin: 0;
	padding-left: 25px; }
#TopMenu a:hover { background: url(img/TopNavTabsOn.png) no-repeat left top; }
#TopMenu li a:hover span { background: url(img/TopNavTabEndOn.png) no-repeat right top; text-decoration: underline; }
#TopMenu ul.ThirdLevel {
	top: 0;
	left: 200px;
	display: none; }
#TopMenu ul.SecondLevel {
	top: 30px;
	width: 180px;
	opacity: 0.9; filter:
	alpha(opacity=90);
	margin: 0;
	padding: 0 0 0 0;
	border-top: #003366 solid 2px;
	border-bottom: #016b8c solid 1px;
	display: none;
	position: absolute;
	z-index: 2000;
	background: url(img/TopNavTabs.png) no-repeat left -10px;  }
#TopMenu ul.SecondNormal { left: 0; }
#TopMenu ul.SecondLevelEnd { left: -34px; }
#TopMenu li:hover ul.SecondLevel { display: block; }
#TopMenu ul.SecondLevel li {
	display: block;
	width: 100%;
	height: auto; }
#TopMenu ul.SecondLevel a {
	display: block;
	text-align: left;
	background-position: left -30px;
	padding: 0; }
#TopMenu ul.SecondLevel a span {
	display: block;
	padding: 0 10px;
	font-size: 10px;
	background-position: right -30px;
	border-bottom: #016b8c solid 1px; }
#TopMenu ul.SecondLevel a:hover {
	background: url(img/TopNavTabsOn.png) no-repeat left -30px; }
#TopMenu ul.SecondLevel a:hover span {
	text-decoration: underline;
	background: url(img/TopNavTabEndOn.png) no-repeat right -30px; }
#TopMenu ul.ThirdLevel {
	 margin: 0;
	 padding: 0;
	 display: block; }
#TopMenu ul.ThirdLevel a { background: #BADDE8; }
#TopMenu ul.ThirdLevel a span {
	background: none;
	color: #003366;
	padding-left: 20px;
	border-left: #016b8c solid 1px;
	border-right: #016b8c solid 1px;
	border-bottom: #016b8c solid 1px; }
#TopMenu ul.ThirdLevel a:hover span { color: #FFFFFF; }

/* html #TopMenu ul { line-height: 0; } /* IE6 "fix" */
/* #TopMenu ul a { zoom: 1; } /* IE6/7 fix */
#Login {
	width: 245px;
	float: left;
	margin: 0 0 5px 20px; 
	height: 60px;
	}
.HomePage #Login {
	font-size: 80%;
	float: right;
	margin: 0 20px 5px 0; 
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCC; }
#Login form, #Login span.bluebar {
	padding: -2px 0 0 0;
	background: #badde8;
	display: block; }
#Login span.bluebar {
	height: 35px; }
#Login input{
	width: 89px;
	height: 14px;
	vertical-align: top;
	margin-top: 7px;
	margin: 7px 0 6px 5px;
	color: #999999; }
#Login input:hover{
	color: #333333; }
#Login input#Go {
	background: #FFA946;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	width: 26px;
	height: 26px;
	cursor: pointer;
	margin: 5px 5px 0 5px; }
#Login input#Go:hover { background: #4C7300; }
#Login a {
	float: left;
	line-height: 25px;
	text-decoration: underline;
	margin-right: 25px;
	margin-left: 10px; }
#Breadcrumb {
	height: 25px;
	line-height: 20px;
	padding-left: 5px;
	color: #86C549; }
.HomePage #Breadcrumb { display: none; }
.Document #Breadcrumb { margin-bottom: 3px; }
#Breadcrumb a { }
#Breadcrumb .backlinks a:hover {
	color: #E57B47; }
ul#FeatureRotator {
	display: block;
	height: 290px;
	border-bottom: #FFFFFF solid 5px;
	margin: 0;
	padding: 0;
	list-style: none; }
.MainFeature {
	/*background: url(img/FeatureImage1.jpg) no-repeat left top;*/
	width: 700px;
	height: 290px;
	position: relative; }
#Feature1 { background: url(img/FeatureImage1.jpg) no-repeat left top; }
#Feature2 { background: url(img/FeatureImage2.jpg) no-repeat left top; }
#Feature3 { background: url(img/FeatureImage3.jpg) no-repeat left top; }
#Feature4 { background: url(img/FeatureImage4.jpg) no-repeat left top; }
#Feature1 .FeatureText {
	position: absolute;
	top: 35px;
	left: 35px;
	width: 361px;
	height: 152px;
	background: url(img/FeatureImageText1.png) no-repeat 0 0; }
#Feature2 .FeatureText {
	position: absolute;
	top: 30px;
	left: 300px;
	width: 361px;
	height: 228px;
	background: url(img/FeatureImageText2.png) no-repeat 0 0; }
#Feature3 .FeatureText {
	position: absolute;
	top: 35px;
	left: 35px;
	width: 442px;
	height: 187px;
	background: url(img/FeatureImageText3.png) no-repeat 0 0; }
#Feature4 .FeatureText {
	position: absolute;
	top: 35px;
	left: 35px;
	width: 457px;
	height: 224px;
	background: url(img/FeatureImageText4.png) no-repeat 0 0; }
#Feature1 #ClickThrough {
	position: absolute;
	top: 200px;
	left: 35px; }
#Feature2 #ClickThrough {
	position: absolute;
	top: 200px;
	left: 75px; }
#Feature3 #ClickThrough {
	position: absolute;
	top: 175px;
	left: 460px; }
#Feature4 #ClickThrough {
	position: absolute;
	top: 215px;
	left: 490px; }
#ClickThrough a {
	width: 181px;
	height: 51px;
	display: block;
	cursor: pointer;
	background: url(img/SeeHow.png) no-repeat left top; }
#ClickThrough a:hover { background: url(img/SeeHowOver.png) no-repeat left top; }
.BottomFeature {
	display: block;
	width: 230px;
	float: left;
	padding: 0;
	margin-right: 5px; }
.BottomFeature h1{
	 height: 40px;
	 background: #44d1f1;
	 margin: 0;
	 padding-left: 20px;
	 line-height: 40px;
	 text-align: left;
	 color: #000000; }
#BottomFeatureOne h1 {background: #44d1f1;}
#BottomFeatureTwo h1 {background: #acdf32;}
#BottomFeatureThree h1 {background: #ffa946;}
.BottomFeature .FeatureImage { width: 230px; height: 110px; margin-top: 5px; display: block;}
#BottomFeatureOne .FeatureImage { background: url(img/FeatureFacts.png) no-repeat left top; }
#BottomFeatureTwo .FeatureImage { background: url(img/FeatureProg.jpg) no-repeat left top; }
#BottomFeatureThree .FeatureImage { background: url(img/FeatureRes.jpg) no-repeat left top; }

#PageTitle {
	height: 28px;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
	color: #FFFFFF;
	background: #a5ce43; }
.Document #PageTitle {
	text-align: left;
	padding-left: 10px;
	text-transform: uppercase;
	background: #3B9DBB; }
#PageTitle h3 {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 30px;
	margin: 0; }
#PageImage {
	height: 150px;
	background: #CCCCCC; }
#PageImage.HeaderActivity { background: #CCCCCC url(img/HeaderActivity.jpg) no-repeat left top; }
#PageImage.HeaderActivityYouCanDo { background: #CCCCCC  url(img/HeaderActivityYouCanDo.jpg) no-repeat left top; }
#PageImage.HeaderActivityRecommend { background: #CCCCCC  url(img/HeaderActivityRecommend.jpg) no-repeat left top; }
#PageImage.HeaderActivityCommunity { background: #CCCCCC  url(img/HeaderActivityCommunity.jpg) no-repeat left top; }
#PageImage.HeaderActivityChronic { background: #CCCCCC  url(img/HeaderChronic.jpg) no-repeat left top; }
#PageImage.HeaderPlan { background: #CCCCCC  url(img/HeaderPlan.jpg) no-repeat left top; }

#PageImage.HeaderNutrition { background: #CCCCCC  url(img/HeaderNutrition.jpg) no-repeat left top; }
#PageImage.HeaderNutritionYouCanDo { background: #CCCCCC  url(img/HeaderRecommend.jpg) no-repeat left top; }
#PageImage.HeaderNutritionRecommend { background: #CCCCCC  url(img/HeaderNutritionYouCanDo.jpg) no-repeat left top; }
#PageImage.HeaderNutritionCommunity { background: #CCCCCC  url(img/HeaderCommmunity.jpg) no-repeat left top; }

#PageImage.HeaderObesity { background: #CCCCCC  url(img/HeaderObesity.jpg) no-repeat left top; }
#PageImage.HeaderObesityFacts { background: #CCCCCC  url(img/HeaderFacts.jpg) no-repeat left top; }
#PageImage.HeaderObesityRiskFactors { background: #CCCCCC  url(img/HeaderRiskFactors.jpg) no-repeat left top; }
#PageImage.HeaderObesityPublications { background: #CCCCCC  url(img/HeaderPublications.jpg) no-repeat left top; }
#PageImage.HeaderObesityConditions { background: #CCCCCC  url(img/HeaderBigNose.jpg) no-repeat left top; }
#PageImage.HeaderObesityProgramInfo { background: #CCCCCC  url(img/HeaderProgramInfo.jpg) no-repeat left top; }

#PageImage.HeaderNews { background: #CCCCCC  url(img/HeaderNews.jpg) no-repeat left top; }
#PageImage.HeaderNewsFAQs { background: #CCCCCC  url(img/HeaderFAQs.jpg) no-repeat left top; }
#PageImage.HeaderNewsArchive { background: #CCCCCC  url(img/HeaderNewsArchives.jpg) no-repeat left top; }
#PageImage.HeaderNewsForMedia { background: #CCCCCC  url(img/HeaderForMedia.jpg) no-repeat left top; }
#PageImage.HeaderNewsRelease { background: #CCCCCC  url(img/HeaderNewsRelease.jpg) no-repeat left top; }

#PageImage.HeaderPartners { background: #CCCCCC  url(img/HeaderPartners.jpg) no-repeat left top; }
#PageImage.HeaderPartnersOrgs { background: #CCCCCC  url(img/HeaderPartnerOrgs.jpg) no-repeat left top; }
#PageImage.HeaderPartnersDocuments { background: #CCCCCC  url(img/HeaderDocuments.jpg) no-repeat left top; }
#PageImage.HeaderPartnersBecome { background: #CCCCCC  url(img/HeaderBecomePartner.jpg) no-repeat left top; }


#PageContent {
	padding:30px; }
#PageContent a {
	text-decoration: underline;
	font-weight: normal; }
	
#PageContent h3 a { color: #4c7300; font-weight: bold;}		
.Document #PageContent {
	margin: 0; padding: 0;}
#PageContent li {
	color: #333333;
	margin-bottom: 5px; }
label { display: inline-block; width: 100px; }
input, select { margin-bottom: 5px; }
#message { width: 300px; height: 125px; }
#send { margin: 20px 0 10px 100px; }

#LeftColumn {
	width: 235px;
	float: left;
	margin: 0 0 0 30px;
	font-size: 80%;
	line-height: 15.5px;
	/*padding-bottom: 30px;
	margin-top: 8px;
	margin-left: 15px;
	position: absolute;
	top: 15px;
	left: 20px;
	*/
	 }
.HomePage #LeftColumn {
	float: right;
	padding: 10px 0 0 0;
	margin: 0 20px 0 0;;
	/*position: absolute;
	top: 20px;
	left: 705px;
	*/ }
.Secondary #LeftColumn {
	/*padding-right: 0;
	padding-left: 10px;
	padding-bottom: 0;
	margin-left: 0;
	position: absolute;
	top: 15px;
	left: -250px;
	border-top: none; 
	*/
	}
.HomePage #Content {
	width: 705px;
	float: left;
	margin: 0 0 2px 20px;
	padding-bottom: 10px;
	position: relative; }
.Secondary #Content {
	width: 700px;
	float: right;
	margin: 0 20px 2px 0;
	padding-bottom: 10px;
	position: relative; }
.Secondary #PageContent td.errMsg {
	color: #FF0000; line-height: 20px; font-weight: bold; }


#LeftNav {
	border-bottom: #999999 solid 1px;
	width: 225px;
	margin-bottom: 30px; }
#LeftNav .FirstLevel,
#LeftNav .SecondLevel,
#LeftNav .ThirdLevel {
	list-style: none;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px; }
#LeftNav .FirstLevel a { color: #333333; }
#LeftNav .FirstLevel a:hover { color: #E57B47; }
#LeftNav .SecondLevel a { padding-left: 10px; }
#LeftNav .ThirdLevel a { padding-left: 20px; }
#LeftNav .FirstLevel li a {
	font-weight: bold;
	display: block;
	line-height: 25px;
	border-top: #999999 solid 1px;
	background:  url(img/MenuArrow.png) no-repeat right top;  }
#LeftNav .FirstLevel li a:hover { background:  url(img/MenuArrowOver.png) no-repeat right top;  }
#LeftNav .FirstLevel li a.MenuOpen { background:  url(img/MenuArrowDn.png) no-repeat right top;  }
#LeftNav .FirstLevel li a.MenuOpen:hover { background:  url(img/MenuArrowDnOver.png) no-repeat right top;  }
#LeftNav .SecondLevel li a:hover { background: none; }
#LeftNav .SecondLevel li a {
	color: #007FA7;
	display: block;
	line-height: 25px;
	border-top: #DDDDDD solid 1px;
	background: none; }
#LeftNav .ThirdLevel li a{
	color: #666666;
	display: block;
	line-height: 25px;
	border-top: #EFEFEF solid 1px; }
#LeftColumn  a {
	font-weight: bold;
	text-decoration: underline; }
#LeftColumn h3 {
	margin: 0;
	margin-top: 5px;
	font-size: 13px; }
#LeftColumn h3 a, .newsHeadline {
	font-weight: bold;
	color:  #4c7300;
	margin: 5px 0; }
.newsHeadline { text-decoration: underline; }
#LeftColumn p { margin: 0 0 5px 0; }
#LeftColumn p a { white-space: nowrap; }
#LeftColumn .Spacer {
	width: 230px;
	height: 2px;
	border-top: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px; }
#rightContainer {
font-size: 80%;
	width: 180px;
	float: right; }
#bodyContent {
	width: 750px;
	float: left; }
#News { }
#MediaKitLink {
	display: block;
	width: 220px;
	height: 15px;
	margin-top: 15px;
	padding-top: 52px;
	font-size: 9px;
	color: #4C7300;
	text-decoration: none;
	background:  url(img/MediaKitLink.png) no-repeat left top; }
#MediaKitLink:hover {
	text-decoration: underline; }
#Footer {
	width: 990px;
	height: 40px;
	padding-top: 25px;
	text-align: center;
	color: #333333;
	background: #FFFFFF  url(img/FooterBg.jpg) no-repeat left -10px; }
#Footer form table { margin: 0 auto; }
#Footer a { color: #4c7300; }
#Footer a:hover {
	color: #007fa7;
	text-decoration: underline; }


/**********************************************
                               secureDoc styling
**********************************************/
.Document #Content {
	width: 950px;
	float: left;
	margin-bottom: 2px;
	margin-left: 20px;
	margin-right: 0;
	padding-bottom: 10px;
	font-size: 80%; }



.Document #LoginDoc { margin: 20px 100px 40px 80px; }
.Document #userGroup {
	visibility:hidden;
	display:none; }
.Document #PageContent table { width: 100%; }
.Document #PageContent table.EventSettings { width: 250px; }
.Document #PageContent table.DetailView { margin-left: 15px;  border:1px solid #CCCCCC; padding: 20px; }
.Document #PageContent .xyz table { width: 100%; }
.Document .DetailView input, .Document .DetailView select { margin: 0 0 3px 3px; }
.Document .xyz {
	margin-left: 15px;
	overflow: auto;
	height: 200px;
	border: #CCCCCC solid 1px; }
.Document .AddUser { }
.Document h2 { margin: 10px 0 10px 15px;}
.Document h2 span { font-weight: normal; }
.Document h3 { margin-left: 15px; }
.Document #PageContent table h3 { margin: 0; }
.Document #eventDisplay h3 { margin-left: 0px; margin-top: 8px; }
.Document .topHeader { height: 35px; }
.Document th, .Document .header td {
	padding-left: 10px;
	padding-right: 10px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	background: #D9EFA4;
	/*background: #FFDDB5;*/
	border-left: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	/*background: #285577;*/
	height: 30px;
	line-height: 20px;
	text-align: left; }
.Document #PageContent td {
	padding:5px;
	border-left: #FFFFFF solid 1px; }
.Document #FileFilter { margin: 25px 0 5px 10px; }
.Document .FilterLabel { padding: 0 0 0 40px; }
.Document .Spacer {

	height: 2px;
	border-top: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px; }
.Document .newsPost { color: #FF6600; }
.Document #whatsNewContainer { margin-bottom: 10px;}
.Document #PageContent #calendar {
	width: auto;
	margin-bottom: 15px; }
.Document #calendar #calendar { margin-bottom: 0; }
.Document .calDayColor {
	background: #FFF2E3;
	border: #FFFFFF solid 1px; }
.Document .calDayColor a { font-weight: bold; }
.Document .calMonthNav {
	font-weight: bold;
	font-size: 16px; }
.Document .calTodayColor, .Document .calWeekDay {
	font-weight: bold;
	background: #FFDDB5;
	border: #FFFFFF solid 1px; }
.Document #whatsNewContainer p { margin-bottom: 5px; }
.Document .form_param {
	margin-bottom: 3px;
	margin-left: 5px;
	float: left; }
.Document #ContentTable {
	margin-left: 20px;
	margin-top: 8px; }
.Document .Instructions { margin-left: 50px; }
.Document #PageContent .Instructions table { width: 650px; }
.Document #AddEvent { margin-left: 50px; }
.Document #AddEvent select {
	margin-right: 10px;
	width: 70px; }
.Document #PageContent .AddUser {
	width: 625px;
	margin-left: 75px; }
.Document .AddUser .title {
	width: 200px;
	text-align: right; }
.errMsg {
	color: #f00;
	font-weight: bold;
}