/*
	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.
*/
#sfnav, #sfnav ul {list-style-type: none; margin: 0; padding: 0;} /*no bullet points*/
#sfnav a {width: 170px; display: block;} /*for the links, specified absolutely as we have a fixed width*/
#sfnav ul a {width: 170px;} /*the drop down menus can be wider*/
#sfnav li {float: left; width: 170px;} /*so Opera doesn't throw a wobbly*/
#sfnav ul li {width: 170px;} /*do this for Opera as well, to make the drop down menus wider*/
#sfnav li ul {position: absolute; width: 170px; left: -999em;} /*sub menus are shunted left*/
#sfnav li ul {margin: -1.5em 0 0 170px;} /*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.*/
#sfnav li:hover ul ul, #sfnav li:hover ul ul ul, #sfnav li:hover ul ul ul ul,
	#sfnav li.sfhover ul ul, #sfnav li.sfhover ul ul ul, #sfnav li.sfhover ul ul ul ul {left: -999em; }
#sfnav li:hover ul, #sfnav li li:hover ul, #sfnav li li li:hover ul, #sfnav li li li li:hover ul,
	#sfnav li.sfhover ul, #sfnav li li.sfhover ul, #sfnav li li li.sfhover ul,
	#sfnav li li li li.sfhover ul {left: auto;}


/*Background colour for sub menus*/
#sfnav li ul {background-color: #B4021F; border:2px solid white;}