/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background-color: #ecedef;
	height:			25px;
	/*padding-bottom:	26px;*/
	position:		relative;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	border-top: 1px dashed #d5d7d9;
	background-color: white;
	width:			44em; /*IE6 soils itself without this*/
	width: 816px;
}
.sf-navbar li li,
.sf-navbar li.sfHover li a {
	background: white;
	color: black;
	position:		relative;
}
.sf-navbar li li ul {
	width:			200px;
	border: 0;
}
.sf-navbar li li li {
	width:			100%;
	background: #2c5685 url(../../payoff/img/menu/bg-dropdown.jpg) repeat-y top left;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
}

/** level 1 **/
.sf-navbar li a,
.sf-navbar li a:visited {
    display: block;
    position: relative;
    padding: 8px 0.8em 6px 0.8em;
    text-align: center;
    vertival-align: middle;
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: black;
}

/** level 1 on **/
.sf-navbar li a:focus,
.sf-navbar li a:hover,
.sf-navbar li a:active,
.sf-navbar li.open a,
.sf-navbar li.sf-breadcrumb a,
.sf-navbar li.sfHover a,
.sf-navbar li:hover a {
	background: #2c5685 url(../../payoff/img/menu/bg-dropdown.jpg) repeat-y top left;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

/** level 2 **/
.sf-navbar li li a,
.sf-navbar li li a:visited,
.sf-navbar li.open li a,
.sf-navbar li.sf-breadcrumb li a,
.sf-navbar li:hover li a,
.sf-navbar li.sfHover li a {
    padding: 7px 0.8em 7px 0.8em;
    font-size: 11px;
    font-family: Arial;
    font-weight: normal;
    color: black;
    letter-spacing: 0;
    background: white;
}

/** level 2 on **/
.sf-navbar li li a:focus,
.sf-navbar li li a:hover,
.sf-navbar li li a:active,
.sf-navbar li li.open a,
.sf-navbar li li.sf-breadcrumb a,
.sf-navbar li li:hover a,
.sf-navbar li li.sfHover a {
	background: #5b7ba4 url(../../payoff/img/menu/bg-dropdown-l2.jpg) repeat-y top left;
	color: white;
	font-weight: normal;
}

/** level 3 **/
.sf-navbar li li li a,
.sf-navbar li li li a:visited,
.sf-navbar li.open li li a,
.sf-navbar li.sf-breadcrumb li li a,
.sf-navbar li:hover li li a,
.sf-navbar li.sfHover li li a {
    width: 179px;
    height: 13px;
    padding: 5px 5px 7px 5px;
    margin: 1px 5px 0 5px;
    color: white;
    text-align: left;
    background: transparent url(../../payoff/img/menu/bg-dropdown-l3-a.jpg) no-repeat bottom left;
    font-weight: normal;
}

/** level 3 on **/
.sf-navbar li li li a:focus,
.sf-navbar li li li a:hover,
.sf-navbar li li li a:active,
.sf-navbar li li li.open a,
.sf-navbar li li li.sf-breadcrumb a,
.sf-navbar li li li:hover a,
.sf-navbar li li li.sfHover a,
.sf-navbar li li li.on a {
    background: #2c5685 url(../../payoff/img/menu/bg-dropdown-l3-hover.jpg) repeat-y top left;
    color: white;
    font-weight: normal;
}

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

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