/*
  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/
*/

#suckerfishnav {
font-size: 17px;
font-family: arial,sans-serif;
font-weight: bold;
width: 100%; 
}    

#suckerfishnav .children{
    background:#f4f8fb;
text-align:left; 

}

#suckerfishnav, #suckerfishnav ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:2px 0 0 25px;
width:800px;
}
#suckerfishnav a {
color:#11185A;
display:block;
margin:0;
padding:5px 10px;
text-decoration:none;
text-transform:lowercase;
}
#suckerfishnav li {
float:left;
margin-right:50px;
padding:0;
}
#suckerfishnav ul {
position: absolute;
left: -999em;
height: auto;
width: 155px;
font-weight: normal;
margin: 0;    
padding:0;
line-height: 1;
border: 0; 
}
#suckerfishnav li li {
    border:0 none;
    font-weight:bold;
    margin:0;
    padding:0;
    width:155px;
}
#suckerfishnav li li a {
    border-bottom:1px solid #C7C8CC;
    font-size:12px;
    line-height:14px;
    padding:5px 10px;
    width:135px;
}
#suckerfishnav li ul ul {
margin: -21px 0 0 150px;
}
#suckerfishnav li a:hover {
background:transparent url(../../themes/default/images/topNavHover.gif) repeat-x left top;
}

#suckerfishnav .children li{
    padding-bottom:0;
    text-align:left; 
}    

#suckerfishnav .children li a{
    font-weight:normal;
    text-transform:uppercase;   
}

#suckerfishnav .children li a:hover{
background:#fdfbf5 url(../../themes/default/images/menuHover.gif) repeat-x left top;
}



#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;
}
#suckerfishnav li:hover {
background: transparent url(../../themes/default/images/topNavHover.gif) repeat-x scroll left top
}
