/*
TOP MENU CSS
------------
...
...
|<- li width ->|<- li width ->| ... |<-li width + 1 ->| (rightMost's right border adds 1 pixel to width)
set 'li ul width' same as 'li width'
set 'li ul a width' and '.rightMost width' to 'li width + 1 - 2 * padding - 2 * border' (actual width is 'li width + 1')
*/
#menu {
list-style:none;
margin:0;
padding:0;
width:961px;
height:25px;
line-height:25px;
text-align:left;
font-size:85%;
}
#menu li {
float:left;
width:160px;
}
#menu a {
display:block;
color:#fff;
background-color:#774;
height:25px;
padding:5px;
border:1px solid #774;
border-right:0;
text-align:center;
}
#menu li ul {
display:none;
position:absolute;
list-style:none;
margin:0;
padding:0;
width:160px;
z-index:99;
}
#menu li ul a {
background-color:#886;
width:149px;
height:15px;
line-height:15px;
padding:5px;
border:1px solid #774;
border-top:0;
}
#menu .rightMost {
width:149px;
border-right:1px solid #774;
}
#menu li a:hover { background-color:#ca7; }
#menu li:hover ul, #menu li.hover ul { display:block; }
#menu a:hover { text-decoration:none; }