/*
  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 {
	float: left;
	height: 32px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-left: 1px solid #7ea2d4;
	z-index: 20;
}

#suckerfishnav li {
	float: left;
	display: block;
	height: 32px;
	
}

#suckerfishnav li ul li {
	height: 24px;
	border-right: 0;

	width: 100%;
}

#suckerfishnav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 32px;
	font-size: 11px;
	font-weight: bold;
	color: white;
        text-decoration: none;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#suckerfishnav li a:hover {
		color: #ccc;
}

#suckerfishnav li.current_page_item a {
	background: #092e7c;
	color: white;
opacity:0.9;
}

#suckerfishnav li.current_page_item a:hover {
	
	color: #ddd;
}

#suckerfishnav ul {
	display: none;
	z-index: 99;
	position: absolute;
}

#suckerfishnav ul li a {
	display: block;
	background: #FFF;
}

#suckerfishnav li ul a:hover {
	display: block;
	background: #FFF;
}

#suckerfishnav ul a {
	display: block;
}

#suckerfishnav ul ul {
	margin-top: -27px;
	display: none;
	margin-left: 198px;
	position: absolute;
	border-left: 1px solid #7ea2d4;
	border-right: 1px solid #7ea2d4;
}

#suckerfishnav li:hover ul ul {
	display: none;
}
#suckerfishnav li:hover ul {
	display: block;
}
#suckerfishnav ul li:hover ul {
	display: block;
}
#suckerfishnav li ul li {
	display: block;
	width: 100%;
}

#suckerfishnav li.page_item ul {
	border-top: 2px solid #558ace;
	border-bottom: 1px solid  white;
	width: 200px;
}

#suckerfishnav li.page_item a {
	display: block;
}

#suckerfishnav li.page_item a:hover {
	display: block;
}

#suckerfishnav li.page_item ul li a {
	display: block;
	text-align: left;
	height: 24px;
	line-height: 24px;

	background: #d3edfb;
	padding-left: 15px;
	padding-right: 15px;

	font-size:11px;
	font-weight: bold;
	color: #29166f;
        text-decoration: none;
}

#suckerfishnav li.page_item ul li a:hover {
	display: block;
	text-align: left;
	height: 24px;
	line-height: 24px;
	background: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #a80028;
}