/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {	
	height:			2.5em;	
	position:		relative;
	
	float:			right;
	margin-bottom:	1em;		
}
.sf-navbar .sf-sub-indicator{
	visibility:hidden;
	display:block;
	width:0px;
	height:0px;
	overflow:hidden;	
}

/* buttons */
.sf-navbar a {		
	padding: 		0.75em 10px;	
	text-decoration:none;
	color:			#2D2C2E;	
}

/* background menu bar level 1 */
.sf-navbar{	
	width:			775px;	
	background:		#E1E2E3;	
}
/* background menu bar level 2 */
.sf-navbar li ul {
	width:			775px;
	background:		#CFE5E8;
	border-top:2px solid white;	
}
/* background menu bar level 3 */
.sf-navbar li li ul {
	width:			13em;
}

/* button level 1 */
.sf-navbar li {
	background:		#E1E2E3;	
	position:		static;
	border-right:	2px solid white;			
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#008496;
	color:			#FFF;		
}
.sf-navbar li:hover a,
.sf-navbar li.sfHover a,
{	
	color:			#FFF;		
}

/* button level 2 */
.sf-navbar li li {
	background:		#CFE5E8;
	position:		relative;
	border-right:	none;
}
.sf-navbar li:hover li a,
.sf-navbar li.sfHover li a,
.sf-navbar li.current li a,
.sf-navbar li li a{
	color:			#2D2C2E;	
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
.sf-navbar ul li:hover a,
.sf-navbar ul li.sfHover a,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul li.current,
.sf-navbar ul li.current a,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#CFE5E8;
	color:			#008496;
}
/* button level 3 */
.sf-navbar li li li
{
	background:		#CFE5E8;
	width:			100%;		
}
.sf-navbar li li:hover li a,
.sf-navbar li li.sfHover li a,
.sf-navbar li li.current li a,
.sf-navbar li li li a{
	color:			#2D2C2E;	
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar li li.current li.current a,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#008496;
	color:			#FFFFFF;		
}


.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}

ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}