
<style type="text/css">
<!--
.list-item ul li {
  list-style-type: none;
}
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 
#nav-menu li
{
float: left;
margin: 0 0.15em;
} 
 
#nav-menu li a
{
background:  url(images/buttoncream1x50.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 8.4em;
display: block;
border: 0.1em solid #dcdce9;
font: bold 11px/2em Verdana;
color: #990033;
text-decoration: none;
text-align: center;
} 
#nav-menu li a:hover
{
background:  url(images/buttoncream1x50.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 8.4em;
display: block;
border: 0.1em solid #dcdce9;
color: #FF0000;
text-decoration: none;
text-align: center;
} 
/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */ 
#nav-menu
{
width:33em
} 

-->
</style