.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}

.nav ul {
	position:absolute; 
	top:-999em;
	/* width: 12.45em; */
	width: 17em;
}

.nav ul li,
.nav a { 
	width: 100%;
	}

.nav li {
	float:left; 
	position:relative; 
	z-index:89; 
}


.nav a {
	display:inline; 
}


.nav li:hover ul, 
ul.nav li.sfHover ul 
{
	left:25px; 
	top:27px; 
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em; 
}

.nav li li:hover ul, 
ul.nav li li.sfHover ul 
 {
	left: 17em; 
	top:10px; 
	border: 2px solid #48560A;
}

.nav li li:hover li ul,
.nav li li.sfHover li ul {
	top:-999em; 
}

.nav li li li:hover ul, 
ul.nav li li li.sfHover ul 
 {
	left:9.45em; 
	top:-1px; 
}

.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em; 
}

/* A quick note about issues with submenus appearing under Flash animations. Some say that setting wmode="opaque" or  wmode="transparent" on the embed or object tag is sufficient. This does fix many issues but I find it sometimes helps to also add this CSS: */
embed, object {
	position: relative;
	z-index: 0;
	}

.nav ul {
	border-left: 2px solid #48560A;
	border-right: 2px solid #48560A;
	border-bottom: 2px solid #48560A;
}
.nav li {
	background:#cdd3af; 
}

.nav a {
	color: #13a;
	text-decoration:none;
}
.nav ul li {
	padding: 0px !important;
	background: #EAEFD5;
}		
	
.nav ul a {
	width: 7.45em;
	padding: .75em 1em;
	text-indent: 0;
	font-weight: normal !important;
}


.nav li li {
	background:#EAEFD5; 
	line-height: 20px !important;
}
.nav li li li {
	background:#EAEFD5; 
	line-height: 20px !important;
}