.menu {
font-family: tahoma, arial, sans-serif; 
width:370px; 
position:relative;
top:10px;
left:380px;
font-size:10px;
font-weight:bold;
z-index:10; 
height:23px;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#66FF00; 
height:25px; 
text-align:center; 
background:#000000; 
line-height:15px; 
font-size:10px; 
overflow:hidden;}

#menu1 a , #menu1 a:visited {width:40px;}
#menu2 a , #menu2 a:visited {width:80px;}
#menu3 a , #menu3 a:visited {width:60px;}
#menu4 a , #menu4 a:visited {width:60px;}
#menu5 a , #menu5 a:visited {width:70px;
height: 30px;}
#menu6 a , #menu6 a:visited {width:60px;}



.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li { float: left; position: relative; }
.menu ul li ul { display: none; }



/* specific to non IE browsers */
.menu ul li:hover a {color:#FF0000; background:#000000;}
.menu ul li:hover ul {display:block; position:absolute; top:23px; left:0; width:100px;}
.menu ul li:hover ul li a.hide {background:#000000; color:#FF0000;}
.menu ul li:hover ul li a:hover.hide {background:#000000; color:#FF0000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000000; color:#66FF00;}
.menu ul li:hover ul li a:hover {background:#000000; color:#FF0000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-100px;}