/*MAIN LEVEL LINK COLOR*/
#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 {top:0px;}
#menusystem a{
font-size:.9em;
color:#fff;
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 {
color: #fff;
}
/*MAIN LEVEL HOVER*/
#menusystem a:hover {
	color: #fff;
}
#menusystem li.active li a, #menusystem li li a, #menusystem li.on li a, #carousel li li a{	
/* SUB BUTTON FONT*/
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
color:#C55E2B;
font-size:1em;
}
/*SUB-LEVEL HOVER*/
#menusystem li ul a:hover,
#menusystem li.on ul a:hover {
color: #C55E2B;
font-weight:normal;

}
/*SUB-LEVEL EXPANDED*/
#menusystem li ul a,
#menusystem li.on ul a{
font-weight: normal;
border-right:0px;
}
#menusystem li ul a:hover,
#menusystem li.on ul a:hover,
#menusystem ul li.active ul a:hover
{font-weight:normal; text-decoration:underline;
}
/*SUB-LEVEL ACTIVE*/
#menusystem ul li.on ul li.on a, 
#menusystem ul li.on ul li.on a.parent,
#menusystem ul li.active ul li.active a.parent,
#menusystem ul li.active ul li.active a {
color: #C55E2B;
font-weight: normal;
text-decoration:underline;
}
#menusystem ul li.active ul li.active ul li a
{text-decoration:none;}


#menuframer{width:100%;height:80px;}

/*SuperSucker CSS for this Pure Joomla! Template*/

#menusystem{width:100%;position:relative; height:0px;	z-index:20;padding: 0px; margin-left:0px;margin-right:0px;	
}

/* hide unsupported 3rd+ levels */
#ss ul ul ul {left: -5000px;}

#ss {
position: absolute;
	margin: 0;
	height: 80px;
	overflow: hidden;
	left: 0;	
	width: 100%;
	top: 0px; 
	}

#ss ul {
	margin: 0;
	padding: 0;
	float: left;
	overflow:hidden;
	height:40px;
	padding-left:0px;
	}

#ss ul li a{ 
	height: 40px;
	line-height:40px;
	}
	
#ss li li,#ss li li.on {
	background: url(../images/ss_menu-subdiv.gif) 100% 0 repeat-x;
	}


#ss li ul{
	display: none;
	margin: 0;
	position: absolute;
	top:40px;
	left: 0px;
    width: 5000px;
	line-height: 40px;
	}

#ss a {
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	}


#ss li.on ul  {
	display: block;
	}

#ss li:hover ul, #ss li.iehover ul {
	display: block;
	z-index: 10000;
	}

#ss li a {
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;   
}

/* sub level links */

#ss ul li {
	border-right: 0;
	text-transform: none;
	}
	
#ss li ul a, 
#ss li.on ul a, 
#ss #current ul {
	display: block;
	float: left;
	background:none;
    margin-left: 0px;
	color:#C55E2B;
	
	}
	
#ss #current ul a, 
#ss #current ul, 
#ss #current .parent active a, 
#ss #current .parent active,
#ss li.active ul, 
#ss li.active li a {
	display: block;
	float: left;
    margin-left: 0px;
	color:#C55E2B;
	}


	
/*SS COLORED ELEMENTS*/
#ss {
	background: url(../images/ss_sf_bg.png) 0 0 repeat-x; 
	}
	
#ss li.iehover li a,
#ss li:hover li a, 
#ss li li.on a, 
#ss li li.on:hover a, 
#ss li li.over.on a {
	background:url(../images/ss_sf_bg.png) repeat-x 100% 100%;
	}
	
#ss #current ul a, 
#ss #current ul, 
#ss #current .parent .active a, 
#ss #current .parent .active,
#ss li.active ul, 
#ss li.active li a {
	background:url(../images/ss_sf_bg.png) repeat-x 100% 100%;
	}
	
#ss ul li ul {
	background:url(../images/ss_sf_bg.png) repeat-x 100% 100%;
	}
#nav a{
	background: url(../images/ss_sf_right.png) 100% 0% no-repeat;
	padding: 0 25px 0 25px;
	
	
}

#nav li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	padding-left: 0px;
	background: url(../images/ss_sf_right.png) 100% 0% repeat-x;
}

#nav a {
	background: url(../images/ss_sf_right.png) 100% 0% repeat-x;
	}

#nav li.parent a{
	background: url(../images/ss_sf_right.png) 100% 25% repeat-x;
	}

#nav li:hover a, #nav li.over a, #nav li.iehover a {
	background: url(../images/ss_sf_right.png) 100% 100% repeat-x;
	}

#nav li.active a, #nav li.on a{
	background: url(../images/ss_sf_right.png) 50% 75% repeat-x;
	}
