/*** Essential Styles ***/

.nav, .nav * {
	margin: 0;
	padding:	0;
	list-style:	none;
}
.nav {
	line-height:	1;
}
.nav ul {
	position:	absolute;
	top:	-999em;
	width:	10.4em; /* left offset of submenus need to match (see below) */
}
.nav ul li {
	width: 100%;
}
.nav li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.nav li {
 text-align: left;
	float:	left;
	position: relative;
}
.nav a {
 text-decoration: none;
	display:	block;
	position:	relative;
}
.nav li:hover ul, .nav li.sfHover ul {
	left: 0;
	top: 1.8em; /* match top ul list item height */
	z-index:	99;
}
ul.nav li:hover li ul, ul.nav li.sfHover li ul {
	top:	-999em;
}

/*** Navigation Skin ***/

.nav {
 width: 904px;
 margin: 0 auto;
}
.nav a {
	padding: 0.5em 1em;
	font-family: "Trebuchet MS";
	font-size: 0.9em;
}
.nav a, .nav a:visited { /* visited pseudo selector so IE6 applies text colour*/
 color: #006633;
}
.nav li {
	background:		#ffffff;
}
.nav li li {
	background: #bbe2bb;
}
.nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active {
 text-decoration: none;
 background: #bbe2bb;
}
.nav li li:hover, .nav li li.sfHover, .nav li li a:focus, .nav li li a:hover, .nav li li a:active {
 text-decoration: none;
 background: #ccffcc;
}