/* help from: 							*/
/* http://css.maxdesign.com.au/listamatic/vertical08.htm 	*/
/* http://www.w3schools.com	 				*/

#oldbrowsers
{
display: none;
}

#nav
{
 width: 165px; 
 height: auto;
 position: absolute;
 top: 96px;
 left: 0px;
 
 /* border: solid 1px #f00; */
}

#nav ul
{
 list-style-type: none;
 text-align: center;
 margin: 0; /* must be here, or it floats away */
 padding: 0; /* ditto */
}

#nav ul li
{
 background: #fff;
 border-top: 0px solid #595959;
 border-left: 1px solid #595959;
 border-bottom: 1px solid #595959;
 border-right: 1px solid #595959;
 text-decoration: none;
 font: normal 10px/18px "Verdana", "Arial", sans-serif;
}

#nav ul li a
{
 font: normal 10px/18px "Verdana", "Arial", sans-serif;
 background: #fff;
 color: #000;
 text-decoration: none; /* gets rid of underline */
 display: block; /* fills whole box with hover effect */
}

#nav ul li a:hover
{
 color: #fff;
 background: #c0c0c0;
}

#nav li#active 
{
 background: #595959;
 border: 1px solid #595959;
 color: #fff;
}