/* Main Menu */

#nav {
	height: 60px; 
	left: 200px;
	top: 44px;
   z-index: 1000; }
	#nav ul { list-style: none; margin: 0 auto; }
	#nav li { 
		background: url(/design/img/nav-line.png) no-repeat right 16px;		
		float: left; 
		position: relative; }
	#nav li:last-child { background-image: none; }		
	
	#nav li a {
		background-image: url(/design/img/nav.png);		
		height: 60px;
		display: block; 
		-webkit-transition: all .35s ease-out;
			-moz-transition: all .35s ease-out;
			-o-transition: all .35s ease-out;
			-ms-transition: all .35s ease-out;
			transition: all .35s ease-out; }

	#nav li a:active {
		-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none; }

	#nav #menu li a span {
		display: none;
	}

#nav #home { width: 86px; }
#nav #home a { background-position: 0 0; }
#nav #home:hover a { background-position: 0 -60px; }
#nav #home a:active { background-position: 0 -120px; }
.home #nav #home a { background-position: 0 -180px; }

#nav #about { width: 95px; }
#nav #about a { background-position: -106px 0; }
#nav #about:hover a, .about #nav #about:hover a { background-position: -106px -60px; }
#nav #about a:active { background-position: -106px -120px; }
.about #nav #about a { background-position: -106px -180px; }

#nav #media { width: 95px; }
#nav #media a { background-position: -226px 0; }
#nav #media:hover a, .media #nav #media:hover a { background-position: -226px -60px; }
#nav #media a:active { background-position: -226px -120px; }
.media #nav #media a { background-position: -226px -180px; }

#nav #legislative { width: 143px; }
#nav #legislative a { background-position: -338px 0; }
#nav #legislative:hover a, .legislative #nav #legislative:hover a { background-position: -338px -60px; }
#nav #legislative a:active { background-position: -338px -120px; }
.legislative #nav #legislative a { background-position: -338px -180px; }

#nav #resources { width: 130px; }
#nav #resources a { background-position: -508px 0; }
#nav #resources:hover a, .resources #nav #resources:hover a { background-position: -508px -60px; }
#nav #resources a:active { background-position: -508px -120px; }
.resources #nav #resources a { background-position: -508px -180px; }

#nav #topics { width: 92px; }
#nav #topics a { background-position: -665px 0; }
#nav #topics:hover a, .topics #nav #topics:hover a { background-position: -665px -60px; }
#nav #topics a:active { background-position: -665px -120px; }
.topics #nav #topics a { background-position: -665px -180px; }

#nav #merch { 
  width: 138px;
  background-image: none; 
}
#nav #merch a { background-position: -778px 0; }
#nav #merch:hover a { background-position: -778px -60px; }
#nav #merch a:active { background-position: -778px -120px; }
.merchandise #nav #merch a { background-position: -778px -180px; }

.home #nav #home a,
.about #nav #about a,
.media #nav #media a,
.legislative #nav #legislative a,
.resources #nav #resources a,
.topics #nav #topics a,
.merchandise #nav #merch a {
   	-webkit-transition: none;
   		-moz-transition: none;
   		-o-transition: none;
   		-ms-transition: none;
   		transition: none; }


#nav ul ul { 
	background: #216ea7;	
	width: 175px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	padding: 6px;
	position: absolute; 
	top: 60px;
	left: 3px;
	display: none;
	z-index: 10000;
	font-size: 12px;
	line-height: 11px;
	color: #143363;
	text-transform: uppercase;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 20, 40, .20);
		-moz-box-shadow: 1px 1px 0px 0px rgba(0, 20, 40, .20);
		box-shadow: 1px 1px 0px 0px rgba(0, 20, 40, .20);  }	
#nav ul #topics ul { left: -83px; }	
		
#nav ul ul li {
	background: none !important;
	border-top: 1px solid #508dbc;
	width: 100%;
	height: auto !important;
	text-shadow: .8px .8px 1px rgba(0, 0, 0, .3);	
	text-align: left; 
	display: block; }
#nav ul ul li:first-child { border-top: none; }

#nav ul ul li a {
	background-image: none;
	background-color: none;
    height: auto !important; 
	-moz-border-radius: 6px;
	border-radius: 6px;	
	margin: 4px 0;
    padding: 10px;
    display: block;
	color: #fff; 
	-webkit-transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		-o-transition: all .4s ease-out;
		-ms-transition: all .4s ease-out;
		transition: all .4s ease-out; }
#nav ul ul li:first-child a { margin-top: 0; }		
#nav ul ul li:last-child a { margin-bottom: 0; }

#nav ul ul li a:hover { 
	background-color: #073a62;
	box-shadow:  1px 1px 2px rgba(0, 0, 0, .3);		
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3); }
#nav ul ul li a:active {
	background-color: #082f4e;
	background-position: 0 0px !important; 	
	background-size: auto !important;
	box-shadow: inset 1px 0px 2px rgba(0, 0, 0, .3);		
		-moz-box-shadow: inset 1px 0px 2px rgba(0, 0, 0, .3);
		-webkit-box-shadow: inset 1px 0px 2px rgba(0, 0, 0, .3);
	-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none; }

#nav li:hover ul { display: block; }
#nav li.over ul { display: block; }