/*
  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 ***/
/* Top level */
#suckerfishnav {
	float:left;
	background:#000;
	width:100%;
	height:25px;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	width:100%;
}
#suckerfishnav li {
	float:left;
	padding:0;
	margin:0;
	height:25px;
	font-size:16px;
	font-family:helvetica;
	font-weight:normal;
	line-height:25px;
	position:relative;
	z-index:90;
}
#suckerfishnav li:hover,
#suckerfishnav li.sfhover {		/*main hover*/
	background:#a4be9c;
}
#suckerfishnav li:hover a,
#suckerfishnav li.sfhover a {
	color:#000;
}
#suckerfishnav li a {
	display:block;
	color:#d4e0c2;
	text-decoration:none;
	padding: 0px 30px;
}

/* Dropdown */
#suckerfishnav li.sfhover ul,
#suckerfishnav li:hover ul {
	left:0;
}
#suckerfishnav li ul {
	list-style:none;
	position:absolute;
	left:-999em;
	height:auto;
	width:128px;
	margin:0;
	padding:0;
	border:0;
}
#suckerfishnav li li {
	height:auto;
	line-height:18px;
	width:128px;
	font-weight:normal;
	font-family:helvetica;
}
#suckerfishnav li li a {				/*sub menu styles*/
	padding: 3px 30px;
	width:80px; 						/*sub boxes*/
	font-size:14px;
	color:#000;
}
#suckerfishnav li li.sfhover,
#suckerfishnav li li:hover {
	background:#a4be9c;
}
#suckerfishnav li.sfhover li.sfhover a,
#suckerfishnav li:hover li:hover a {
	color:#000;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
	color:#000;							/*sub menu*/
}
#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.sfhover ul,
#suckerfishnav li:hover ul {
	left:0;
	background:#d4e0c2;
}
