div#navcontainer
{
font: 11px "Arial",sans-serif;
font-weight: 900;
display: block;

width: 12em;
padding: 20px;
margin: 0;
}

ul#navlist,ul#navlist li ul#subnavlist
{
list-style-type: none;
padding: 0;
margin: 0;
}

ul#navlist li,ul#navlist li ul#subnavlist li { display: inline; }

ul#navlist li a
{
display: block;
width: 15em;
color: #000;
background: #50A7BD;
text-align: center;
text-decoration: none;
border-left: solid #eee;
border-top: solid #eee;
border-right: solid #aaa;
border-bottom: solid #aaa;
border-width: 2px;
margin: 0;
padding: 2px 5px 2px 5px;
}

ul#navlist li a:hover,ul#navlist li a:focus { background: #eee; }

ul#navlist li a:active
{
border-left: solid #aaa;
border-top: solid #aaa;
border-right: solid #eee;
border-bottom: solid #eee;
border-width: 2px;
padding: 2px 5px 2px 5px;
}

ul#navlist li#active a
{
color: #eee;
background: #fff;
border-left: solid #eee;
border-top: solid #eee;
border-right: solid #aaa;
border-bottom: solid #aaa;
border-width: 2px;
}

ul#navlist li ul#subnavlist li a
{
display: block;
width: 14em;
color: #000;
background: #fff;
text-align: left;
text-decoration: none;
border-left: solid #aaa;
border-right: solid #aaa;
border-width: 0 1px 0 1px;
margin: 0 0 0 1em;
padding: 3px 6px 3px 6px;
}

ul#navlist li ul#subnavlist li a:hover,ul#navlist li ul#subnavlist li a:focus { background: #eee; }

ul#navlist li#active ul#subnavlist li#subactive a
{
color: #eee;
background: #bbb;
}