/*
  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; background: url(images/sjn_nav_bg.jpg) repeat-x; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 11pt; text-transform: uppercase; z-index: 100; margin-top: 0px; margin-left: 11px;}

#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 10px;text-shadow: 0.1em 0.1em 0.2em black;}

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

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

#suckerfishnav li li {	width:149px;border-bottom:1px solid #42362a;border-left:1px solid #42362a;border-right:1px solid #42362a;font-weight: normal; font-family:arial,sans-serif; text-transform: capitalize;}

#suckerfishnav li li a {padding:4px 10px; width:130px;font-size:10pt;color:#ffffff; text-shadow: none;}

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

#suckerfishnav li li:hover {background:#42362a;}

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

#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:#42362a; 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:#ffffff; z-index: 10000}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#42362a;}