.menu { 
	
	}

#nav, #nav ul { /* all lists */
	list-style: none;
	background: none;
	padding:0;
	margin: 0;
	border:solid 0px yellow;
	}

#nav li { /* main list items */
	float: left;
	border:solid 0px red;
	text-align: center;
	}

#nav a {
	padding: 4px 6px 3px 3px;
	display : block;
	font: 11px Tahoma;
	color:#d8ded3;
	border-color:#464646;
	font-size:11px;
	margin: 0;
	font-weight : normal;
	text-decoration : none;
	border:none;
	width:auto;
	height:auto;
	white-space:pre-wrap;
	}
	
* html #nav a { width: 2em;w\idth: 2em;}

#nav li a:hover {
	padding: 4px 6px 3px 3px;
	display : block;
	color : #d8ded3;
	margin: 0;
	font-weight : normal;
	text-decoration : none;
	border:0px solid green;
	width: auto;
	height:auto;
	}
	
* html #nav a:hover { width: 2em;w\idth: 2em;}	


#nav li ul { /* second-level lists */
	position : absolute;
	left: -9999px;
	margin: 0;
	/* top: 29px; */
	width: 154px;
	border-width: 1.5px;
	border-color:#686a65;
	}


#nav li ul  a {
	width: 145px;	
	padding: 4px 6px 3px 3px;
	display: block;	
	background: #464646;
	color: #d8ded3;
	font: 11px Tahoma;
	font-weight: normal;
	text-align: left;
	float: none;
	}

#nav li ul  a:hover {
 	width: 145px;	
	padding: 4px 6px 3px 3px;
	display: block;
	background: #91863c;
	color: #d8ded3;
	float: none;
	}


#nav li ul ul{ /* third-level lists */
	margin: -28px 0 0 153px;
	border-width: 1.5px;
	border-color:#686a65;
	}

#nav li ul ul  a {width: 145px;}

#nav li ul ul  a:hover {width: 145px;}
	
	

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: -9999px;
	}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li:hover, 
#nav li.sfhover {
	background:#91863c;
	}
.menu-bar {
background-color:#464646;
}