/*
  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 {
width:982px; color: #0a58f6; 
font-family: Trebuchet MS,Verdana,Arial; font-size: 10pt; text-transform: uppercase; 
z-index: 100; margin-top: 0px; margin-left: 10px;
}

#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:45px;padding:0;margin-top: 0px; width:982px;}

#suckerfishnav a {display:block; color:#ffffff; text-decoration:none;padding:0px 14px;text-shadow: 0.1em 0.1em 0.2em black;}

#suckerfishnav li {float:left;padding: 0px; }

#suckerfishnav ul {position:absolute;left:-999em; width:170px;height:auto;font-weight:normal;margin:0;line-height:1;	border:0;border-top:1px solid #FFFFFF; }

#suckerfishnav li li {position:relative;width:168px;border-bottom:2px solid #000000;border-left:2px solid #000000;border-right:10px solid #4982f5;font-weight: normal; font-family:Trebuchet MS,Verdana,Arial; text-transform: capitalize;}

#suckerfishnav li li a {
position:relative;font-family:Trebuchet MS,Verdana,Arial; width:140px;font-size:10pt;color:#F85802; text-shadow: none;
}

#suckerfishnav li ul ul {margin:-22px 0 0 150px; z-index: 100;}

#suckerfishnav li li:hover {
        background: url(images/nav-backgr-hover.png) repeat-x;
        color: #0a58f6;
        display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
}

#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  {color:#F85802;}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#F85802;}

#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:#FFFFFF; text-shadow: none;
}

#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;background:#0a58f6 top left repeat-x; 
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#0a58f6 top left repeat-x;
        display: block; height:auto;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
}