/*MAIN LEVEL LINK COLOR*/
#menuframer{width:100%;position:relative;height: 74px;padding-bottom:0px;margin-top:32px;margin-bottom:0px;z-index:500;top:0px;}
#menusystem{width:100%;position:absolute; z-index:50000;padding: 0px; margin:0px;}
#menusystem ul li,#menusystem  ul {list-style: none; text-indent:0px; margin-bottom:0px;}
#menusystem li {text-indent:0px;margin-bottom: 0px; padding-left: 0px;}

#menusystem a:link,#menusystem a:visited,#menusystem a:hover{text-decoration:none;border-bottom:none;}
#menusystem a, #menusystem span.separator{
color:#fff;
font-size:1.4em;
font-weight:bold;

}
/*ACTIVE MAIN LEVEL*/
#menusystem ul li.active a.parent,
#menusystem ul li.active a, li.active a,
#menusystem ul li.on a, 
#menusystem ul li.on a.parent, #menusystem li.on a, #menusystem li.active span.separator  {
color:#fff; 

}
/*MAIN LEVEL HOVER*/
#menusystem a:hover {
}
/* SUB BUTTON FONT*/
#menusystem li.active li a, #menusystem li li a, #menusystem li.on li a, #menusystem li.active li span.separator, #menusystem li li span.separator, #menusystem li.on li span.separator  {	
font-size:1.0em;
text-decoration:none;
font-weight:bold;
color:#444;
text-indent: 10px;
}
/*SUB-LEVEL HOVER*/
#menusystem li ul a:hover,
#menusystem li.on ul a:hover {

}
/*SUB-LEVEL EXPANDED*/
#menusystem li ul a,
#menusystem li.on ul a{

border-right:0px;
}

#sf {
	position:absolute; /* position:fixed
	centre:0;*/
	width:100%;
	
}
#sf a, #sf span.separator{
	float: left;
	display: block;
	cursor: pointer;
	height: 74px;
	line-height: 90px;
	padding: 0px;
}

/*more to come*/

#sf ul li ul li.parent a, #sf ul li ul li.parent span.separator{
	background: url(../images/sf_moretocome.png) 2px 9px no-repeat; color:#000;
}
#sf ul li ul li.parent ul a{
	background: none;
}
#sf ul li ul li ul li.parent a{
	background: url(../images/sf_moretocome.png) 95% 9px no-repeat; 
}
#sf ul li ul li ul li.parent ul a{
	background: none;
}
#sf ul li ul li ul li ul li.parent a{
	background: url(../images/sf_moretocome.png) 95% 9px no-repeat; 
}
#sf ul li ul li ul li ul li.parent ul a{
	background: none;
}

#sf ul ul a, #sf ul ul span.separator {
	display: block;
	text-decoration: none;
	width: 212px;
	line-height: 30px;
	height:30px;
}

/*ie6 needs these below*/
#sf li {
	float: left;
	padding: 0;
background:none;	
}
#sf ul li {
	position: relative;
	height: 74px;
	line-height: 85px;
}
#sf li li {
	float: right;
	padding: 0;
   	width: 215px;
	height:30px;
	line-height:30px;
	border-bottom: 2px solid #9c9c9c;
}
#sf li.sfHover ul ul, 
#sf li.sfHover ul ul ul, 
#sf li.sfHover ul ul ul ul {
	left: -1999em;
}
#sf li.sfHover ul, 
#sf li li.sfHover ul, 
#sf li li li.sfHover ul,
#sf li li li li.sfHover ul{
	z-index: 5000;
}
/*^^^ above needed for ie6*/


#sf li ul {
	position: absolute;
	left: -1999em;
	height: auto;
	width: 215px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
	padding-bottom:10px;
	background: url(../images/sf_subbg.png) no-repeat bottom;

}
#sf li ul ul {
	top: 40px;
	margin: -41px 0 0 215px;
}

/* common styling */
#mainlevel-nav li a, #mainlevel-nav li a:visited, #sf ul.menu-nav li a, #sf ul.menu-nav li a:visited {display:block; text-decoration:none;overflow:hidden;}
#sf ul {padding:0; margin:0;list-style-type: none;}
#sf ul li {float:left; margin:0px; position:relative;}
#sf ul li:hover ul {display:block; position:absolute; top:74px; left:0px; width:215px;}
#sf ul li:hover ul li a {}
#sf ul li:hover ul li:hover a {}
#sf ul li:hover ul li ul {left:-1999px;top:41px;}
#sf ul li:hover ul li a {display:block;}
#sf ul li:hover ul li a:hover {}
#sf ul li:hover ul li:hover ul {left:0; position:absolute;text-decoration:none;}
#sf ul li:hover ul li:hover ul li ul{left:-1999px;}
#sf ul li:hover ul li:hover ul li:hover ul{left:0;position:absolute;}
#sf ul li:hover ul li:hover ul li:hover ul li ul{left:-1999px;}
#sf ul li:hover ul li:hover ul li:hover ul li:hover ul{left:0;position:absolute;}

#sf ul li.sfHover ul {display:block; position:absolute; top:74px; left:0px; width:215px;}
#sf ul li.sfHover ul li a {}
#sf ul li.sfHover ul li.sfHover a {}
#sf ul li.sfHover ul li ul {left:-1999px;top:41px;}
#sf ul li.sfHover ul li a {display:block;}
#sf ul li.sfHover ul li.sfHover ul {left:0; position:absolute;}
#sf ul li.sfHover ul li.sfHover ul li ul {left:-1999px;}
#sf ul li.sfHover ul li.sfHover ul li.sfHover ul {left:0; position:absolute;}
	
#sf li.sfHover li a,
#sf li:hover li a, 
#sf li li.on a, 
#sf li li.on:hover a, 
#sf li li.over.on a {
	background:none;
}
#sf a,#sf li span.separator{
	padding: 0 15px 0 15px;	
}
#sf li {
	padding: 0;
	margin: 0;
	float: right;
	display: block;
	z-index:5000000;
	/*background: url(../images/sf_inactive.png) right no-repeat;*/
	
}
#sf li li {background:none; }
#sf li li a{width: 100%; 
}
#sf li:hover, #sf li.over, #sf li.sfHover{
background: url(../images/sf_hover.png) repeat-x;
}
#sf li li:hover, #sf li li.over, #sf li li.sfHover{
background: url(../images/sf_subactive.png); 
}
#sf li.active, #sf li.on {background: url(../images/sf_active.png) repeat-x;
}
#sf li li.active, #sf li li.on {
	height: 30px; background: #ddd;
}
#sf a, #sf span.separator{
}
#sf li.parent a, #sf li a.topdaddy, #sf li.parent span.separator{ background: url(../images/sf_moretocome2.png) 50% 92% no-repeat;
}
#sf li:hover a, #sf li.over a, #sf li.sfHover a, #sf li:hover span.separator {
}
#sf li.active a, #sf li.on a, #sf li.active span.separator{
}

#sf{background: url(../images/sf_l.png) no-repeat; }
#sf-l{background: url(../images/sf_l.png) left no-repeat;}
#sf-r{height:74px;background: url(../images/sf_r.png) right top no-repeat;width:100%;}
#sf ul {padding-left:40px;}
#sf ul ul{font-weight:bold;padding-top:10px;z-index:50000;}
#sf ul ul ul{font-weight:bold;padding-top:0px;z-index:50000;border-top: #9d9d9d solid 2px;}

#sf ul li ul li span.separator{background:none;}