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

#nav a {
    display: block;
    /*width: 150px;*/
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    text-align: center;
}

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

#nav li:hover { /* prevents sticky nav in IE7 */
	background-position: 0 0;
	}

#nav li.gradient {
    background-image: url(../images/navgradient.jpg);
	background-repeat:repeat-x;
	width:59.5px;
	height:27px;
}
#nav li.separator {
    background-image: url(../images/navseparator.gif);
	background-repeat:repeat-x;
	width:1px;
	height:27px;
}

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

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

#nav li ul a { /* second-level list links */
    color: #873033;
    font-size: 10px;
    display: block;
    height: 21px; 
    border: 1px solid #d4d9db;
    background-color: #baba9b;
    text-align: left;
	padding: 0;
	margin: 0;
	width: 156px;
	text-indent: 3px;
}

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


#nav li ul ul { /* third-and-above-level lists */
    margin: -21px 0 0 120px;
}

#nav li ul li ul { /* third-and-above-level lists */
    margin-top: -21px;
}

#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;
}