Menu 1

<table cellspacing="0">
<tr>
<td> <a class="menu1" href="#">menu</a></td>
<td> <a class="menu2" href="#">menu</a></td>
<td> <a class="menu2" href="#">menu</a></td>
<td> <a class="menu2" href="#">menu</a></td>
<td> <a class="menu2" href="#">menu</a></td>
<td> <a class="menu2" href="#">menu</a></td>
<td> <a class="menu2" href="#">menu</a></td>
</tr></table>


a.menu1:link, a.menu1:visited, a.menu1:active{
background-color: #e8dfc8;
font:normal 7pt Georgia;
color: #554855;
line-height: 14pt;
text-decoration: none;
text-transform:lowercase;
border-bottom:2px solid  #b0b9c9;
border-top :5px solid  #c6d9c3;
text-align: center;
display:block;
width:70px;}
a.menu1:hover {
background-color:#dbcab3;
color:  #554855 ;
border-bottom:2px solid  #c6d9c3;
border-top:5px solid  #e8dfc8;}


a.menu2:link, a.menu2:visited, a.menu2:active{text-decoration: none;

background-color: #e8dfc8;
font:normal 7pt arial;
color: #554855;
line-height: 14pt;
text-transform:lowercase;
text-align: center;
display:block;
width:70px;
border-bottom :2px solid  #c6d9c3;
border-top:5px solid  #b0b9c9;
}
a.menu2:hover {
background-color:#dbcab3;
color:  #554855 ;
width:70px;
border-top:5px solid  #c6d9c3;
border-bottom :2px solid  #e8dfc8;}