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

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)
(IE6 deals with li:hover via sfhover.js)

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

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

ul#navigation li a, #navigation li .submit, #navigation li span {
	height: 1.8em;
        line-height: 1.8em;
        display:block;
        float:left;
	text-decoration: none;
	padding: 0 20px;
	color: tan;
}

ul#navigation li li a, ul#navigation li li span {
	width: 22em; /*           ****CHANGE-SUBMENU**** */
	text-align:left;
        height:auto;
        font: normal 0.8em Verdana;
        padding: 3px 0 4px 20px;
	color: saddlebrown;
	background-color: tan;
}


/* HOVER COLOURS */
/* Top-level hover */
ul#navigation li a:hover, ul#navigation span:hover, ul#navigation .submit:hover, ul#navigation li.sfhover a, ul#navigation li.sfhover .submit { 
	color: saddlebrown;
	background-color: tan;
}
ul#navigation li:hover a, ul#navigation li:hover span {
        color: saddlebrown;
        background-color: tan;
}

/* Submenu hover */
ul#navigation li li a:hover, ul#navigation li li span:hover, ul#navigation li li span.sfhover {
        color: tan;
        background-color: saddlebrown;
}


/* OTHER */
/* Hide submenu */
ul#navigation li ul {
	position : absolute;
	left: -999em;
}

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


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


/* IE < 7 */
ul#navigation li ul { /* Just to help IE6 along */
	width : 23em;
}


/* FORM STUFF */
ul#navigation form { display:inline; }

ul#navigation .text {
background:white;
border:none;
height:1.3em;
line-height:1.8em;
padding:0;
margin-top:0.5em;
#margin-top:0.3em;
_margin-top:0.35em;
margin-left:50px;
font-size:0.8em;
}