/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

<!--[if IE]>

/* Moved Body Styles to Styles.css to work */
body {
	/* behavior: url(csshover.htc);  call hover behaviour file */
	/* font-size: 100%;  enable IE to resize em fonts */
} 
#menu ul li {
	float: left; /* cure IE5.x "whitespace in lists" problem */
	width: 100%;
}
#menu ul li a {
	height: 1%; /* make links honour display: block; properly */
} 
#menu a, #menu h2 {
	 /* if required use em's for IE as it won't resize pixels  font: bold 0.7em/1.4em; */
} 

<![endif]

/* Begin CSS Popout Menu */

#menu{
	width:100%;
	float:left;
	margin-left:20px;
}
#menu * {margin:0;padding:0;border:none;}

#menu a, #menu h2{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:black;
	display:block;
	white-space:nowrap;
}

#menu h2{  /* Main Menu Headings - Always visible */
	color:black;
	padding: 0 20px 0 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;	
}
#menu a{ /* Sub Menu Items - visible on drop down */
	background:#ebb00f;
	text-decoration:none;
}

#menu a, #menu a:visited{
	color:black;
	padding-left:8px;
	padding-right:5px;
	width:100%;	
		
}
#menu a:hover, div#menu h2 a:hover {
	color:white;
	text-decoration:underline;
	
}
#menu a:active{
	color:white;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	width:105px;
	float:left;	
}

#menu li{
	position:relative;
}


#menu ul ul{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	width:125px;
	padding-top:0px;
	border-width: 1px;
	border-style: solid;
	border-color: white;
	border-top-width: 0px;
	border-right-width: 0px;
}
#menu ul ul ul{
	top:0;
	left:100%;
}


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{  /* Format of top menu with Mouse Over */
	text-decoration:none;
	font-size:10pt;
}

div#menu li:hover{
	cursor:pointer;
	z-index:100;
	
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul {
	display:none;
}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul{
	display:block;
}

/* End of non-anchor hover selectors */