/*
	Suckerfish menu, Paul 8/6/2006
	This is for the Suckerfish menu from http://www.htmldog.com/articles/suckerfish/dropdowns/
	The sfhover class is produced by Javascript whenever a menu item is rolled over so that it
	will work in Internet Explorer as well.
*/

ul.sfnav, ul.sfnav ul {list-style-type: none; margin: 0 0 0 2px; padding: 0;  z-index: 20;} /*no bullet points*/
ul.sfnav a {width: 175px; color: #444; display: block;  text-decoration: none;  padding: 4px 0 4px 0;} /*for the links, specified absolutely as we have a fixed width*/
ul.sfnav ul a {width: 175px;} /*the drop down menus can be wider*/
ul.sfnav li {float: left; width: 175px; font-size: 0.9em;} /*so Opera doesn't throw a wobbly*/
ul.sfnav ul li {width: 175px;} /*do this for Opera as well, to make the drop down menus wider*/
ul.sfnav li ul {position: absolute; width: 141px; left: -999em;} /*sub menus are shunted left*/
ul.sfnav li ul {margin: -2.3em 0 0 175px;} /*move sub sub menus out to the right*/
/*The next two lines start the menus off screen and move then on screen into the right place when the mouse is*/
/*hovering. "auto" works in Opera, sfhover is for IE. This caters for four levels of drop downs.*/


ul.sfnav li ul {width: 240px;} /*wider sub  menus*/
ul.sfnav li ul li {width: 240px;} /*wider sub menus*/
ul.sfnav li ul li a {width: 235px;} /*wider sub menus*/
ul.sfnav li ul ul {margin: -2.3em 0 0 240px;} /*sub sub menus go 240px*/ 

ul.sfnav li ul ul {width: 175px; display: none;} /*sub sub menus narrower again*/ 
ul.sfnav li ul ul li {width: 175px;} /*sub sub menus narrower again*/ 
ul.sfnav li ul ul li a {width: 170px;} /*sub sub menus narrower again*/ 
ul.sfnav li ul ul ul {margin: -2.3em 0 0 240px;} /*sub sub sub menus go 175px*/ 



ul.sfnav li:hover ul ul, ul.sfnav li:hover ul ul ul, ul.sfnav li:hover ul ul ul ul,
	ul.sfnav li.sfhover ul ul, ul.sfnav li.sfhover ul ul ul, ul.sfnav li.sfhover ul ul ul ul {left: -999em; }
ul.sfnav li:hover ul, ul.sfnav li li:hover ul, ul.sfnav li li li:hover ul, ul.sfnav li li li li:hover ul,
	ul.sfnav li.sfhover ul, ul.sfnav li li.sfhover ul, ul.sfnav li li li.sfhover ul,
	ul.sfnav li li li li.sfhover ul {left: auto;}

/*These styles deal with the look and feel of the menu*/
 /*mainmenu when these are hovered over*/
ul.sfnav li:hover, ul.sfnav li.sfhover  {background: #D0DFEA;}

/*sub menu when PARENT item are hovered over*/
ul.sfnav li ul li, ul.sfnav li ul li  {background: #B6CDDE; padding-left: 2px; }
/*sub menu when THE item are hovered over*/
ul.sfnav li ul li:hover, ul.sfnav li ul li.sfhover  {background: #D0DFEA;} /*sub menu when these are hovered over*/
ul.sfnav li ul li a:hover, ul.sfnav li ul li a:hover { color: #444;}
/*Fix for IE7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/
ul.sfnav li:hover, ul.sfnav li.sfhover {position: static;}


ul.sfnav li ul {background: #eee;} /*flyout menus*/

/*
The problem of relative and ever shrinking font sizes with nested li li is asddressed here:
http://www.thescripts.com/forum/thread98150.html
*/
ul.sfnav li ul li {font-size: 1em;}
#sidebar_menu li{border-top: 1px dotted #ddd; padding: 3px 0 3px 2px; }


/*A fix for Suckerfish dropdowns in IE 7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/
ul.sfnav li:hover, ul.sfnav  li.hover {
    position: static;
}