/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-with-ul *{
font-size:	10px;
}
.sf-navbar {
height:			2.5em;
padding-bottom:	0.5em;
position:		relative;
}
.sf-navbar li {
position:		static;
}
.sf-navbar a {
border-top:		none;
}
.sf-navbar li ul {
width:			96em; /*IE6 soils itself without this.. org value is 44.. this value define width of hori menu bar*/
background:	url('images/navi_tile.png');
}
.sf-navbar li li {
position:		relative;
font-size: 11px;
}
.sf-navbar li li ul {
width:			13em;
font-size: 11px;
}
.sf-navbar li li li {
width:			100%;
}
.sf-navbar ul li {
width:			auto;
float:			left;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;  
PADDING-BOTTOM: 0px;  
PADDING-TOP: 0px; 
font-size: 11px;
}
.sf-navbar a, .sf-navbar a:visited {
border:			none;
}
.sf-navbar li.current {
background:		none;
}
.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 {
/*  hover over first level image color background:red*/
}
.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:	url('images/navi_tile.png');
text-decoration: none;
}
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:		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 */
}