/* CSS Document */

body { color:#000000; background-color:#375382; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

#frame { color:#000000; background-image:url(../images/bg_content.jpg); background-repeat:repeat-y; width:766px; margin: 0 auto; }
#header { color:#000000; background-color:#FFFFFF; width:750px; height:143px; text-align:center; margin:0 auto; }
#menuHeading { color:#FFFFFF; background-color:#D32727; background-image:url(../images/bg_menu_heading.jpg); background-repeat:no-repeat; width:750px; height:25px; margin:0 auto; border-top: 1px solid #FFFFFF; }
#menu { color:#FFFFFF; background-color:#2F6FB9; background-image:url(../images/bg_menu.jpg); background-repeat:no-repeat; width: 750px; height:23px; margin:0 auto; }
#menuSubHeading { color: #000000; background-color:#FFFFFF; background-image:url(../images/bg_top_main.jpg); background-repeat:no-repeat; width:750px; height:24px; margin:0 auto; }
#content { color:#000000; background-color:#FFFFFF; width:710px; margin:0 auto; padding: 0 20px; line-height:150%;}
#footer { color:#000000; background-image:url(../images/bg_footer.jpg); background-repeat:no-repeat; background-position:bottom; width:766px; height:105px; margin:0 auto; }
#subFooter { color:#DEDEDE; font-size:11px; text-align:center;  }

#menuHeading p { font-size:18px; font-weight:bold; margin:2px 64px; }
#subFooter p { margin:0; padding:0;}
#subFooter a { color:#DEDEDE; text-decoration:underline; }
#content ul li { padding:10px; }
#content a { color:#2F6FB9; text-decoration:none; }
#content a:hover { color:#375382; text-decoration:underline; }
div.caption { font-size:12px; font-weight:bold; text-align:center; }

/* Initiative Recipe Card Styles */
#cardBox { color:#000000; background-color:#ECF3FE; padding:10px; margin:10px; border:1px solid #375382; }
#cardBox p { font-style:italic; margin-top:4px; padding-top:4px; }
#cardBox h4 { margin-top:4px; padding-top:4px; }

/* News Bibliography Styles */
#newsBiblio ul li { padding-top:3px; padding-bottom:3px; padding-left: 2em; text-indent: -2em; list-style-type:none; }

/* Navigation Dropdown Code */
#nav { /* all lists */
	padding: 5px 0 0 64px;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display:block;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding: 0 0 5px 0;
}

#nav li ul a {
	margin: 5px;
	padding: 0;
	font-size: 12px;
}

#nav li ul li ul a {
	display: block;
	padding: -10px;
	margin: 5px;
	font-size: 12px;
}

#nav li { /* all list items */
	float: left;
	margin-right: 30px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #375382;
	width: 13em;
	border: 1px solid #FFFFFF;
	margin: 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	border: 1px solid #FFFFFF;
	width: 13em;
	margin: -1px 0 0 0;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 13em;
	_margin: -24px 0 0 13em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}