menu { 
font-family : arial, sans-serif; 
width : 550px; 
height : 20px; 
text-align : center; 
position : relative; 
font-weight : bold; 
font-size : 11px; 
z-index : 20; 
} 
.menu ul li a, .menu ul li a:visited { 
display : block; 
text-decoration : none; 
color : #000; 
width : 104px; 
height : 20px; 
text-align : center; 
color : #fff; 
border : 1px solid #0093ad; 
background : #156b5f; 
line-height : 20px; 
font-size : 11px; 
overflow : hidden; 
} 
.menu ul { 
padding : 0; 
margin : 0; 
list-style : none; 
} 
.menu ul li { 
float : left; 
position : relative; 
} 
.menu ul li ul { 
display : none; 
} 
.menu ul li:hover a { 
color : #000; 
background : #6f0; 
} 
.menu ul li:hover ul { 
display : block; 
position : absolute; 
top : 21px; 
left : 0; 
width : 105px; 
} 
.menu ul li:hover ul li a.hide { 
background : #6a3; 
color : #fff; 
} 
.menu ul li:hover ul li:hover a.hide { 
background : #156; 
color : #000; 
} 
.menu ul li:hover ul li ul { 
display : none; 
} 
.menu ul li:hover ul li a { 
display : block; 
background : #156b5f; 
color : #fff; 
} 
.menu ul li:hover ul li a:hover { 
background : #6f0; 
color : #000; 
} 
.menu ul li:hover ul li:hover ul { 
display : block; 
position : absolute; 
left : 105px; 
top : 0; 
} 
.menu ul li:hover ul li:hover ul.left { 
left : -105px; 
}