.sf-menu a {display:block; position:	relative;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: -300px;
	top: 50px; /* match top ul list item height */
	z-index: 999;
}




/*** DEMO SKIN ***/

.sf-menu a {
	margin-top:3px;
	padding: 		16px 10px;
	text-decoration:none;

}

.sf-menu li:hover,.sf-menu li:hover h6, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#fff;

}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar li ul {
	width:			880px; /*IE6 soils itself without this*/
}

.sf-navbar li li {
	background:		#70c2d9;
	position:		relative;
	}

.sf-navbar li li.clr_link {
	background:		#C90;
	position:		relative;
	}



	
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
	margin:0;
}

.sf-navbar li.current {
	background:		#70c2d9;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#70c2d9;
}

.sf-navbar ul a{ padding:10px 10px; margin:0; font-size:1em; color:#fff;}

.sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {background: #51a1b7;}


ul.sf-navbar li li li:hover, ul.sf-navbar li li li.sfHover, .sf-navbar li li.current li.current, .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { background: #82d3ea;}

ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul {left:0;top:2.2em;}
ul.sf-navbar .current ul ul {top:-999em;}