/* Main Menu */

#nav { width: 980px; clear: both; margin: 0 auto; }
	.secondary #nav { margin-bottom: 15px; }

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

#nav #register,
#nav #your_state,
#nav #election_guides,
#nav #polling_places,
#nav #faqs,
#nav #news,
#nav #events,
#nav #about { background: url(assets/img/nav.png); height: 57px; }


#nav #register { width: 159px; background-position: 0 0; }
#nav #register:hover, #nav #register.over, .register #nav #register:hover, .register #nav #register.over { background-position: 0 -57px; }
#nav #register:active { background-position: 0 -114px; }
.register #nav #register { background-position: 0 -171px; }

#nav #your_state { width: 133px; background-position: -159px 0; }
#nav #your_state:hover, #nav #your_state.over, .state #nav #your_state:hover, .state #nav #your_state.over { background-position: -159px -57px; }
#nav #your_state:active { background-position: -159px -114px; }
.state #nav #your_state { background-position: -159px -171px; }

#nav #election_guides { width: 149px; background-position: -292px 0; }
#nav #election_guides:hover, #nav #election_guides.over, .guides #nav #election_guides:hover, .guides #nav #election_guides.over { background-position: -292px -57px; }
#nav #election_guides:active { background-position: -292px -114px; }
.guides #nav #election_guides { background-position: -292px -171px; }

#nav #polling_places { width: 144px; background-position: -441px 0; }
#nav #polling_places:hover, #nav #polling_places.over, .places #nav #polling_places:hover, .places #nav #polling_places.over { background-position: -441px -57px; }
#nav #polling_places:active { background-position: -441px -114px; }
.places #nav #polling_places { background-position: -441px -171px; }

#nav #faqs { width: 70px; background-position: -585px 0; }
#nav #faqs:hover, #nav #faqs.over, .faqs #nav #faqs:hover, .faqs #nav #faqs.over { background-position: -585px -57px; }
#nav #faqs:active { background-position: -585px -114px; }
.faqs #nav #faqs { background-position: -585px -171px; }

#nav #news { width: 73px; background-position: -655px 0; }
#nav #news:hover, #nav #news.over, .news #nav #news:hover, .news #nav #news.over { background-position: -655px -57px; }
#nav #news:active { background-position: -655px -114px; }
.news #nav #news { background-position: -655px -171px; }

#nav #events { width: 84px; background-position: -728px 0; }
#nav #events:hover, #nav #events.over, .events #nav #events:hover, .events #nav #events.over { background-position: -728px -57px; }
#nav #events:active { background-position: -728px -114px; }
.events #nav #events { background-position: -728px -171px; }

#nav #about { width: 168px; background-position: -812px 0; }
#nav #about:hover, #nav #about.over, .about #nav #about:hover, .about #nav #about.over { background-position: -812px -57px; }
#nav #about:active { background-position: -812px -114px; }
.about #nav #about { background-position: -812px -171px; }
 
.espanol #nav #register,
.espanol #nav #your_state,
.espanol #nav #election_guides,
.espanol #nav #polling_places,
.espanol #nav #faqs,
.espanol #nav #news,
.espanol #nav #events,
.espanol #nav #about { background: url(assets/img/esp_nav.png); height: 57px; }  
 
.espanol #nav #register { width: 178px; background-position: 0 0; }
.espanol #nav #register:hover, .espanol #nav #register.over, .espanol .register #nav #register:hover, .espanol .register #nav #register.over 
	{ background-position: 0 -57px; }
.espanol #nav #register:active { background-position: 0 -114px; }
.espanol.register #nav #register { background-position: 0 -171px; }

.espanol #nav #your_state { width: 105px; background-position: -178px 0; }
.espanol #nav #your_state:hover, .espanol #nav #state.over, .espanol .state #nav #your_state:hover, .espanol .state #nav #your_state.over  
	{ background-position: -178px -57px; }
.espanol #nav #your_state:active { background-position: -178px -114px; }
.espanol.state #nav #your_state { background-position: -178px -171px; }

.espanol #nav #election_guides { width: 173px; background-position: -283px 0; }
.espanol #nav #election_guides:hover, .espanol #nav #election_guides.over, .espanol .guides #nav #election_guides:hover, .espanol .guides #nav #election_guides.over 
	{ background-position: -283px -57px; }
.espanol #nav #election_guides:active { background-position: -283px -114px; }
.espanol.guides #nav #election_guides { background-position: -283px -171px; }

