/*body {
	font-family: arial, helvetica, serif;
}
 */
#nav, 
#nav ul {
	padding: 					0;
	margin: 					0;
	list-style: 				none;
	line-height: 				1;
	z-index:					200000;
}

#nav span {
	display:					none;
}

#nav #nav_home {				width: 105px;
/*	position: 					relative;
	z-index:					20000; 
*/}
#nav #nav_about {				width: 105px; background-position: -105px 0; }
#nav #nav_community{			width: 105px; background-position: -211px 0; }
#nav #nav_recruitment {			width: 104px; background-position: -317px 0; }
#nav #nav_events {				width: 104px; background-position: -422px 0; }
#nav #nav_news {				width: 104px; background-position: -527px 0; }
#nav #nav_contact {				width: 104px; background-position: -632px 0; }

#nav #nav_home:hover,
#nav #nav_home.sfhover {		background-position: 0 -30px; }
#nav #nav_about:hover,
#nav #nav_about.sfhover {		background-position: -105px -30px; }
#nav #nav_community:hover,
#nav #nav_community.sfhover {	background-position: -211px -30px; }
#nav #nav_recruitment:hover,
#nav #nav_recruitment.sfhover {	background-position: -317px -30px; }
#nav #nav_events:hover,
#nav #nav_events.sfhover {		background-position: -422px -30px; }
#nav #nav_news:hover,
#nav #nav_news.sfhover {		background-position: -527px -30px; }
#nav #nav_contact:hover,
#nav #nav_contact.sfhover {		background-position: -632px -30px; }

#nav li {
	float: 						left;
	background-image:			url(menu.gif);
	
	height:						30px;
	border-right:				1px #fff solid;
}

#nav li.last {
	border:						0;
}

#nav li a {
	display: 					block;
	height:						30px;
}

#nav li ul,
#nav ul li {
	width: 						155px;
	border-bottom: 				1px solid #fff;
}

#nav li ul { 
 	position: 					absolute; 

	border:						1px #6D0202 solid;
	border-top:					none;
	left: 						-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav ul li {
	border-right:				0;
}

#nav ul li,
#nav ul li a {
	display:					block;
	background-image:			none;
	background-color:			#490102;
	background-position:		0 0;
	height:						25px;
}

#nav ul li a {
	font-family: 				verdana, arial, serif;
	font-size:					10px;
	font-weight: 				bold;	
	display:					block;
	text-decoration:			none;
	padding-left:				8px;
	line-height:				25px;
	color:						#fff;
}

#nav ul li a:hover {
	background-color:			#fff;
	color:						#7a0202;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: 					-30px 0 0 155px;
	border-top:					1px #6D0202 solid;
}

#nav li:hover ul ul, 
#nav li.sfhover ul ul {
	left: 						-999em;
}

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

#content {
	clear: 						left;
	color: 						#ccc;
}