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

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#mainmenu {
	font: normal bold 13px Arial, Helvetica, sans-serif;
	
	list-style: none;
	
}

ul#mainmenu ul {
	background: white;
	margin: 0;
	padding: 0;
	/*filter:alpha(opacity=93);
	opacity: 0.93;
	-moz-opacity:0.93;
	z-index: 99999;*/
}


ul#mainmenu li {
	position: relative;
	float: left;
	z-index: 14;
	background: url(../../img/menu_border.jpg) no-repeat scroll top right;
	padding-left: 3px;
	padding-right: 3px;
	z-index: 99999;
}

ul#mainmenu li.hassub { background: url(../../img/menu_arrow.jpg) no-repeat scroll top right; padding-right: 18px; }
ul#mainmenu li.hassub li, ul#mainmenu li.hassub.last li { background: none; padding-right: 0; }

ul#mainmenu li.first, 
ul#mainmenu li.first a { padding-left:0px; }

ul#mainmenu li ul li { padding: 0; }
ul#mainmenu li li a { padding: 0; padding: 3px !important; margin: 0; }


ul#mainmenu li.last, ul#mainmenu li.hassub.last {
	border-right: none !important;
	z-index: 14;
	/* background: url(../../img/menu_arrow_last.jpg) no-repeat scroll top right;  */
	padding-right: 14px;
}

ul#mainmenu ul li.hassub.last { padding-right: 0; }

ul#mainmenu li a.on { font-weight:bold;}

ul#mainmenu li.last {
	border-right: none;
	z-index: 99999;
}

ul#mainmenu li.active a {
	color: #0a4286;
	z-index: 99999;
}

ul#mainmenu li.active li a {
	color: #333;
	z-index: 99999;
}

ul#mainmenu li ul {
	width: 126px;
	list-style: none;
	z-index: 99999;
}

ul#mainmenu li ul li {
	width: 126px;
	z-index: 99999;
	border-bottom: 1px solid #ddd;
}

ul#mainmenu>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
	border: 0 none;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #0a4286;
	z-index: 99999;
	
}

#mainmenu li a, #mainmenu li span {
	display: block;
	text-decoration: none;
	/* color: #333; */
	padding: 0 6px;
	z-index: 99999;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
}

ul#mainmenu li li a, ul#mainmenu li li span {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	width: 120px;
	text-align:left;
	z-index: 99999;
}

ul#mainmenu li li a:hover {
	width: 120px;
	z-index: 99999;
	color:  #1055a0;
	background: #ddd !important;
}

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

/* } */

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

/*ul#mainmenu li a:hover, ul#mainmenu ul li:hover a:hover, ul#mainmenu li span:hover, ul#mainmenu ul li:hover span:hover, ul#mainmenu li span.sfhover, ul#mainmenu ul li.sfhover span.sfhover {  The hovered style for submenus 
	color: #1055a0;
	

}*/

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

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

/* Submenu arrow indicator */

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