@charset "UTF-8";
/* ======================================================================== */
/* This stylesheet holds all defenitions for the Site Nav				    */
/* The Site nav holds links to all site content 				            */
/* It uses a mega-dropdown style								            */
/* ======================================================================== */
/* ----------------------------------------------------
   Main Containers
   ---------------------------------------------------- */
*{outline: none;}
img {border: 0;}
.container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
}
.site-nav
	{
	width: 964px;
	height: 36px;
	margin-left: 36px;
	float: left;
	position: relative;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}


/* ----------------------------------------------------
   Main Containers
   ---------------------------------------------------- */
ul#siteMenu
	{
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	}
ul#siteMenu li
	{
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	}
ul#siteMenu li a
	{
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 36px;
	}

/* ----------------------------------------------------
   Home | Uses a sprite for the rollover
   ---------------------------------------------------- */
ul#siteMenu a.navHome
	{
	background: url("../images/site-nav/sitenav.png") no-repeat 0px 0px;
	width: 87px;
	}
ul#siteMenu li a.navHome:hover, ul#siteMenu li:hover a.navHome
	{
	background: url("../images/site-nav/sitenav.png") 0px 36px;
	}
/* ----------------------------------------------------
   About Us | Uses a sprite for the rollover
   ---------------------------------------------------- */
ul#siteMenu a.navAboutus
	{
	background: url(../images/site-nav/sitenav.png) no-repeat -87px 0px;
	width: 135px;
	}
ul#siteMenu li a.navAboutus:hover, ul#siteMenu li:hover a.navAboutus
	{
	background: url("../images/site-nav/sitenav.png") -87px 36px;
	}
/* ----------------------------------------------------
   Media | Uses a sprite for the rollover
   ---------------------------------------------------- */
ul#siteMenu a.navMedia
	{
	background: url(../images/site-nav/sitenav.png) no-repeat -222px 0px;
	width: 106px;
	}
ul#siteMenu li a.navMedia:hover, ul#siteMenu li:hover a.navMedia
	{
	background: url("../images/site-nav/sitenav.png") -222px 36px;
	}
/* ----------------------------------------------------
   Outreach | Uses a sprite for the rollover
   ---------------------------------------------------- */   
ul#siteMenu a.navOutreach
	{
	background: url(../images/site-nav/sitenav.png) no-repeat -328px 0px;
	width: 259px;
	}
ul#siteMenu li a.navOutreach:hover, ul#siteMenu li:hover a.navOutreach
	{
	background: url("../images/site-nav/sitenav.png") -328px 36px;
	}
/* ----------------------------------------------------
   Dropdown formating code
   ---------------------------------------------------- */ 

ul#siteMenu li .sub {
	position: absolute; /*--Important--*/
	top: 36px; left: 0;
	background: #2b3e40 url(../images/site-nav/bg.png) repeat-x; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#siteMenu li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#siteMenu li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#siteMenu .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#siteMenu .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	font-family: "Arial";
}
ul#siteMenu .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #ffb73c;
}
ul#siteMenu .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../images/site-nav/bullet.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#siteMenu .sub ul li a:hover {
	color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
}