div#nav {
	position: relative ;
	width: 100% ;
	font-family: Arial, Sans-serif;
	font-size: 11px ;
	text-align: center;
	z-index: 100 ;
}

ul#nav {
	display: table ;
	margin: 0px auto ;
	padding: 0px ;
	list-style: none ;
/* 	white-space: nowrap ; */
}


ul#nav li {
	display: table-cell ;
	position: relative ;
	float: left ;
	height: 100% ;
}


ul#nav li a {
	display: block ;
	width: auto ;
	padding: 4px 8px ;
	text-decoration: none ;
	color: #736357;
}


ul#nav li:hover {

}

del.container {
	clear: both ;
	text-decoration:none ;
}

* html del.container {
	display: inline-block ;
}




ul#nav ul {
	display: none ;
	position: absolute ;
	width: 160px ;
	top: 100% ;

/* 	FOR SOME REASON IE IGNORES THIS (left: 50%) -- IT IS USED TO  */
/* 	PLACE THE DROP DOWNS IN THE SAME SPOT IN FIREFOX AND IE */
	left: 50% ;
	margin-left: -80px ;
	padding: 0px ;
	padding-top: 1px ;
	list-style: none ;
	z-index: 5 ;
	background-color: #534741 ;
	border: 1px solid #444 ;
/* 	border-top: 0px ; */
	z-index: 60 ;
}

* html ul#nav ul {
	left: 50% ;
}

ul#nav ul li {
	display: block ;
	clear: both ;
	width: 100% ;
}

ul#nav ul li a {
/* 	text-decoration: none ; */
/* 	color: #fff ; */
}



ul#nav li:hover ul {
	display: block ;
}


ul#nav li:hover a, ul#nav li:hover ul li:hover a {
	color: #466c99;
}

ul#nav li:hover ul li a {
	color: #c7b299 ;
}