/* Main Menu */

#nav { 
	background: url(/design/img/nav-bg.png) repeat-x 0 0;
	height: 48px;
	padding: 4px; }
	#nav ul { list-style: none; margin: 0 auto; }
	#nav li { 
		background: url(/design/img/nav-li.png) repeat-x 0 0px;
		height: 48px;
		margin-right: 2px; 
		float: left;
		position: relative; }
	#nav li#donate { 
		background: url(/design/img/nav-li-donate.png) repeat-x 0 0px !important; }		
	#nav li:hover {
		background-position: 0 -48px;	
		-webkit-transition: background-position .25s ease-in;
			-moz-transition: background-position .2s ease-in;
			-o-transition: background-position .3s ease-in;
			-ms-transition: background-position .3s ease-in;
			transition: background-position .3s ease-in; }	
   #nav li#news:hover,         
	#nav li#members:hover,
   #nav li#action:hover,
	#nav li#blog:hover { background-position: 0 -55px !important; }	
	#nav li#donate:hover { background-position: 0 -48px !important; }	

	#nav li a {
		background-repeat: no-repeat;
		background-position: center 18px;
		height: 48px;
		display: block; 
		-webkit-transition: background-position .2s ease-out;
			-moz-transition: background-position .2s ease-out;
			-o-transition: background-position .2s ease-out;
			-ms-transition: background-position .2s ease-out;
			transition: background-position .2s ease-out; }
	#nav li:hover a { background-position: center 25px; }
   	#nav li#news:hover a,
      #nav li#members:hover a,
		#nav li#blog:hover a,
   	#nav li#action:hover a,      
		#nav li#donate:hover a { background-position: center 20px; }

	#nav li a:active { background-size: 64%; }


#nav #about { width: 112px; }
#nav #about a { background-image: url(/design/img/nav-about.png); }
.ie6 #nav #about a { background-image: url(/design/img/nav-about8.png); }

#nav #news { width: 203px;  }
#nav #news a { background-image: url(/design/img/nav-news.png); }
.ie6 #nav #news a { background-image: url(/design/img/nav-news8.png); }

#nav #work { width: 116px;  }
#nav #work a { background-image: url(/design/img/nav-work.png); }
.ie6 #nav #work a { background-image: url(/design/img/nav-work8.png); }

#nav #members { width: 106px; }
#nav #members a { background-image: url(/design/img/nav-members.png); }
.ie6 #nav #members a { background-image: url(/design/img/nav-members8.png); }

#nav #blog { width: 171px;  }
#nav #blog a { background-image: url(/design/img/nav-blog.png); }
.ie6 #nav #blog a { background-image: url(/design/img/nav-blog8.png); }

#nav #action { width: 154px;  }
#nav #action a { background-image: url(/design/img/nav-action.png); }	
.ie6 #nav #action a { background-image: url(/design/img/nav-action8.png); }	

#nav #donate { width: 98px; margin-right: 0px; }
#nav #donate a { background-image: url(/design/img/nav-donate.png); }
.ie6 #nav #donate a { background-image: url(/design/img/nav-donate8.png); }

#nav ul ul { 
	background: #0d233e;	
	width: 175px;
	padding: 6px;
	position: absolute; 
	top: 48px;
	left: 0px;
	display: none;
	z-index: 2000;
	font-size: 12px;
	line-height: 11px;
	color: #143363;
	text-transform: uppercase;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 20, 40, .20);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 20, 40, .20);
		box-shadow: 1px 1px 2px 1px rgba(0, 20, 40, .20);  }	
#nav ul #about ul { width: 215px; }	
#nav ul #news ul { width: 191px; }   

#nav ul ul li {
	background: none !important;
	width: 100%;
	height: auto !important;
	text-shadow: .8px .8px 1px rgba(0, 0, 0, .3);	
	text-align: left; 
	display: block; }
#nav ul ul li:last-child { margin-bottom: 0; }
	
#nav ul ul li a {
	background-image: url(/design/img/nav-li.png) !important;
	background-position: 0 31px !important;
	background-repeat: no-repeat;
	border-top: 1px solid #112e52;
    height: auto !important; 	
    padding: 10px;
    display: block;
	color: #fff; }
	
#nav ul ul li a:hover { background-position: 0 0px !important; }
#nav ul ul li a:active {
	background-position: 0 0px !important; 	
	background-size: auto !important;
	box-shadow:  1px 1px 2px #264505;		
		-moz-box-shadow: inset 1px 1px 2px #264505;
		-webkit-box-shadow: inset 1px 1px 2px #264505;
	-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; }