.menu { float: right; position: relative; z-index: 100; }
.menu ul { margin: 0; padding: 0; list-style-type: none; }
.menu ul ul { width: 150px; }
.menu li { float: left; position: relative; width: 150px; }

/* top level */
.menu a, .menu a:visited {
background: #606870;
border-width: 1px;
border: 1px solid #fff;
color: #fff; 
display: block;
font-weight: bold;
height: 30px;
line-height: 29px;
padding-left: 10px;
text-decoration: none; 
}

.menu ul ul a.drop, .menu ul ul a.drop:visited { background-color: #d4d8bd; }
.menu ul ul a.drop:hover { background-color: #c9ba65; }
.menu ul ul :hover > a.drop { background-color: #c9ba65; }
.menu ul ul ul a, .menu ul ul ul a:visited { background-color: #e5e5e5; }
.menu ul ul ul a:hover { background-color: #a2afbd; }
.menu ul ul { height: 0; left: 0; position: absolute; top: 31px; visibility: hidden; width: 150px; }
.menu ul ul ul { left: 150px; top: 0; width: 150px; }
.menu table { position:absolute; top:0; left:0; }

/* second level */
.menu ul ul a, .menu ul ul a:visited {
background: #e5e5e5; 
color: #383d44;
height: auto; 
line-height: 1em; 
padding: 5px 10px; 
width: 129px;
}

/* top level hover */
.menu a:hover, .menu ul ul a:hover { color: #fff; background: #949e7c; }
.menu :hover > a, .menu ul ul :hover > a { color: #fff; background: #a2afbd; }

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