/*
  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 ***/
#pixopoint_menu_wrapper1 {
	float:left;
	padding: 3px 0 13px 0;
	width: 154px;
	background: #CCFFCC;
	margin: 3px 0 20px 0;
	border-bottom: 1px solid #000000;
	}

#suckerfishnav, #suckerfishnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	font-size:12px;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	letter-spacing:-1px;
	text-align: left;
	width:151px;
	}

#suckerfishnav li { /* all list items */
	position : relative;
	float : left;
	padding-left: 3px;
	margin: 3px 0 3px 0;
	width: 96%;
	}

#suckerfishnav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 148px;
	margin-top : -25px;
	background:#CCFFCC;
	width: 200px;
	border: 1px solid #000000;
	padding: 0 0 3px 3px;
	}

#suckerfishnav li ul ul { /* third-and-above-level lists */
	left: -999em;
	background:#CCFFCC;
	width: 170px;
	border: 1px solid #000000;
	padding: 0 0 3px 3px;
	}

#suckerfishnav li a {
	display : block;
	color : #003399;
	text-decoration : none;
	border:1px solid #073582;
	background:#48D6A6;
	padding: 2px 0 2px 0;
	}

#suckerfishnav li a:hover {
	color : #000033;
	background: #00CC66;
	}

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

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}