/*
  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 {background-color:BBDBE8;font-family:verdana,sans-serif;font-weight:bold;font-size:1.1em;}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:1;border:0px solid #aaa;padding:0;margin:156px 0 0 120px;width:871px;}/*can specify a fixed width here if you want, ie: width:30em;*/
#suckerfishnav a {display:block;color:#1E495A;text-decoration:none;padding:0.3em .5em;}/*can specify a fixed width here for each first level button if you want, ie: width:10em; You must also modify the #suckerfishnav li as well*/
#suckerfishnav li {float:left;padding:0;border:1px solid #85c2da;background-color:#fffbf2;}/*can specify a fixed width here for each first level button if you want, ie: width:10em; You must also modify the #suckerfishnav a as well*/
#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:10em;font-weight:normal;;margin:0;}
#suckerfishnav li li {padding-right:0em;width:9.2em;border-top:1px solid #aaa;}
#suckerfishnav li li a {padding:0.2em 0em;}
#suckerfishnav li ul a {width:9em;}
#suckerfishnav li ul ul {margin:-1.50em 0 0 10em;}
#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 {left:auto;background-color:#AAA185;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background-color: #80C9EC;}