#nav, #menu {
margin: 0px 0px 0px 10px;
padding: 0;
}

#nav li.on ul, #nav li.off ul {
margin: 0;
padding: 0;
}

#nav a, #menu a {
text-decoration: none;
}

#nav li, #menu li { /*float the main list items*/
margin: 0;
float: left;
display: block;
padding-right: 0px;
}

#nav li ul {
display: none;
}

#nav li.off ul, #nav li.on ul { /*put the subnav below*/
position: absolute;
top: 137px;
*top: 148px;
padding-top: 5px;
background: transparent;
height: 20px;
}

#nav li a, #menu li a {
display: block;
padding: 3px 6px 3px 6px;
color: #666;
background: #FFF url(../images/tab.gif) repeat-x left bottom;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
margin: 0px 3px 0px 0px;
opacity: 0.8;
}

#nav li.on a, #menu li.on a {
padding: 3px 6px 4px 6px;
background-image: none;
border-bottom: none;
border-top: 1px solid #330;
border-left: 1px solid #330;
border-right: 1px solid #330;
opacity: 1.0;
}

#nav li.on ul a, #nav li.off ul a {
float: left; /*ie doesn't inherit the float*/
border: 0;
color: #666;
width: auto;
margin-right: 7px;
font-weight: bold;
}

#nav li.on ul {
display: block;
}

#nav li.off:hover ul, #nav li.over ul {
display: block;
z-index: 6000;
		}

#nav li.off a:hover, #nav li:hover a, #nav li.over a, #menu li.off a:hover, #menu li:hover a {
/* background: #FFF url(../images/tab2.gif) repeat-x left bottom; */
background-image: none;
background-color: #fff;
color: #333;
}

#nav li.on a, #menu li.on a {
background-image: none;
background-color: #fff;
}