/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/

.sf-navbar {

	

	height:			2.5em;

	padding-bottom:	2.5em;

	position:		relative;

	

}

.sf-navbar li {



	background:		#eee;

	background-image:url(images/sf_menu_bg_sprite.png);

	background-position:0 0;

	background-repeat:repeat-x;

	position:		static;

	height:			33px;

	width:			140px;

	border-right:1px solid #dcdcdc;

	padding-top:5px;

	

}



.sf-navbar li a:hover {

	text-decoration:none;

	background:transparent;

}



.sf-first {

	border-left:1px solid #dcdcdc;

}

.sf-navbar a {

	border-top:		none;

}

.sf-navbar li ul {

	width:44em; /*IE6 soils itself without this*/

	width:900px;

	

}

.sf-navbar li li {

	background:		transparent;

	position:		relative;

	margin-top:12px;

	padding-top:0px;

	border-right:none;

	border-bottom:none;

}

.sf-navbar li li:first-child {



	border-left:none;

}

.sf-navbar li li a, .sf-navbar li li a:visited, .sf-navbar li li a:focus {

	

	font-size:14px;

	color:#666;

	height:15px;

	text-shadow: 1px 1px 0px #fff;

	border-bottom:1px solid #989898;

	border-right:1px solid #989898;

	background-image:url(images/continue_btn_sprite.png);

	background-position:0 0;

	background-repeat:repeat-x;

	padding:5px 8px 5px 8px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	radius:4px;

	margin-right:15px;

	padding:5px 8px 5px 8px\9;

	*padding:6px 8px 4px 8px;

	*display:inline-block;

}

.sf-navbar li li a:hover {

	text-decoration:none;

	background-image:url(images/continue_btn_sprite.png);

	background-position:0 -27px;

	background-repeat:repeat-x;

}





.sf-navbar li li ul {

	width:			13em;

}

.sf-navbar li li li {

	width:			100%;

}

.sf-navbar ul li {

	width:			auto;

	float:			left;

}

.sf-navbar a, .sf-navbar a:visited {

	border:			none;

	color:#8f8f8f;

	text-shadow: 1px 1px 0px #fff;

}





.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-image:url(images/sf_menu_bg_sprite.png);

    	background-position:0 -38px;

	background-repeat:repeat-x;

		

}

.sf-navbar li:first-child:hover {

	border-left:1px solid #dcdcdc;

}

.sf-navbar li li:first-child:hover {

	border-left:none;

}

.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:		transparent;

	

}



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:		#fff;

}

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

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

	-moz-border-radius-bottomleft: 0;

	-moz-border-radius-topright: 0;

	-webkit-border-top-right-radius: 0;

	-webkit-border-bottom-left-radius: 0;

}
