/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	 /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	white-space: no-wrap;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul.sf-menu li li li.sfHover ul{
	left:			126px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	clear:			left;
}
.sf-menu li {
	font: bold 11px verdana;
	text-decoration:none;
	color: #44658A;
	background: #E7E7E7;
	border: 1px solid white;
	border-bottom: 0;
	padding: 3px 1px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	text-decoration: none;
	color:			#44658A;
}
.sf-menu li li,
.sf-menu li li li{
	background:		#E7E7E7;
}

li.sfHover a, 
li.sfHover a:hover, 
li.sfHover li.sfHover a, 
li.sfHover li.sfHover a:hover, 
li.sfHover li.sfHover li.sfHover a, 
li.sfHover li.sfHover li.sfHover a:hover, 
li.sfHover li.sfHover li.sfHover li.sfHover a,
li.sfHover li.sfHover li.sfHover li.sfHover a:hover,
.sf-menu .menuLevel_0 a:hover,.sf-menu .menuLevel_1 a:hover,.sf-menu .menuLevel_2 a:hover
{
	color: red !important;
}

li.sfHover li a, 
li.sfHover li.sfHover li a, 
li.sfHover li.sfHover li.sfHover li a, 
li.sfHover li.sfHover li.sfHover li.sfHover li a {
	color: #44658A !important;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/* color:			#44658A; */
	color: red;
}

/* search menu */
li.sfHover ul.menu,
li.sfHover li.sfHover ul.menu,
li.sfHover li.sfHover li.sfHover ul.menu,
li.sfHover li.sfHover li.sfHover li.sfHover ul.menu,
li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover ul.menu,
li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover ul.menu,
li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover ul.menu,
li.sfHover ul.popup1,
li.sfHover li.sfHover ul.popup1,
li.sfHover li.sfHover li.sfHover ul.popup1,
li.sfHover li.sfHover li.sfHover li.sfHover ul.popup1,
li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover ul.popup1,
li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover ul.popup1,
li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover ul.popup1{
	display: block;
	z-index: 1000;
}

/* popups */
ul.menu ul.popup1,
li.sfHover ul.menu ul.popup1,
li.sfHover li.sfHover ul.menu ul.popup1,
li.sfHover li.sfHover li.sfHover ul.menu ul.popup1,
li.sfHover li.sfHover li.sfHover li.sfHover ul.menu ul.popup1,
li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover ul.menu ul.popup1,
li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover ul.menu ul.popup1	{
	display: none;
}

/* Other browsers navigation */
li:hover>.indent>ul.menu,
li:hover>.indent>ul.popup1 {
	display: block;
	z-index: 1000;
}

.sf-menu .menuLevel_0 a {
	color: #44658A !important;
}


/*.sf-menu .menuLevel_1, */ .sf-menu .menuLevel_1 a, .sf-menu .menuLevel_1 .indent {
	padding-left: 10px;
}

.sf-menu .menuLevel_1 a,.sf-menu .menuLevel_2 a {
	color: #44658A !important;
	font-weight: normal !important;
}

/*.sf-menu .menuLevel_2 ,*/ .sf-menu .menuLevel_2 a, .sf-menu .menuLevel_2 .indent {
	padding-left: 20px;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/* padding-right: 	2.25em; */
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	display: none;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width: 200px;
	white-space: no-wrap;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left: 200px; /* match ul width */
	top:	0;
}