/* Main Menu */

#nav { clear: both; margin-top: 5px; }
#nav ul { list-style: none; margin: 0 auto; }
#nav li { float: left; position: relative; }
#nav li a { height: 58px; display: block; z-index: 999; }

#nav #about,
#nav #programs,
#nav #news,
#nav #get_involved,
#nav #resources,
#nav #contact,
#nav #donate { background: url(assets/img/nav.png); height: 58px; } 

#nav #about { width: 114px; background-position: 0px 0; }
#nav #about:hover, #nav #about.over, .about #nav #about:hover, .about #nav #about.over { background-position: 0px -58px; }
#nav #about:active { background-position: 0px -116px; }
.about #nav #about { background-position: 0px -174px; }

#nav #programs { width: 142px; background-position: -114px 0; }
#nav #programs:hover, #nav #programs.over, .programs #nav #programs:hover, .programs #nav #programs.over { background-position: -114px -58px; }
#nav #programs:active { background-position: -114px -116px; }
.programs #nav #programs { background-position: -114px -174px; }

#nav #news { width: 96px; background-position: -256px 0; }
#nav #news:hover, #nav #news.over, .news #nav #news:hover, .news #nav #news.over { background-position: -256px -58px; }
#nav #news:active { background-position: -256px -116px; }
.news #nav #news { background-position: -256px -174px; }

#nav #get_involved { width: 163px; background-position: -352px 0; }
#nav #get_involved:hover, #nav #get_involved.over, .get_involved #nav #get_involved:hover, .get_involved #nav #get_involved.over { background-position: -352px -58px; }
#nav #get_involved:active { background-position: -352px -116px; }
.get_involved #nav #get_involved { background-position: -352px -174px; }

#nav #resources { width: 148px; background-position: -515px 0; }
#nav #resources:hover, #nav #resources.over, .resources #nav #resources:hover, .resources #nav #resources.over { background-position: -515px -58px; }
#nav #resources:active { background-position: -515px -116px; }
.resources #nav #resources { background-position: -515px -174px; }

#nav #contact { width: 123px; background-position: -663px 0; }
#nav #contact:hover, #nav #contact.over, .contact #nav #contact:hover, .contact #nav #contact.over { background-position: -663px -58px; }
#nav #contact:active { background-position: -663px -116px; }
.contact #nav #contact { background-position: -663px -174px; }

#nav #donate { width: 172px; background-position: -786px 0; }
#nav #donate:hover, #nav #donate.over, .donate #nav #donate:hover, .donate #nav #donate.over { background-position: -786px -58px; }
#nav #donate:active { background-position: -786px -116px; }
.donate #nav #donate { background-position: -786px -174px; }



#nav ul ul { 
	background: url(assets/img/nav_li.png) no-repeat left bottom !important; display: none; 
	display: none; position: absolute;
	top: 58px; left: 7px; 
	width: 133px;
	padding: 4px 9px 12px 7px;
 }
	
#nav ul ul li {
    width: 133px; height: none; clear: both; 
    text-align: left; display: block; z-index:999;
	font-size: 10px; line-height: 12px; text-transform: uppercase;
    }

#nav ul ul li a { 
    display: block; 
    width: 123px; padding: 5px;
    height: auto !important;
	color: #fff;
	font-weight: normal;
    }


#nav ul ul li a:hover { 
	background-position: 5px -82px;  
	background-color: #074c79;
    display: block;
    text-decoration: none; 
    color: #fff;
    }

#nav li:hover ul { display: block; }
#nav li.over ul { display: block; }
	
	
/* Section Menu */

#snav h3 { margin: 0; padding: 30px 0 9px 0; }	
	#snav h3 a { display: block; height: 25px; }	
		#snav h3 a { background: url(assets/img/snav_more.png) no-repeat left top; }	
	#snav h3 a:hover { background-position: 0 -25px; }	

#snav { 
	padding: 0;
	text-align: left; font-size: 11px; text-transform: uppercase; }
	
#snav ul { margin: 0; padding: 0; list-style: none; }

#snav ul li { 	margin: 0; padding: 0; width: 274px; }

#snav ul li a {  
	padding: 4px 18px;
	color: #096906; 
	display: block; }
	
#snav ul li a:hover { color: #026cac; }
	
	
/* Blog Menu */
	
#bnav ul { margin: 0; padding: 0; list-style: none; text-align: left; }
		
#bnav ul li li { padding: 0; margin: 0 auto; }
			
#bnav ul li li {  
	padding: 7px 15px;
	font-weight: bold; color: #0d68e0; font-size: 11px; }
	
#bnav ul li h2, .blog #bnav ul li h3 {  
	padding: 10px 10px; width: 284px; margin: 0;
	font-size: 14px; }	
	
#bnav ul li li a {  display: inline-block; font-weight: bold; color: #0d68e0; } 
#bnav ul li li:hover { background-position: right bottom;  color: #fff; }	
#bnav ul li li a:hover, #bnav ul li li:hover a { color: #fff; }