/* Main Menu */

#nav { 
	width: 588px;
	position: absolute;
	top: 127px;
	right: 0;
	z-index: 1000000;   }
	#nav ul { list-style: none; margin: 0 auto; }
	#nav li { float: left; position: relative; }
	#nav li a { height: 71px; display: block; }

#nav #who,
#nav #what,
#nav #why,
#nav #how,
#nav #contribute { background: url(/img/nav.png); }

#nav #who { 
	width: 94px; 
	background-position: 0 0; }
#nav #who:hover, 
#nav #who.over, 
.who #nav #who:hover, 
.who #nav #who.over { 
	background-position: 0 -71px; }
#nav #who:active,
.who #nav #who:active { 
	background-position: 0 -142px; }
.who #nav #who { 
	background-position: 0 -213px; }
	
#nav #what { 
	width: 109px; 
	background-position: -94px 0; }
#nav #what:hover, 
#nav #what.over, 
.what #nav #what:hover, 
.what #nav #what.over { 
	background-position: -94px -71px; }
#nav #what:active,
.what #nav #what:active { 
	background-position: -94px -142px; }
.what #nav #what { 
	background-position: -94px -213px; }	
		
#nav #why { 
	width: 112px; 
	background-position: -203px 0; }
#nav #why:hover, 
#nav #why.over, 
.why #nav #why:hover, 
.why #nav #why.over { 
	background-position: -203px -71px; }
#nav #why:active,
.why #nav #why:active { 
	background-position: -203px -142px; }
.why #nav #why { 
	background-position: -203px -213px; }		
	
#nav #how { 
	width: 115px; 
	background-position: -315px 0; }
#nav #how:hover, 
#nav #how.over, 
.how #nav #how:hover, 
.how #nav #how.over { 
	background-position: -315px -71px; }
#nav #how:active,
.how #nav #how:active { 
	background-position: -315px -142px; }
.how #nav #how { 
	background-position: -315px -213px; }	
	
#nav #contribute { 
	width: 158px; 
	background-position: -430px 0; }
#nav #contribute:hover, 
#nav #contribute.over, 
.contribute #nav #contribute:hover, 
.contribute #nav #contribute.over { 
	background-position: -430px -71px; }
#nav #contribute:active,
.contribute #nav #contribute:active { 
	background-position: -430px -142px; }
.contribute #nav #contribute { 
	background-position: -430px -213px; }				
										

#nav ul ul { 
	background: url(/img/nav-ul.png) no-repeat 0 bottom;	
	width: 156px;
	padding: 5px 8px 9px 6px;
	position: absolute; 
	top: 71px;
	left: 3px;
	display: none;
	z-index: 1;
	font-size: 11px;
	line-height: 11px;
	color: #143363;
	text-transform: uppercase; }
	#nav li#who ul { left: 11px !important; }
					
#nav ul ul li {
	padding: 2px;
	text-align: left; 
	display: block; }
	
#nav ul ul li a {
	width: 141px;
    padding: 7px 6px;
    display: block;
	text-indent: 0 !important;
	color: #fff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 	
    height: auto !important; }
	
#nav ul ul li a:hover { 
	background: #f0632c;
		background: -moz-linear-gradient(top, #f0632c, #e43d1b);
		background: -webkit-gradient(linear, left top, left bottom, from(#f0632c), to(#e43d1b));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#f0632c', EndColorStr='#e43d1b', GradientType=0 );	
	border-radius: 4px; 
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 			
	color: #fff; }
#nav ul ul li a:active { 
	background: #e43d1b;
		background: -moz-linear-gradient(top, #e43d1b, #f0632c);
		background: -webkit-gradient(linear, left top, left bottom, from(#e43d1b), to(#f0632c));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#e43d1b', EndColorStr='#f0632c', GradientType=0 );			
	box-shadow:  2px 2px 2px #8c1d08;		
		-moz-box-shadow: inset 2px 2px 2px #8c1d08;
		-webkit-box-shadow: inset 2px 2px 2px #8c1d08; }

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