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

.main_menu{ height: 50px;width:100%;text-align:center;}

.sf-navbar {
	width: 975px;
  height: 50px;	
	margin: 0px auto;
	padding: 0;
	list-style-type: none;
	display:block;
	text-align:center;
	/*background:	url(/templates/jclean/images/menu_div.gif) no-repeat left;*/	
	}
.sf-navbar li {
	width: 243px;
	/*position:		static;*/
	
}
.sf-navbar li a {
	display: block;
	 color: #fff;
  font: normal 18px Arial;
  text-decoration: none;
  line-height: 50px; 
  height: 50px;
  text-align:center;
  text-transform: uppercase;
  background: url(../../../../templates/jclean/images/menu_bg.gif) no-repeat right top;
}




/*.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: url(../../../../templates/jclean/images/menu_bg.gif) no-repeat right -50px ;
 }
.sf-navbar li ul li a, .sf-navbar li ul li a:hover, .sf-navbar li ul li a:focus, .sf-navbar li ul li a:active   {
  text-align: left; padding-left: 15px;padding-right: 16px;
   height: 38px;
	line-height: 38px;
	border-left:1px solid white;
	border-right:1px solid white;	
}
/* drop-down submenu */
.sf-navbar li ul li a{
	background: url(../../../../templates/jclean/images/menu_bg.gif) repeat-x;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}
.sf-menu a.sf-with-ul {
		margin-right:2px;
}



li.item60 a {
	background: url(../../../../templates/jclean/images/menu_start.gif) no-repeat left top; width:243px;
}
li.item60 a:hover {
	background: url(../../../../templates/jclean/images/menu_start.gif) no-repeat left -50px;
}
li.item70 a {
	background: url(../../../../templates/jclean/images/menu_end.gif) no-repeat right top;
}
li.item70 a:hover {
	background: url(../../../../templates/jclean/images/menu_end.gif) no-repeat right bottom;
}