/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

	height:40px;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}





.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

	height:40px;

}

.sf-menu a {

	display:		block;

	position:		relative;



}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			3.1em; /* match top ul list item height */

	z-index:		99;

	background:#93c07a;

	color:#FFFFFF;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

.sf-menu {

	float:			left;

	margin-bottom:	1em;

}

.sf-menu a {

	border-left:	1px solid #fff;

	border-top:		1px solid #CFDEFF;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#13a;

}

.sf-menu li li {

	background:none;

}

.sf-menu li li li {

	background: none

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, {

	background: #006633; color:#FFFFFF;

	outline:		0;

}



#nav ul li a:hover{ background:none; border:#333333 0px solid; height:40px; display:block;}

#nav ul li ul li a{ background:none; background-color: #79b55f; border:#333333 0px solid; height:40px; display:block; padding:0 10px; font-family:Arial, Helvetica, sans-serif;}

#nav ul li ul li a:hover{ background:none; border:#333333 0px solid; color:#003300; height:40px; display:block; padding:0 10px; background-color:#CCCCCC;}