ul.menu { 
margin: 0; 
padding :0; 
list-style-type : none; 
width:700px;/* full width of menu */
}

ul.menu li { 
display : inline; 
padding :0; 
margin:0; 
float:left 
}
a.menu0 {/* menu under hit */
display:block; 
border-left:1px solid #bbd;  
border-top:1px solid #bbd;  
border-right:2px solid #99b; 
border-bottom:2px solid #ee9999;
background-color:#eeee33;
font-size:12px;
padding:0.1em 0 0.1em 0.5em;
text-decoration:none;
color:#557;width:140px; 
margin:2px 0px;height:1.8em;
}

a.menu {
display:block; 
border-left:1px solid #bbd;  
border-top:1px solid #bbd;  
border-right:2px solid #99b; 
border-bottom:2px solid #99b;
background-color:#ccee66;
font-size:12px;
padding:0.1em 0 0.1em 0.5em;
text-decoration:none;
color:#557;width:140px; 
margin:2px 0px;height:1.8em;
}

a.menu0:hover {
height:1.8em; 
display:block; 
border-left:1px solid #99b;
border-top:1px solid #99b;  
border-right:2px solid #bbd; 
border-bottom:2px solid #bbd;
background-color:#ee9999;
font-size:12px;
padding:0.1em 0 0.1em 0.5em;
text-decoration:none;
color:#557;width:140px; 
margin:2px 0px;
}

a.menu:hover {
height:1.8em; 
display:block; 
border-left:1px solid #99b;
border-top:1px solid #99b;  
border-right:2px solid #bbd; 
border-bottom:2px solid #bbd;
background-color:#cccc66;
font-size:11px;
padding:0.1em 0 0.1em 0.5em;
text-decoration:none;
color:#557;width:140px; 
margin:2px 0px;
}