#menusystem{
position:relative; height:0px;z-index:20;padding: 0px; margin-left:0px;margin-right:0px;
}
#sf li {
list-style-type:none;margin-left:0px;padding-bottom: 0px;
}
#sf {
	position:absolute;
	height: 30px;
    right:0; /*for right alignment of the bar*/
}
#sf a {
	float: left;
	display: block;
	float: left;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background: url(../images/ss_sf_right.png) 100% 0% repeat-x;
}
#sf li.parent a{
		background: url(../images/ss_sf_right.png) 50% 25% repeat-x;
}
/*more to come*/
#sf ul li ul li.parent a{
	background: url(../images/moretocome.png) 100% 50% no-repeat; 
	padding: 0;
	text-indent: 15px;
}
#sf ul li ul li.parent ul a{
	background: none;
}
#sf ul li ul li.parent ul li.parent a{
	background: url(../images/moretocome.png) 100% 50% no-repeat;
}
#sf ul li ul li.parent ul li.parent ul a{
	background: none;
}


/*inspect

#sf li li {
	padding: 0;
	background: none;
}
#sf li li a{
	background: none;
	font-weight: normal;
}
*/


#sf ul ul a {
	display: block;
	text-decoration: none;
	width: 167px;
	line-height: 30px;
	height:30px;
	text-transform: none;
}

/*ie6 needs these below*/
#sf li {
	float: left;
	padding: 0;
    background: none;
}
#sf ul li {
	position: relative;
	height: 30px;
	line-height:30px;
}
#sf li li {
	float: left;
	padding: 0;
   	width: 170px;
	height:30px;
	line-height:30px;
}

#sf li.iehover ul ul, 
#sf li.iehover ul ul ul, 
#sf li.iehover ul ul ul ul {
	left: -999em;
}
#sf li.iehover ul, 
#sf li li.iehover ul, 
#sf li li li.iehover ul,
#sf li li li li.iehover ul{
	z-index: 100;
	left: 0px;
}

/*^^^ above needed for ie6*/

#sf li ul {
	top: 30px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
	border-right: 0px solid #666;
	border-bottom: 4px solid #BBBBB9;
	}
#sf li ul ul{top:30px;}
#sf li ul ul {
	margin: -30px 0 0 170px;
}

/*main level hover state*/
#sf li:hover a, 
#sf li.over a {
background: url(../images/ss_sf_right.png) 100% 100% repeat-x;

}
/*negate next levels*/
#sf li:hover li a{background:none;}

/*active top level indicator*/
#sf li.active a, #sf li.on a{
background: url(../images/ss_sf_right.png) 50% 75% repeat-x;
}
/*sublevel states background*/
#sf li:hover ul, 
#sf li li:hover ul, 
#sf li li li:hover ul, 
#sf li li li li:hover ul,
#sf li.iehover ul, 
#sf li li.iehover ul, 
#sf li li li.iehover ul,
#sf li li li li.iehover ul{
	background: #10110B;
	font-weight:bold;
}

/* common styling */
#nav {}
#mainlevel-nav li a, #mainlevel-nav li a:visited, #nav ul.menu-nav li a, #nav ul.menu-nav li a:visited {display:block; text-decoration:none; height:30px; line-height:30px;overflow:hidden;}
#nav ul {padding:0; margin:0;list-style-type: none; }
#nav ul li {float:left; margin:0px; position:relative;}
#nav ul li ul {display: none;}

/* specific to compliant browsers browsers */
#mainlevel-nav li:hover a , #nav ul.menu-nav li:hover a {}
#mainlevel-nav li:hover a:hover, #mainlevel-nav a#active_menu-nav, #nav ul.menu-nav li:hover a:hover, #nav ul.menu-nav a#active_menu {}
#nav ul.menu-nav li:hover ul {display:block; position:absolute; top:30px; left:-3px; width:167px;}
#nav ul.menu-nav li:hover ul li a {color:#B1CA77;}
#nav ul.menu-nav li:hover ul li:hover a {color:#fff;}
#nav ul.menu-nav li:hover ul li ul {display: none;}
#nav ul.menu-nav li:hover ul li a {display:block;color:#B1CA77;}
#nav ul.menu-nav li:hover ul li a:hover {text-decoration:underline;}
#nav ul.menu-nav li:hover ul li:hover ul {display:block; position:absolute;text-decoration:none;}
/*#nav ul.menu-nav li:hover ul li.active{text-decoration:underline;}*/
#nav ul.menu-nav li:hover ul li:hover ul li ul{display: none;}
#nav ul.menu-nav li:hover ul li:hover ul li:hover ul{display:block; position:absolute;}

/* specific to IE6 and below browsers */
#nav ul.menu-nav li.iehover a {color:#333;}
#nav ul.menu-nav li:hover a:hover {}
#nav ul.menu-nav li.iehover ul {display:block; position:absolute; top:30px; left:-3; width:167px;}
#nav ul.menu-nav li.iehover ul li a {color:#B1CA77;}
#nav ul.menu-nav li.iehover ul li.iehover a {color:#fff;}
#nav ul.menu-nav li.iehover ul li ul {display: none;}
#nav ul.menu-nav li.iehover ul li a {display:block; color:#B1CA77;}
#nav ul.menu-nav li.iehover ul li a:iehover {}
#nav ul.menu-nav li.iehover ul li.iehover ul {display:block; position:absolute;}
#nav ul.menu-nav li:hover ul li:iehover ul li ul {display: none;}
#nav ul.menu-nav li:hover ul li:iehover ul li:iehover ul {display:block; position:absolute;}