/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	margin-left: 10px;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */


}
/* submenu (whole block) */
.sf-menu ul li {
	width:			110%; 
} 
.sf-menu li:hover {
	visibility:		inherit; 
}
.sf-menu li {
	float:			left;
	position:		relative;

}
.sf-menu a {
	display:		block;
	position:		relative;
}
/* kt out.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; 
	z-index:		99;
background-color: orange;
}kt out */

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; 
	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; 
	top:			0;

} 

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	width:155px;
}
.sf-menu li li a {
	border:		1px solid #cccccc; /* was border bottom */
	text-decoration:none;
}
.sf-menu a {
	padding: 		.5em .5em;
	text-decoration:none;
}
.sf-menu a.last {
	border-bottom:		0px solid #cccccc;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}

.sf-menu a:hover  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#ffffff;
}


.sf-menu li {
	
background: transparent;
}
/* position of level 2 nav */
.sf-menu li li {
	background:		#ee107f;
 background: transparent;
left: -40px;
}
.sf-menu li li li {
	background:		#ee107f;
background:		green;
}

.sf-menu li li a, .sf-menu li li li a{
	color:		#ffffff;
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	
	outline:		0;
	color:#ffffff;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a.green:focus, .sf-menu a.green:hover, .sf-menu a.green:active {
	
	outline:		0;
	color:#c9ff00;
}



/* HERE IS THE KEY CSS */

/* top nav on hover background  */
.sf-menu ul {
width: 155px;
}
.sf-menu li.sfHover a:hover{

	/* background:        #ee107f; */
	color:            #ffffff;
background: transparent;
}
.sf-menu li:hover a:hover{
/* background:        #ee107f; */
	color:            #ffffff;
	text-decoration: underline;
}

/* top nav on hover background for green nav text */
.sf-menu li:hover a.green, .sf-menu li.sfHover a.green{
	background:        #ee107f;
	color:            #c9ff00;
	text-decoration: underline;
}
/*level 2 background */
.sf-menu li.sfHover li a {
	background:        #ee107f;
	color:            #ffffff;

}
/*submenu background hover */
.sf-menu li.sfHover li a:hover {
	background:        #ee107f;
	color:            #ffffff;
	text-decoration: underline;
}
.sf-menu li.sfHover li a.green {
	background:        #ee107f;
	color:            #c9ff00;
}
.sf-menu li.sfHover li a.green:hover {
	background:        #ee107f;
	color:            #c9ff00;
	text-decoration: underline;
}


.sf-menu li.turnOn { 
	background: #000000;
} 
.sf-menu li.turnOn a{ 
	color: #ffffff;
}
.sf-menu li.turnOn a:hover{ 
	color: #ffffff;
	text-decoration: underline;
}

.sf-menu li a.green{  
	color: #c9ff00;
}
.sf-menu li a.green:hover{
	color: #c9ff00;
	text-decoration: underline;
}
/* end kim added */
/* END KEY CSS */