.espanol #nav #polling_places { width: 62px; background-position: -456px 0; }
.espanol #nav #polling_places:hover, .espanol #nav #polling_places.over, .espanol .places #nav #polling_places:hover, .espanol .places #nav #polling_places.over 
	{ background-position: -456px -57px; }
.espanol #nav #polling_places:active { background-position: -456px -114px; }
.espanol.places #nav #polling_places { background-position: -456px -171px; }

.espanol #nav #faqs { width: 167px; background-position: -518px 0; }
.espanol #nav #faqs:hover, .espanol #nav #faqs.over, .espanol .faqs #nav #faqs:hover, .espanol .faqs #nav #faqs.over 
	{ background-position: -518px -57px; }
.espanol #nav #faqs:active { background-position: -518px -114px; }
.espanol.faqs #nav #faqs { background-position: -518px -171px; }

.espanol #nav #news { width: 77px; background-position: -685px 0; }
.espanol #nav #news:hover, .espanol #nav #news.over, .espanol .news #nav #news:hover, .espanol .news #nav #news.over 
	{ background-position: -685px -57px; }
.espanol #nav #news:active { background-position: -685px -114px; }
.espanol.news #nav #news { background-position: -685px -171px; }

.espanol #nav #events { width: 74px; background-position: -762px 0; }
.espanol #nav #events:hover, .espanol #nav #events.over, .espanol .events #nav #events:hover, .espanol .events #nav #events.over { background-position: -762px -57px; }
.espanol #nav #events:active { background-position: -762px -114px; }
.espanol.events #nav #events { background-position: -762px -171px; }

.espanol #nav #about { width: 144px; background-position: -836px 0; }
.espanol #nav #about:hover, .espanol #nav #about.over, .espanol .about #nav #about:hover, .espanol .about #nav #about.over 
	{ background-position: -836px -57px; }
.espanol #nav #about:active { background-position: -836px -114px; }
.espanol.about #nav #about { background-position: -836px -171px; }
 
  
#nav ul ul { 
    display: none; position: absolute;
    top: 57px; left: 3px; 
    width: 208px; height: auto !important;
    border-top: none;
    }

/*#nav ul #register ul { left: 6px; }
/*#nav ul #your_state ul { left: 10px !important; }*/

.espanol #nav ul ul { left: 0px !important; }
.espanol #nav ul #about ul { left: -95px !important; }
/*.espanol #nav ul #events ul { left: -155px !important; }*/


#nav ul ul li {
	background: url(assets/img/nav_li.png) repeat-y 0 0 !important; 
    width: 228px; height: auto; 
    text-align: left; display: block; z-index:999;
	font-size: 10px; line-height: 14px; font-weight: normal; text-transform: uppercase;
    }

#nav ul ul li a { 
	background: url(assets/img/arrow.png) no-repeat 12px 13px; 
    display: block; 
    width: 190px; padding: 9px 25px;
    height: auto !important;
	color: #d51c3c;
	font-weight: normal;
    }
	
#nav ul ul li.bottom { 
	background: url(assets/img/nav_bot.png) no-repeat left top !important; 
	height: 8px  !important; overflow: hidden; }



#nav ul ul li a:hover {  
    display: block;
    text-decoration: none; 
    color: #456b90;
    }

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

#snav { 
	padding: 9px 0 0 6px;
	text-align: left; font-size: 12px;  }
	
#snav h3, #snav h4 { margin: 0; padding: 0; letter-spacing: -.05em }
	#snav h4 { font-weight: bold; font-size: 14px; text-transform: uppercase; }	
	#snav h3 a, #snav h4 { background: url(assets/img/snav_top.png) no-repeat left top; display: block; height: 29px; padding: 15px 0 0 15px; color: #fff; }	
	#snav h3 a:hover { background-position: 0 -44px; text-decoration: none; }	


#snav ul { margin: 0; padding: 0 0 3px 0; list-style: none; background: url(assets/img/snav.png) repeat-y left bottom; }

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

#snav ul li a {  
	background: url(assets/img/snav_li.png) no-repeat 0 0; 
	padding: 10px 10px 12px 41px;
	font-weight: bold; color: #fff; font-size: 14px;
	display: block; }
	
#snav ul li a .arrow {  padding: 0px 15px 0 0; font-size: 20px; }	

#snav p a:hover, #snav ul li a:hover  { color: #fff; background-position: -238px 0; text-decoration: none; }

#bottom { background: url(assets/img/subnav_bot.png) no-repeat left top; height: 13px;}