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

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

#content a:visited
{
background-color: #cecbc6;
color: #ffffff;
text-decoration: none;
padding-left: .5em;
padding-right: .5em;
}

#content a:link
{
background-color: #cecbc6;
color: #000066;
text-decoration: none;
padding-left: .5em;
padding-right: .5em;
}

#content a:hover
{
background-color: #ffffff;
color: #000066;
}

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