@charset "UTF-8";
/* CSS Document */



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

ul.connected, ul.connected li {
	background-color:#ff5500;
	border-width:1px;
	border-style:solid;
	border-color:#ea4900;
}

ul.involved, ul.involved li {
	background-color:#ffb500;
	border-width:1px;
	border-style:solid;
	border-color:#ff8700;
}

ul.information, ul.information li {
	background-color:#98bf4c;
	border-width:1px;
	border-style:solid;
	border-color:#599c3b;
}

#nav a {
	display: block;
	/*width: 10em;*/
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	padding:4px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
}

/*for HOME */
#nav li.home { /* all list items */
	float: left;
	width: 4em; /* width needed or else Opera goes nuts */
}

/*for about */
#nav li.about { /* all list items */
	float: left;
	width: 6em; /* width needed or else Opera goes nuts */
}

/*for donate */
#nav li.donate { /* all list items */
	float: left;
	width: 4em; /* width needed or else Opera goes nuts */
}

/*for connected */
#nav li.connected { /* all list items */
	float: left;
	width: 9em; /* width needed or else Opera goes nuts */
}

/*for involved */
#nav li.involved { /* all list items */
	float: left;
	width: 8em; /* width needed or else Opera goes nuts */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



hr.connectedhr {
	width:80%;
	height:1px;
	border:none;
	text-align:center;
	/*color:#F8E390;
	background-color:#F8E390;*/
	color:#666666;
	background-color:#666666;
}

hr.involvedhr {
	width:80%;
	height:1px;
	border:none;
	text-align:center;
	/*color:#F8E390;
	background-color:#F8E390;*/
	color:#666666;
	background-color:#666666;
}

hr.informationhr {
	width:80%;
	height:1px;
	border:none;
	text-align:center;
	/*color:#B1E00B;
	background-color:#B1E00B;*/
	color:#666666;
	background-color:#666666;
}

hr.connectedhr {
	width:80%;
	height:1px;
	border:none;
	text-align:center;
	/*color:#FE944A;
	background-color:#FE944A;*/
	color:#666666;
	background-color:#666666;
}