#nav{
margin-top:16px;
margin-left:70px;
float:left;
width:100%;
line-height:normal;
font-size:12px;
font-family:tahoma;
}

#nav ul{
list-style-type: none;
margin:0;
padding:0;
}

#nav li{
display:inline;
margin:0;
padding:0;
float:left;
}

#nav a{
background:url(images/menu-left.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 16px;
text-decoration:none;
display:block;
}

#nav a span{
float:left;
display:block;
background:url(images/menu-right.gif) no-repeat right top;
padding: 8px 16px 7px 3px;
font-weight:bold;
color:#0079C2;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */

#nav a:hover span {
color: white;
}

#nav a.current{ /*Selected Tab style*/
background-position:0 -29px; /*Shift background image up to start of 2nd tab image*/
}

#nav a.current span{ /*Selected Tab style*/
background-position:100% -29px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#nav a:hover{ /*onMouseover style*/
background-position:0% -29px; /*Shift background image up to start of 2nd tab image*/
}

#nav a:hover span{ /*onMouseover style*/
background-position:100% -29px; /*Shift background image up to start of 2nd tab image*/
}


#nav li:hover, #nav li.hover {
    position: static;
}



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

#nav li ul { /* second-level lists */
	position: absolute;
	background: #EEEEEE;
	width: 170px;
	border:1px solid #C6C6C6;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:999;
}

#nav li ul a { /* second-level lists */
	padding:3px 5px 3px 10px;
	background:none;
	width:155px;
}

#nav li ul a:hover { /* second-level lists */
	background: #0079C2;
	color:#fff;
}


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