.menu {
font-family: arial, sans-serif; 
width:158px; 
position:relative; 
margin:0; 
font-size:11px; 
}

.mainnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
    font-weight: bold;
	text-transform: uppercase;
    color: #999999;   /*#06331B;*/
	letter-spacing: 1px;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #06331B;
	z-index: 1000;
}

.menu ul li a, .menu ul li a:visited {
font-size: 11px;
font-style: normal;
line-height: 30px;
width:158px; 
font-weight: bold;
text-transform: uppercase;
color: #06331b;
letter-spacing: 1px;
vertical-align: top;
padding-left: 20px;
text-align:left;
display:block; 
text-decoration:none;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
width:158px;
}
.menu ul li {
float:left; position:relative;
}
.menu ul li ul {display: none;}

.menu table {
border-collapse:collapse; 
border:0; 
margin:0; 
padding:0;
}
 
.menu ul li:hover a,
.menu ul li a:hover {
color:#cccccc; 
background: #547233;
text-decoration:none;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
left:165px; 
width:228px; 
position:absolute; 
top:0; 
background: transparent;
text-decoration:none;
text-align:left;
display:block; 
}

.menu ul li:hover ul li,
.menu ul li a:hover ul li {float:left;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; color:#cccccc; width:228px; text-align:left; float:left; background:#718b54;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#547233 url(../graphics/drop.gif) bottom right no-repeat; color:#cccccc;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#547233; color:#cccccc;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; width:200px;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; left:-1px; top:31px; color:#cccccc;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {display:block; width:200px; background:#547233; color:#cccccc; border-left:1px solid #eee;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#547233; color:#cccccc;}