/*
  CSS generated via the Multi-level Navigation Plugin ... http://pixopoint.com/multi-level-navigation/

  If you would like a similar menu for your own site, then please try the PixoPoint Web Development
  CSS generator for creating flyout, dropdown and horizontal slider menus ... http://pixopoint.com/suckerfish_css/


*** Main menu CSS code ***/
#suckerfishnav 
{
	font-size:12px;
	font-family:Arial,verdana,sans-serif;
	font-weight:normal;	
        color: #ffffff;
	width:99%;
	padding-top: 0px;
text-align:center;
	z-index:1000;
}
#suckerfishnav
{
	font-size:12px;
	font-family:Arial,verdana,sans-serif;
	font-weight:bold;	
        color: #ffffff;
	float:left;
	list-style:none;
	line-height:12px;
	padding:0;
	padding-top: 0px;
	border:0px solid #aaa;
	margin:0;
	width:99%;
text-align:center;
	z-index:1000;
}
#suckerfishnav ul 
{
	float:left;
	list-style:none;
	line-height:12px;
	padding:0;
	padding-top: 0px;
	border:0px solid #aaa;
	margin:0;width:99%;
	z-index:1000;
}
#suckerfishnav a 
{
	display:block;
	color:#4d4d4d;
	font-family: verdana, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
padding: 3px 10px 3px 10px;
	border: #474747 0px solid;
}
#suckerfishnav li 
{
	float:left;
	padding:0;
border-right: 1px solid #dcdcdc;
height: 18px;
}
#suckerfishnav ul 
{
	position:absolute;
	left:-999em;
	height:auto;
	width:200px;
	font-weight:normal;
	margin:0;
	line-height:1;	
	border:0;
	border-top:0px solid #666666;	
}
#suckerfishnav li li 
{
	width:198px;
	border-bottom:0px solid #666666;
	border-left:0px solid #666666;
	border-right:0px solid #666666;
	font-weight:normal;
	font-family:arial, verdana,sans-serif;
}
#suckerfishnav li li a 
{
	padding:4px 10px;	
	width:188px;
	font-size:12px;
	color:#0000ff;
	font-family: verdana, arial;
font-weight: normal;
	border: 0;
}
#suckerfishnav li ul ul 
{	margin:-12px 0 0 200px;
}
#suckerfishnav li li:hover 
{	/*background:#fbfd06;*/
background:url("../multi-level-navigation-plugin/images/aktifbgbg.png") no-repeat left top;
color: #ffffff;
border-right: 1px solid #73ac4a;
}
#suckerfishnav li ul li:hover a
{
	color:#ffffff;
background:url("../multi-level-navigation-plugin/images/aktifbg.png") no-repeat left top;
}
#suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  	
{
	color:#ffffff;
}
#suckerfishnav li:hover a
{
	color:#4d4d4d;
/*background:url("../multi-level-navigation-plugin/images/test1-top.png") no-repeat right top;*/
}
#suckerfishnav li.sfhover a 	
{
	color:#ffffff;
}
#suckerfishnav li:hover li a
{
	color:#4e7526;
background:url("../multi-level-navigation-plugin/images/nonaktifbg.png") no-repeat left top;
}
#suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a 	
{
	color:#4d4d4d;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  
{
	left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  
{
left:auto;
background:url("../multi-level-navigation-plugin/images/test1.png") no-repeat left top;
width: 207px;
height: 184px;
padding: 10px 4px 0px 1px;
text-align: left;
}
#suckerfishnav li:hover 
{
/* ==================== menu parent efek tampil saat hover */
background:url("../multi-level-navigation-plugin/images/parent-green.png") no-repeat left top;
height: 18px;
border-right: 1px solid #4e971d;
text-align: left;
}
#suckerfishnav li.sfhover 
{
/* ==================== menu parent efek tampil stlh hover*/
/*background:url("../multi-level-navigation-plugin/images/parent-green.png") no-repeat left top;*/
height: 18px;
text-align: left;
border-right: 1px solid #4e971d;
}