body {
	behavior: url(/include/csshover.htc);
}
#menu {
	width: 780px; /* set width of menu */
	background-color: #006699;
	float: left;
	font-weight:bold;

} 

#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:5;
	border: 0;	
	display:block;

	float:left;
	clear:none;
}

#menu ul li{display:block; clear:none; position:relative;}



#menu ul ul li{display:block; }
/* style, color and size links and headings to suit */
#menu a, #menu h2 {
	font: 12px arial, helvetica, sans-serif; 
	color:#FFFFFF;
	display: block;
	font-weight:bold;
	margin: 0;
	padding: 2px 6px;
	z-index:5;
}

#menu h2 {
	color: #ffffff;
	background-color: #669933;
	text-transform: uppercase;
	z-index:5;
	font-weight:bold;
}

#menu a {
	color: #ffffff;
	text-decoration: none;
	z-index:5;
	
}

#menu a:hover {

	z-index:0;
}
#menu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
	float:left;
	font-weight:bold;
	clear:left;
	
	/*z-index:0;  turned this off so overlap would not 'underlap'*/
} 
#menu ul ul ul li{color:#006699; border:1px solid #ffffff;background-color:#FFFFFF; float:left; clear:left; width:163px;}
#menu ul ul ul a{color:#006699; border:1px solid #ffffff;  }

#menu ul ul ul a:hover{color:#ffffff; background-color:#006699;}

#menu ul ul ul {
	position: absolute;
	top: 18px;
	left:0; /* to position them to the right of their containing block */
	display:none;
	z-index:80;
	padding-left:0px;
	border:1px solid #006699;
	float:left;
	width:165px;
	background-color:#FFFFFF;


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

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


#menu a.x, #menu a.x:visited{
	height:100%;
}

#menu a.x:hover{
	color: #999999;
	
}

#menu a.x:active{
	color: #999999;
	
}