/*
  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:100%; }

#suckerfishnav,
#suckerfishnav ul { list-style:none; padding:0; margin:0; width:100%; z-index:100; }

#suckerfishnav li { padding:0; margin:0; list-style:none; }

#suckerfishnav a { display:block; color:#ffffff; background:#7d9bbd url('http://beth-el-massapequa-org.myhostcontrol.com/~massapeq/wp-content/themes/autumntrees/images/nav_bg.gif') left repeat-y; text-decoration:none; padding:5px 10px; border-bottom:1px solid #ffffff; }
#suckerfishnav a:hover { background:#7d9bbd; }

#suckerfishnav ul { position:absolute; left:-999em; height:auto; width:200px; margin:0; border:0; border-top:1px solid #7d9bbd; }

#suckerfishnav li li { width:198px; border-bottom:1px solid #7d9bbd; border-right:1px solid #7d9bbd; border-left:1px solid #7d9bbd; }
#suckerfishnav li li a { padding:4px 10px; width:178px; color:#ffffff; }

#suckerfishnav li ul,
#suckerfishnav li ul ul { margin:-33px 0 0 200px; display:none; position:absolute; }

#suckerfishnav li li:hover { background:#7d9bbd; }

#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:#7d9bbd; text-decoration:underline; }

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

#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:#000000; background:#ffffff; }

#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; display:block; }

#suckerfishnav li:hover,
#suckerfishnav li.sfhover { background:#7d9bbd; }