#nav {
	font-family: Verdana;
	width:110px;
	position:relative;  
	text-align:left;
	z-index:100;
	}
#nav ul
{
	padding:0; 
	margin:0;
	list-style-type: none;
	}
#nav ul a, #nav ul a:visited 
{
    display:block;
	color:#71443e;
	background-color:#ffffff;
	font-size:10pt;
	text-decoration:none;
	font-weight:lighter;
	width:110px;
	text-indent:-.3em; /* */
	padding:3px 0 3px 10px;
	}
#nav ul ul
{
    border:solid 1px #71443e;
    background-color:#ffffff;
}
/* Set up the list items */
#nav ul li 
{
    background:#ffffff;
    margin:0;
    padding:0;
}
/* For Non-IE browsers and IE7 */
#nav ul li:hover 
{
	position:relative;
}
/* Make the hovered list color persist */
#nav ul li:hover > a, #nav ul li:hover ul li:hover > a {
	position:relative;
	background-color:#71443e;
	color:#ffffff;
	}
#nav ul li ul {
	display:none;
	}	
/* For Non-IE and IE7 make the sublevels visible on list hover.*/
#nav ul li:hover > ul {
	display:block; 
	position:absolute;
	top:0;
	left:120px;
	}	

/* get rid of the table */
#nav ul table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
	}
/*This is needed to trigger IE to show the sub levels */
* html #nav ul li a:hover {
	position:relative; 
	background:#71443e; 
	color:#ffffff;
	}
* html #nav ul li ul {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:0;
	left:0px;
	}
#nav ul li a:hover ul ul, #nav ul li a:hover ul a:hover ul ul{
	visibility:hidden;
	}
#nav ul li a:hover ul {
	visibility:visible; 
	top:0;
	left:120px;
	}
#nav ul li a:hover ul a:hover ul, #nav ul li a:hover ul a:hover ul a:hover ul{ 
	visibility:visible; 
	top:0;
	left:120px;
	}