#footer ul
{
display: block;
list-style: none outside;
padding: 0;
margin: 0 0 0 10px;
font-family: Verdana, sans-serif;
font-size: x-small;
}

#footer li
{
padding: 0;
margin: 0 4px 0 0;
border-top: 1px solid #cecbc6;
border-right: 1px solid #cecbc6;
border-left: 1px solid #cecbc6;
background-color: #000066;
color: #ffffff;
font-weight: bold;
/* the next 4 lines are magic */
display: block;
float: left;
position: relative;
top: -1.32em;
}

#footer a:link,
#footer a:visited
{
background-color: #000066;
color: #ffffff;
text-decoration: none;
padding-left: 1em;
padding-right: 1em;
}

#footer a:hover
{
background-color: #cecbc6;
color: #000066;
}

#footer li#active a
{
background-color: #fff;
color: #000066;
}