/*[variables]
colors
{
	@00: #006000;
}
*/
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
BODY
{
	behavior: url(http://www.designloft.org/wp/wp-content/themes/DesignLoft/js/superfish/csshover3.htc);
}
.sf-navbar
{
	background: #FFFFFF;
	height: 2.5em;
	padding-bottom: 2.5em;
	position: relative;
	top: 0px;
	left: 20px;
	width: auto;
}
.sf-navbar LI
{
	background: #27B0FA;
	position: static;
	line-height: 11px;
	border-right: 1px dotted #FFFFFF;
	margin-right: 4px;
	color: #27B0FA;
}
.sf-navbar A
{
	border-top: none;
}
.sf-navbar LI UL
{
	width: 70em;
/*IE6 soils itself without this*/
}
.sf-navbar LI LI
{
	background: transparent;
	position: relative;
	margin: 9px 2px 4px;
	line-height: 9px;
}
.sf-navbar LI LI UL
{
	width: 13em;
}
.sf-navbar LI LI LI
{
	width: 100%;
}
.sf-navbar UL LI
{
	width: auto;
	float: left;
	background-color: #526270;
}
.sf-navbar UL LI A
{
	margin-left: -4px;
	font-size: 10px;
}
.sf-navbar A, .sf-navbar A:visited
{
	border: none;
}
.sf-navbar LI.current
{
	background: #3E4953;
}
.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: #FFFFFF;
	color: #272727;
}
.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: #27B0FA;
}
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: #E6EEFF;
}
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;
}