div#menu {
	position:relative;
	left:0;
	width:9em;
	margin-top:1px;
}
/* ***********************************************************************************

Convertable Nestled list menu by DUNCAL Productions
 2007 by Duncan Hill and Alan Gresley
http://

Converts from a verticle menu with flyout submenus or a horizontal menu, with dropdown 
and then flyout submenus with a few changes in style where ****CONVERT**** appears.

Number 8 (with IE6 hacks and IE 7 hacks)

********************************************************************************* */

ul#navigation{
	font-size: 90%; /*          ****CHANGE**** change for larger or smaller font */
	position:absolute;
	left:0;
}
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul#navigation li { 
	line-height : 1.2em;
	position: relative;
	float: left;
}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#navigation li a, #navigation li span {
	display: block;
	text-decoration: none;
	width: 5em; /*          ****CHANGE-MENU**** */
	padding: 4px 0.5em;
}


ul#navigation li li a, ul#navigation li li span {
	width: 12em; /*           ****CHANGE-SUBMENU**** */
	text-align:left;
}

ul#navigation li li li a, ul#navigation li li li span {
	width: 14em; /*           ****CHANGE-SUBMENU**** */
}

ul#navigation li li.longitem li span {
	width: 16em; /*           ****CHANGE-SUBMENU**** */
}

ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;
}
#navigation li:active ul ul, #navigation li:active ul ul ul, #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}


#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}


/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#navigation li:hover ul, #navigation li a:focus ul, #navigation li.sfhover ul {
	top: 100%;
	margin-left: 0;
}
div#menu {
	width:100%;
}

/* Submenu arrow indicator */

#navigation span:hover, #navigation span.sfhover {
	cursor:default;
}