/* Main Menu */

#nav {
   height: 50px;
	margin: 0 10px; }
	#nav ul { list-style: none; margin: 0 auto; }
	#nav li { 
		background: url(/design/img/nav-arrow-top.png) no-repeat center -5px; 	
		float: left; 
		height: 50px;
		position: relative;
		-webkit-transition: background-position .15s ease-out;
			-moz-transition: background-position .15s ease-out;
			-o-transition: background-position .15s ease-out;
			-ms-transition: background-position .15s ease-out;
			transition: background-position .15s ease-out; }
			
		.ie7 #nav #home { width: 40px; }
		.ie7 #nav #issues { width: 68px; }
		.ie7 #nav #state { width: 28px; }
		.ie7 #nav #stories { width: 113px; }
		.ie7 #nav #newsroom { width: 101px; }
		.ie7 #nav #partners { width: 68px; }
		.ie7 #nav #about { width: 90px; }
		.ie7 #nav #contact { width: 105px; }
		.ie7 #nav #contact { width: 105px; }

	#nav li:hover { background-position: center 0; }				
	#nav li:last-child { padding-right: 0; }		
	
	#nav li.line { 
		background: url(/design/img/nav-line.png) no-repeat 0 center; 
		width: 2px; }	
	.home #nav li.home-line { background-image: none !important; }		
	
	#nav li a,
	#nav #donate a strong {
		background-position: center 19px;	
		background-repeat: no-repeat;	
		height: 50px;
		padding: 0 11px;
		display: block; 
		-webkit-transition: all .15s ease-out;
			-moz-transition: all .15s ease-out;
			-o-transition: all .15s ease-out;
			-ms-transition: all .15s ease-out;
			transition: all .15s ease-out; }

	#nav li:hover a { background-position: center 22px; }
			
	#nav li a:active {
		-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none; }

.home #nav #home { 
	height: 34px;	
	margin: 8px 0 8px 3px; }
	
	.home #nav #home a { 
		background: #06365e url(/design/img/nav-home-active.png) no-repeat center 10px; 
	box-shadow: inset 1.5px 1.5px 3px 0px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 1.5px 1.5px 3px 0px rgba(0, 0, 0, .3);	
		-moz-box-shadow: inset 1.5px 1.5px 3px 0px rgba(0, 0, 0, .3);	
		width: 15px; 
		height: 34px;
		border-radius: 6px;
			-moz-border-radius: 6px; 
			-webkit-border-radius: 6px; }
	.home #nav #home a:hover { background-color: #1268a5; }
	.home #nav #home a:active { background-color: #055995; }	

	.home .ie6 #nav #home a { background-image: url(/design/img/nav-home-active8.png);  }		
	.ie6 #nav #home a { background-image: url(/design/img/nav-home8.png); }
	
#nav #home a { background-image: url(/design/img/nav-home.png); width: 18px; }
#nav #issues a { background-image: url(/design/img/nav-issues.png); width: 46px; }
#nav #state a { background-image: url(/design/img/nav-state.png); width: 96px; }
#nav #stories a { background-image: url(/design/img/nav-stories.png); width: 91px; }
#nav #newsroom a { background-image: url(/design/img/nav-newsroom.png); width: 79px; }
#nav #partners a { background-image: url(/design/img/nav-partners.png); width: 68px; }
#nav #about a { background-image: url(/design/img/nav-about.png); width: 67px; }
#nav #contact a { background-image: url(/design/img/nav-contact.png); width: 83px; }

.secondary #nav li.active { background: url(/design/img/nav-arrow-bot.png) no-repeat center 45px; }

.secondary #nav li.active:hover { background: url(/design/img/nav-arrow-top.png) no-repeat center 0; }

.ie7 #nav #volunteer { width: 122px; }
#nav #volunteer a { background-image: url(/design/img/nav-volunteer.png); width: 100px; }

#nav #donate { background-image: none; }
.ie7 #nav #donate { width: 91px; overflow: hidden; }

#nav #donate a { 
	background: #db0202;
	-webkit-box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
		-moz-box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
		box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);	
	width: 63px;
	height: 34px;
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;			
	padding: 0 16px;
	margin: 8px 0;
	text-indent: -1000px;
	overflow: hidden; }
	
#nav #donate a:hover { 
	background-color: #1268a5;
	background-image: none;
		-webkit-box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
			-moz-box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
			box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20); }	
#nav #donate a:active { 
	background-color: #06365e;
	box-shadow: inset 1.5px 1.5px 4px 0px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 1.5px 1.5px 4px 0px rgba(0, 0, 0, .3);	
		-moz-box-shadow: inset 1.5px 1.5px 4px 0px rgba(0, 0, 0, .3); }			
#nav #donate a strong { background: url(/design/img/nav-donate.png) no-repeat center center; height: 34px; }	
.ie6 #nav #donate a strong { background-image: url(/design/img/nav-donate8.png);  }	

/* ------ Dropdown ------ */
	
#nav ul ul { 
	background: #fff;	
	width: 175px;
	border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;		
	-webkit-box-shadow: 0 3px 2px 0px rgba(3, 31, 58, .20);
		-moz-box-shadow: 0 3px 2px 0px rgba(3, 31, 58, .20);
		box-shadow: 0 3px 2px 0px rgba(3, 31, 58, .20);		
	padding: 0 5px 5px 5px;
	position: absolute; 
	top: 50px;
	left: 0px;
	display: none;
	z-index: 1000;
	font-size: 12px;
	line-height: 12px;
	color: #0a578e;
	text-transform: uppercase;  }	
		
#nav ul ul li {
	background-image: none !important;
	height: auto !important;
	text-align: left; 
	display: block; }
#nav ul ul li:first-child { border-top: none; }

#nav ul ul li a {
	background-image: none !important;
	width: 155px !important;
    height: auto !important; 
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;	
	margin: 2px 0;
    padding:  8px 10px;
    display: block;
	color: #0a578e; 
	-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: #e6edf2;
	color: #031f3a;
	box-shadow: inset 1px 1px 2px rgba(7, 61, 104, .3);		
		-moz-box-shadow: inset 1px 1px 2px rgba(7, 61, 104, .3);	
		-webkit-box-shadow: inset 1px 1px 2px rgba(7, 61, 104, .3); }
#nav ul ul li a:active {
	background-color: #d8e0e6;	
	box-shadow: inset 1px 0px 3px rgba(7, 61, 104, .3);			
		-moz-box-shadow: inset 1px 0px 3px rgba(7, 61, 104, .3);	
		-webkit-box-shadow: inset 1px 0px 3px rgba(7, 61, 104, .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; }