div#menu{
	width: 250px;
	margin-bottom:10px;
	list-style-type: none;
	z-index:1;
	padding:3px 0px 10px 0px;
}
#body .nav, #body .nav * {
	margin:0;
	padding:0;
	list-style-type: none;
}
#body .nav {
	line-height:1.0;
	margin-bottom:1.5em;
	list-style-type: none;
}
#body .nav ul {
	background:#fff; /*IE6 needs this*/
	width: 25em;
	list-style-type: none;
}
.nav li {
	letter-spacing:3px;
	text-align: left;
	background-color: #fff;
	background:none;
	color:#786B62;
	list-style-type: none;
	position:relative;
	width: 250px;
	z-index:999;
}
#body .nav a {
	color: #13a;
	display:block;
	padding:8px 0px 0px 15px;
	text-decoration:none;
	width: 235px;
	height:25px;
	font-size: 1.2em;
	color:#786B62;
}
.nav li ul {
	top:-999em;
	position:absolute;
	width: 250px;
	list-style-type: none;
}
#body .nav li:hover,
#body .nav li.sfHover,
#body .nav a:focus, #body .nav a:hover, #body .nav a:active {
	background:#d6d4d1;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	left:250px;
	top:0px;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	left:250px;
	top:0px;
}
.nav li li:hover li ul,
.nav li li.sfHover li ul {
	top:-999em;
}
.nav li li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li li.sfHover ul {
	left:250px;
	top:-1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top:-999em;
}
.nav li li {
	background:#E1DFDC;
	width:250px;
}
.nav li li li {
	background:#9AAEDB;
}
.nav li li a {
	padding-right:0;
	margin-right:0;
	width:235px;
}

/* quick hacks for IE */
*html .nav li {
	margin-bottom:-3px;
}

*+html .nav li { /* separate hack for IE7 */
	margin-bottom:-3px;
}