.menu {
font-size: 11pt; 
margin: 0px; 
font-family: arial;
position: absolute;
left: 0em;
top: 0em;
}
.menu ul {
padding-right: 0px; 
padding-left: 0px; 
z-index: 500; 
padding-bottom: 0px; 
margin: 0px; 
width: 180px; 
padding-top: 0px; 
list-style-type: none; 
position: relative;
color: #FFFFFF;
} 

.menu li {
float: left;
background-color: #23392D;
color: #FFFFFF;
} 

.menu li.sub {
background-color: #23392D;
}

.menu table {
margin-top: -1px; 
font-size: 1em; 
z-index: 100; 
left: 0px; 
position: absolute; 
top: 0px; 
border-collapse: collapse
}

 .menu a {
border-right: #ffffff 1px solid;
border-top: #ffffff 1px solid;
display: block; 
padding-left: 1em; 
font-weight: normal; 
text-transform: none; 
border-left: #ffffff 1px solid; 
width: 180px; 
color: #ffffff; 
line-height: 2em; 
border-bottom: #ffffff 1px solid; 
font-style: normal; 
height: 2em; 
font-variant: normal;
text-decoration: none; 
}

 .menu a:visited {
border-right: #ffffff 1px solid; 
border-top: #ffffff 1px solid; 
display: block; 
padding-left: 1em; 
font-weight: normal; 
text-transform: none; 
border-left: #ffffff 1px solid; 
width: 180px; 
color: #FFFFFF; 
line-height: 2em; 
border-bottom: #ffffff 1px solid; 
font-style: normal; 
height: 2em; 
font-variant: normal; 
text-decoration: none
}

 .menu b {
float: right; margin-right: 5px
}

* html .menu a {width: 180px}
* html .menu a:visited {width: 180px} 
/* IE only */
* html .menu a:hover {
font-weight: 600; text-transform: none; 
color: #FFFFFF; 
font-style: normal; 
position: relative; 
background-color: #7B9A7B; 
font-variant: normal; 
text-decoration: none;
width: 200px;
} 

.menu li:hover {position: relative}

/* Opera? */
.menu a:active {
font-weight: 600; 
text-transform: none; 
color: #FFFFFF; 
font-style: normal; 
background-color: #7B9A7B; 
font-variant: normal; 
text-decoration: none;
width: 200px;
} 

/* Firefox - I think */
.menu a:focus {
font-weight: 600; 
text-transform: none;
color: #FFFFFF; 
font-style: normal; 
background-color: #7B9A7B; 
font-variant: normal; 
text-decoration: none;
width: 200px;
}

 .menu li:hover > a {
font-weight: 600; 
text-transform: none; 
color: #FFFFFF; 
font-style: normal; 
background-color: #7B9A7B; 
font-variant: normal; 
text-decoration: none;
width :200px;
}

 .menu li ul {
padding-right: 2em; 
padding-left: 2em; 
left: 7em; 
visibility: hidden; 
padding-bottom: 2em; 
padding-top: 2em; 
position: absolute; 
top: -2em; 
background-color: transparent
}

.menu li:hover > ul {visibility: visible}
.menu ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul ul {visibility:hidden}
.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}