
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	height:			55px; /* 2.5em; */
	padding-bottom:	0px; /* 2.5em; */
	position:		relative;
	width: 100%;
	/*
	background-image: url('../img/batukar_menu_background.png');
	background-repeat: repeat-x;
	*/
	color: #0c5891;
}
.sf-navbar li {
	position: static;
	color: #0c5891;
	margin-top: 0px;
	height: 55px;
	display: table;
	font-weight: bold;
	border-right: 1px solid #389fcf;
	border-left: 1px solid #83c6e5;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	position:		relative;
	border-right: 0px solid #389fcf;
	border-left: 0px solid #83c6e5;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}

.sf-navbar ul li {
	width:			auto;
	float:			left;
	font-family: Arial;
	font-size: 12px;
	color: #454343;
	margin-top: 8px;
	margin-left: 10px;
	height: 30px;
}
.sf-menu li a.sf-depth-1 {
	text-decoration: none;
	color: #0C5891;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 15px;
	font-weight: bold;
}
	.sf-menu li a.sf-depth-1:hover {
		text-decoration: underline;
	}
	
.sf-menu li a.sf-depth-2 {
	text-decoration: none;
	color: #454343;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
}
	.sf-menu li a.sf-depth-2:hover {
		text-decoration: underline;
	}
	
	
.sf-navbar a, .sf-navbar a:visited {
	border:	none;
	font-size: 15px;
}
.sf-navbar li.current {

}
.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 {
	
}
.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 {
	
}
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 {
	
}
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;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; display: none; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
}

