/*MAIN LEVEL LINK COLOR*/
#menuframer{width:100%;height: 50px;padding-bottom:0px;position:relative;z-index:50000; top:110px;}
#menusystem{width:100%;position:absolute; z-index:5000;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.0em;
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 {
color:#fff;
}
/* SUB BUTTON FONT*/
#menusystem li.active li a, #menusystem li li a, #menusystem li.on li a, #carousel li li a{	
font-size:.9em;
text-decoration:none;
font-weight:normal;
color:#fff;
}
#menusystem li.active li.active a,#menusystem li.on li.on a {	
color:#999;
}
/*SUB-LEVEL HOVER*/
#menusystem li ul a:hover,
#menusystem li.on ul a:hover {
font-weight:normal;
color:#fff;
}
/*SUB-LEVEL EXPANDED*/
#menusystem li ul a,
#menusystem li.on ul a{
font-weight: normal;
border-right:0px;
}

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

/*more to come*/
#sf ul li ul li.parent a{
	background: url(../images/sf_moretocome.png) 95% 9px no-repeat; 
}
#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 {
	display: block;
	text-decoration: none;
	width: 212px;
	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: 50px;
	line-height: 56px;
}
#sf li li {
	float: left;
	padding: 0;
   	width: 215px;
	height:30px;
	line-height:30px;
}
#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-left:0px;
}
#sf li ul ul {
	top: 41px;
	margin: -42px 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; float:left;}
#sf ul li {float:left; margin:0px; position:relative;}
#sf ul li:hover ul {display:block; position:absolute; top:42px; 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;}
#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:42px; 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;}
#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 0px;	
}
#sf ul li {	margin-left:15px;
}
#sf ul li li {margin-left: 0;}
#sf li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	padding-left:15px;
	background: url(../images/ss_sf_left.png) 0% 0% no-repeat;
}
#sf li li a{padding:0px;text-indent: 17px;
}
#sf li:hover, #sf li.over, #sf li.sfHover{
	background: url(../images/ss_sf_left.png) 0% 100% no-repeat;
}
#sf li li:hover, #sf li li.over, #sf li li.sfHover{
background:#222;
}
#sf li.active, #sf li.on {
	background: url(../images/ss_sf_left.png) 0% 75% no-repeat;
}
#sf li li.active, #sf li li.on {
	background:#222;
}
#sf a, #sf span.separator{
	background: url(../images/ss_sf_right.png) 100% 0% repeat-x;
}
#sf li.parent a, #sf li a.topdaddy, #sf li.parent span.separator{
	background: url(../images/ss_sf_right.png) 100% 25% repeat-x;
}
#sf li:hover a, #sf li.over a, #sf li.sfHover a, #sf li:hover span.separator {
	background: url(../images/ss_sf_right.png) 100% 100% repeat-x;
}
#sf li.active a, #sf li.on a, #sf li.active span.separator{
	background: url(../images/ss_sf_right.png) 100% 75% repeat-x;
}

#sf ul {padding-left:0px;margin-right:15px;}
#sf ul ul{background: #000;font-weight:bold;padding-top:0px;z-index:2000;margin-top:10px;}
#sf ul li ul li span.separator{background:none;}

#sf ul ul ul{padding-top:0px;}
#sf li li  {background:none;border-bottom:1px solid #333333;}
#sf li ul {border-right:1px solid #333333;border-left:1px solid #333333;}
#sf li li a {background:none;}
#sf li ul ul{}