/* ------- MOZ ClearFix fudge ------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac *//* main container elements */ 
		
/* navbar */

/* Suckerfish IE7 */
#nav li:hover, #nav li.hover {
    position:static;
}
	
#navbar    { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; margin-left: 3px;  margin: 0; padding: 0;  height: 28px;  clear: both;float: left; width: 100%; z-index:999; }	


#nav 	     {margin: 8px 0 0 0;  padding: 0}
#nav, #nav ul {margin: 0 0 0 0;   /* all lists */	padding: 0;	list-style: none;	line-height: 1;	z-index: 9999;}
#nav a     {	font-family: Tahoma, Helvetica, Arial, Sans-Serif; display: block;	width: 10em;	color: #EEFFEE;	font-weight: bold;	font-size: 13px;	text-transform: uppercase; text-decoration: none;}
#nav a.join   {	font-family: Arial, Helvetica, Arial, Sans-Serif; display: block;	width: 10em;	color: #EE4433;	font-weight: bold;	font-size: 15px;	text-transform: uppercase; text-decoration: none;}

#nav li    { margin: 0 0 0 0;  /* all list items */	float: left;	width: auto; /* width needed or else Opera goes nuts */	list-style: none;}
#nav li.sep{ width:0px; padding:0; height:16px; border-right: 1px solid #112222;  border-left: 1px solid #114422;}

#nav li a  {width: auto ;padding: 0px 10px 2px 10px; text-align: center; background: url() right no-repeat;}	
#nav li ul {	/* second-level lists */	position: absolute;	background-color: #113322; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	padding: 6px 6px 6px 6px;}
#nav li ul li {	float: none; border-bottom: 1px solid #112222;	border-top: 1px solid #114422;}
#nav li ul li a {	width: 11em;	text-align: left;	background-image: none;	text-transform: none; padding-top: 4px; padding-bottom: 4px;	display: block;}
#nav li ul li a.directory {background:url(/site_media/images/yellowarrow.gif) no-repeat right;}
#nav li ul li a:hover {	background-color: #000000;}
#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;}
#nav li ul ul { /* third-and-above-level lists */	margin: -1em 0 0 10em;}