﻿/*
  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 {<br>
background:#104770 url(&quot;../multi-level-navigation-plugin/images/suckerfish_blue.png&quot;) repeat-x;<br>
font-size:18px;<br>
font-family:verdana,sans-serif;<br>
font-weight:bold;<br>
}<br>
#suckerfishnav, #suckerfishnav ul {<br>
float:left;<br>
list-style:none;<br>
line-height:30px;<br>
padding:0;<br>
border:1px solid #aaa;<br>
margin:0;<br>
}<br>
#suckerfishnav a {<br>
display:block;<br>
color:#dddddd;<br>
text-decoration:none;<br>
padding:0px 10px;<br>
}<br>
#suckerfishnav li {<br>
float:left;<br>
padding:0;<br>
}<br>
#suckerfishnav ul {<br>
position:absolute;<br>
left:-999em;<br>
height:auto;<br>
width:151px;<br>
font-weight:normal;<br>
margin:0;<br>
line-height:1;<br>
-moz-opacity:0.85;<br>
opacity:0.85;<br>
khtml-opacity:0.85;<br>
border:0;<br>
border-top:1px solid #666666;<br>
}<br>
#suckerfishnav li li {<br>
width:149px;<br>
border-bottom:1px solid #666666;<br>
border-left:1px solid #666666;<br>
border-right:1px solid #666666;<br>
font-weight:bold;<br>
font-family:verdana,sans-serif;<br>
}<br>
#suckerfishnav li li a {<br>
padding:4px 10px;<br>
width:130px;<br>
font-size:12px;<br>
color:#dddddd;<br>
}<br>
#suckerfishnav li ul ul {<br>
margin:-21px 0 0 150px;<br>
}<br>
#suckerfishnav li li:hover {<br>
background:#9C1F1B;<br>
}<br>
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {<br>
color:#dddddd;<br>
}<br>
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {<br>
color:#dddddd;<br>
}<br>
#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 {<br>
color:#dddddd;<br>
}<br>
#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 {<br>
left:-999em;<br>
}<br>
#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 {<br>
left:auto;<br>
background:#444444;<br>
}<br>
#suckerfishnav li:hover, #suckerfishnav li.sfhover {<br>
background:#DA0909;<br>
}<br>
#suckerfishnav .current_page_parent {<br>
background:#B13733;<br>
}<br>
#suckerfishnav .current_page_item {<br>
background:#D31510;<br>
}<br>
#suckerfishnav .current_page_parent a:after, #suckerfishnav .current_page_parent li a:after, #suckerfishnav .current_page_parent li li a:after, #suckerfishnav .current_page_parent li li li a:after, #suckerfishnav .current_page_parent li li li li a:after {<br>
content:&quot;&quot;;<br>
}<br>
#suckerfishnav .current_page_parent a:after, #suckerfishnav li .current_page_parent a:after, #suckerfishnav li li .current_page_parent a:after, #suckerfishnav li li li .current_page_parent a:after {<br>
color:#000000;<br>
content:&quot;&quot;;<br>
}<br>
#suckerfishnav .current_page_item a:after, #suckerfishnav li .current_page_item a:after, #suckerfishnav li li .current_page_item a:after, #suckerfishnav li li li .current_page_item a:after, #suckerfishnav li li li li .current_page_item a:after {<br>
color:#000000;<br>
content:&quot;&quot;;<br>
}
