/*
  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 { float:left; list-style:none; padding:0 0 0 20px; margin:0; width:100%; z-index:999 !important; }

#suckerfishnav a { display:block; color:#f2faff; text-decoration:none; padding:15px; height:27px; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; }

/*-- Home link --*/ #suckerfishnav li.page-item-2 a { width:42px; }
/*-- About link --*/ #suckerfishnav li.page-item-5 a { width:82px; background:url('http://www.hacdalbany.org/wp-content/themes/hacd2011/images/about_heb.png') 0px -60px no-repeat; }
/*-- Teaching and Learning link --*/ #suckerfishnav li.page-item-7 a { width:168px; background:url('http://www.hacdalbany.org/wp-content/themes/hacd2011/images/teaching_heb.png') 0px -60px no-repeat; }
/*-- Parents link --*/ #suckerfishnav li.page-item-15 a { width:70px; background:url('http://www.hacdalbany.org/wp-content/themes/hacd2011/images/parents_heb.png') 0px -60px no-repeat; }
/*-- Alumni link --*/ #suckerfishnav li.page-item-17 a { width:66px; background:url('http://www.hacdalbany.org/wp-content/themes/hacd2011/images/alumni_heb.png') 0px -60px no-repeat; }
/*-- Admissions link --*/ #suckerfishnav li.page-item-13 a { width:98px; background:url('http://www.hacdalbany.org/wp-content/themes/hacd2011/images/admissions_heb.png') 0px -60px no-repeat; }
/*-- Giving link --*/ #suckerfishnav li.page-item-110 a { width:61px; background:url('http://www.hacdalbany.org/wp-content/themes/hacd2011/images/giving_heb.png') 0px -60px no-repeat; }
/*-- Community link --*/ #suckerfishnav li.page-item-21 a { width:117px; background:url('http://www.hacdalbany.org/wp-content/themes/hacd2011/images/community_heb.png') 0px -60px no-repeat; }

#suckerfishnav li.page-item-5 a:hover,
#suckerfishnav li.page-item-7 a:hover,
#suckerfishnav li.page-item-13 a:hover,
#suckerfishnav li.page-item-15 a:hover,
#suckerfishnav li.page-item-17 a:hover,
#suckerfishnav li.page-item-21 a:hover,
#suckerfishnav li.page-item-110 a:hover { background-position:0px -25px; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; padding:30px 15px 0 15px; height:27px; }

#suckerfishnav li { float:left; padding:0; margin:2px 0 0 0; }

#suckerfishnav ul { position:absolute; left:-999em; height:auto; width:200px; border:0; border-bottom:1px solid #002236; }

#suckerfishnav li li { width:199px; margin-top:0; margin-bottom:0; border-left:1px solid #002236; border-right:1px solid #002236; border-bottom:1px dotted #002236; }
#suckerfishnav li li a { padding:5px 10px 5px 10px !important; width:180px !important; color:#002236; height:1% !important; overflow:hidden; font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif !important; font-weight:normal !important; background:none !important; text-align:left !important; }

#suckerfishnav li ul ul { margin:-21px 0 0 200px; }

#suckerfishnav li li:hover { background:#bfe6ff; }

#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:#002236; }

#suckerfishnav li:hover a,
#suckerfishnav li.sfhover a { color:#bfe6ff; }

#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:#002236; }

#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; border-top:1px solid #002236; }

#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:#ffffff; padding:0; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80;
 }

#suckerfishnav li:hover,
#suckerfishnav li.sfhover { }
