/* CSS Document */


/*  These styles are for the dropdown menu   */
/*  They come from http://sperling.com/examples/menuh/    */
/*  Thank you Tedd !   */ 

#menuh-container {
	position: absolute;		
	}

/* -------- ALL MENU LEVELS ---------- */ 
#menuh {
	font-size: 1em;
	font-family: verdana, helvetica, arial, sans-serif;
	width:980px;
	float:left;
	margin:0 0 0 0;
/*	margin-top: 0;  */
	color:white;
	}
#menuh ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:20%; 	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menuh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}
#menuh li {
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}
div#menuh li:hover {
	cursor:pointer;
position:relative;
	z-index:2000;
	}
#menuh a {
	text-align: center;
	display:block;
	border: 1px solid #222;
	white-space:nowrap;
	margin:0;
	padding: 0.3em 0; 
	text-decoration:none;
	color:white;
	}
#menuh a:hover {
	background-color: #1A4F65 !important;    /*teal*/
	width:100%;
	}	



/* -------- TOP LEVEL MENU ---------- */	
#menuh li.top_parent, #menuh li.top_parent:hover {
text-align: center;
/*display:block;
border: 1px solid #222;
white-space:nowrap;  */
margin:0;
padding: 0.3em 0;
background-color: #303030;   /* dark gray */
}
#menuh li:hover {						/* top menu on mouse-over  */
	background-color: #1A4F65;  /*teal*/
	width:100%;
	}		

	
/* -------- SECOND LEVEL MENUS ---------- */	
#menuh a.parent, #menuh a.parent:hover { 	/* attaches side-arrow to all parents */
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-color:#505050;   /* med gray */
	}
#menuh ul ul {
	position:absolute;
	z-index:1000;
	top:28px;
	left:0px;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	width:99%;
	}
#menuh ul ul li a {   /* second level buttons */
	background-color:#505050;   /* med gray */
	}	
#menuh ul ul a:hover {
	width:99%;
	}
		
		
/* -------- THIRD LEVEL MENUS ---------- */	
#menuh ul ul ul {
	top:8px;
	left:100%;
	width:94%;
	}
#menuh ul ul ul li {  
	border-left:4px solid #1A4F65;      /* teal */
	}
#menuh ul ul ul li:hover {
	width:98%;
	}
#menuh ul ul ul li a  {      /* third level buttons */
	text-align:left;
	padding-left:12px;
	background-color:#707070;
	}
#menuh ul ul ul a:hover {
	width:92%;
	}
	

/*-------------------------------------*/

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;}

/* End CSS Drop Down Menu */