/*SuckerFish CSS for this Pure Joomla! Template*/

#menusystem{position:relative; height:30px;	z-index:20;padding: 0px; margin-left:0px;margin-right:0px;
	/**/	background: url(../images/page/ss_sf_menubg.gif) bottom repeat-x; 
}
#sf li {list-style-type:none;margin-left:0px;padding-bottom: 0px;}

#sf {
	position:relative;
	height: 30px;
	top:-30px;
	width:100%;
left:0px;
}

#sf a {
	font-weight: bold;
	float: left;
	text-decoration: none;
	display: block;
	float: left;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	padding-right:14px;
	background: url(../images/page/ss_sf_right.png) 100% 0 no-repeat;
}
#sf li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	padding-left: 14px;
	background: url(../images/page/ss_sf_left.png) 0 0% no-repeat;
}

#sf a.topdaddy,
#sf li.active a.topdaddy {/*toplevel more to come*/
	background: url(../images/page/ss_sf_right.png) 100% 25% no-repeat;
	padding-right: 14px;
}


/*SUB MENU LINK STYLING */ 
#sf li li {
	border-right:0px;
    border-bottom: #990000 0px solid;
}
#sf li li a{
	background: none;
	font-weight: normal;
	padding: 0;
	text-indent: 14px;
}

#sf ul a.topdaddy:hover{
background: url(../images/page/ss_sf_right.png) 100% 50% no-repeat;
	padding-right: 14px;}
	
#sf ul li ul li a:hover,
#sf ul li ul li ul li a:hover {
background:#101010;
font-style:italic;
}

#sf ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sf li li {
	padding: 0;
	background: none;
}

/* sub level links */

#sf ul ul a {
	display: block;
	text-decoration: none;
	width: 170px;
	text-transform: none;
}

/* top level buttons */

#sf ul li {
	position: relative;
}

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

#sf li li {
	float: left;
	padding: 0;
   	width: 170px;
}

/* margin for pullouts */
#sf li ul ul {
	margin: -30px 0 0 170px;
}

#sf li:hover ul, 
#sf li:hover ul ul, 
#sf li:hover ul ul ul,
#sf li:hover ul ul ul ul,  
#sf li.sfhover ul ul, 
#sf li.sfhover ul ul ul, 
#sf li.sfhover ul ul ul ul {
	left: -999em;
}

#sf li:hover ul, 
#sf li li:hover ul, 
#sf li li li:hover ul, 
#sf li li li li:hover ul,
#sf li.sfhover ul, 
#sf li li.sfhover ul, 
#sf li li li.sfhover ul,
#sf li li li li.sfhover ul{
	z-index: 100;
	left: 0;
}

#sf li:hover, #sf li.sfhover {
      left: 0;
}


#sf ul ul a {
background:none;
	
}

#sf li li.active {
	background: none;
}

#sf li:hover ul, 
#sf li li:hover ul, 
#sf li li li:hover ul, 
#sf li li li li:hover ul,
#sf li.sfhover ul, 
#sf li li.sfhover ul, 
#sf li li li.sfhover ul,
#sf li li li li.sfhover ul{

}
/*active classes*/

#sf ul li.active a.topdaddy, 
#sf ul li.on a.topdaddy  
{	background: url(../images/page/ss_sf_right.png) 100% 75% no-repeat;
}

#sf ul li.active a.topdaddy,
#sf ul li.active a.topdaddy:hover,
#sf li.active a,
#sf ul li.on a, 
#sf ul li.on a.topdaddy
{background: url(../images/page/ss_sf_right.png) 100% 75% no-repeat; 
}

#sf li.active, 
#sf li.on, 
#sf ul li.on .topdaddy {
background: url(../images/page/ss_sf_left.png) 0 75% no-repeat;
}

#sf li li.active, 
#sf ul li.active li a, 
#sf ul li.on li a{
	background: none; 
}

#sf ul li li,  
#sf ul li.on li, 
#sf ul ul li.active
{background: #000 url(../images/sf_menu/sf_sub-bg.png) repeat-y;}

#sf ul ul {padding-bottom:10px;background: url(../images/page/sf_submenu-bottom.png) bottom no-repeat;}
#sf ul li.active ul li a.daddy, #sf ul li.on ul li a.daddy, #sf ul li ul a.daddy {
/*sublevel more to come*/
	background: url(../images/page/sub_more.png) 100% 50% no-repeat;
padding:0;
}