#navarea {
background-color: #000;
height: 22px;
}
#nav, #nav ul { /* all lists */
    padding: 0;
    margin: 0;
    /*list-style: none;*/
    line-height: 22px;
    text-align: left;
	width: 780px;
	z-index: 99;
}

#nav a {
    display: block;
    /*width: 150px;*/
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    text-align: center;
	padding:0 38px 0 11px;
	border-right: 1px solid #fff;
}

#nav li { /* all list items */
    float: left;
	background-image: url(/images/arrowspacer.gif);
  	background-position: 28px 4px;
  	background-repeat: no-repeat;
	padding: 0 0 0 29px;
    /* width: 150px */; /* width needed or else Opera goes nuts */
}

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

#nav li ul li {
width: 200px;
	padding: 0;
}

#nav li ul a { /* second-level list links */
    color: #fff;
    font-size: 10px;
    display: block;
    height: 21px; 
    border: 1px solid #090C4C;
    background-color: #000;
    text-align: left;
	padding: 0;
	margin: 0;
	width: 190px;
	text-indent: 3px;
}
#nav li ul a.wide { /* second-level list links */
	width: 221px;
}

#nav li ul a:hover { /*hover color for second-level list links */
    background-color: #2277cc;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -9999px;
}

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

#nav li:hover, #nav li.sfhover, #nav li.on {
    background-image: url(/images/navarrow.gif);
  	background-position: 28px 4px;
  	background-repeat: no-repeat;
	position: static;
}
#nav a.last {
border-right: 2px solid #000;
}