/* This is the css doc for the dropdown menus */




#menu {
	
	width: 750px;
	top: 1px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}


#menuh-container
	{
	
	top: -15px;
	
	width: 100%;
	z-index: 500;
	height: 25px;
	visibility: visible;

	}

/* this changes the header of the table*/
/* changing the font size from 12pt to 9pt makes it look good in firefox.  But reduce the 0.7em to 0.9 em in the header of the index*/
#menuh
	{
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	border: 0px solid #555;
	
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #333333;
	white-space:nowrap;
	margin:0px;  /*this along with the padding setting adjusts the gap in the drop down menus
					adjusted so that it works for firefox and IE6 The padding was the key as margin =0 didn't work on it's own*/
	padding: 3.5px;
       	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: yellow;
	
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #ffffff;
	background-image: url(../images/btn_images/press.gif);
	text-decoration: underline;
}	
			

	
	
	


#menuh ul
	{
	list-style:none;
	margin:0px;
	float:left;
	width: 120px;	/* width of all menu boxes. can be set as a percentage */
	empty-cells: hide;
	table-layout: auto;
	color: #0033FF;
	padding: 0px;	
	}

#menuh li
	{
	position:relative;
    background-image: url(../images/btn_images/button.gif);
	
	}


/* this changes the dropdown menus*/
#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:23px; /* this changes the top position of the dropdown menus*/
	display:none;
	padding: 0px;
	margin:  0px;
	height: 20px;
	left: 20px;
	visibility: visible;
	
	}
/* this changes the sub-dropdown menus*/
#menuh ul ul ul
	{
	top:0;
	left:100%;
    margin: 0.1em 0 0 0em; /* the -1 changes the position of the flyout menus*/

	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:500;

	}

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

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