#navcontainer
{
background-image: url('images/side.jpg');
width: 20em;
margin: 0 auto;

padding: 1em 0;
font-family: verdana, serif;
font-size: 10px;
text-align: left;
text-transform: capitalize;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 0 0 2px;
width: 90%;
}

li ul
{
text-align: left;
list-style: none;
display: none;
padding: 0;
margin: 0 0 0 20px;
width: 159px;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #444 #444 #000 #666;
border-style: solid;
color: #fff;
text-decoration: none;
background: #555;
}

#navcontainer>ul#navlist li a { width: auto; }

#navlist li.off a:hover,
#navlist li:hover a,
#navlist li.over a {
  background: #555;
  color: #fff;
}



ul#navlist li a:hover, ul#navlist a:hover
{
color: #fff;
background: #000;
border-color: #666 #888 #888 #666;
padding: 0.7em 0 0.5em 2.2em;
}

li:hover ul, li.over ul { 
	display: block; }


BODY {	
	FONT: 10px/12px Verdana, serif; COLOR: #fff; background-image: url('images/side.jpg');
}

table {	
	FONT: 10px/12px Verdana, serif; COLOR: #fff;  }