#nav ul  {
display: inline;
padding: 0px;
margin: 0px;
}

#nav ul li {
display: block;
float: left;
list-style: none;
padding: 0px;
margin: 0px;
width: 76px;
height: 32px;
text-transform: lowercase;
font-variant: small-caps;
}

#nav ul li a {
display: block;
position: relative;
text-align: center;
width: 76px;
font-family: Arial;
font-size: 12px;
color: #fff;
line-height: 30px;
font-variant: small-caps; 
text-decoration: none;
}

#nav ul li:hover {
background-image:url('/gfx/nav_hover.gif');
background-repeat: no-repeat;
background-position: 0px center;
cursor: pointer;
}

#nav ul li.active {
background-image:url('/gfx/nav_active.gif');
background-repeat: no-repeat;
background-position: 0px center;
}

#nav ul li:hover a,
#nav ul li.active a {
color: #000; 
}