
/* Begin CSS Popout Menu */
/* Adapted from http://www.sperling.com/examples/menuh/ -- with thanks */

#menuh-container {
	position: absolute;		
	top: 9.5em;		/* Adjust to suite logo */
	left: 0em;
    font-size: x-small;
/*    font-weight: bold; */
    color: blue;
}

#menuh {
	font-family: arial, helvetica, sans-serif;
	width: 100%;
	float: left;
	margin: 1em;
	margin-top: 1em;
}
		
#menuh a {
	text-align: center;
	display: block;
	border: 1px solid darkred;
/*	border: 1px solid dodgerblue; */
	white-space: nowrap;
	margin: 0;
	padding: 0.2em;
}
	
#menuh a, #menuh a:visited {
	background-color: #f0f0f0;
	text-decoration: none;
}
	
#menuh a:hover {
    color: darkred;
/*    text-decoration: underline; */
    background-color: #e1e1e1;
}	
			
#menuh ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 10.0em;	/* Width of all first-level menu boxes */
}

#menuh ul ul {
	position: absolute;
	z-index: 500;
 	top: auto;
	display: none;
	padding: 1em;
	/* Initial offset of second level menu */
/* 	margin: -0.85em 0 0 -0.8em; */
 	margin: -0.85em 0 0 0em;
	width: 13.0em;	/* Width of all second-level menu boxes */
}

#menuh ul ul ul {
	top: 0;
	left: 100%;
	/* Initial offset of third level menu */
/*	margin: -1.10em 0 0 -0.75em; */
	margin: -1.10em 0 0 -0.50em;
	width: 14.0em;	/* Width of all third-level menu boxes */
}

#menuh ul ul a {
	text-align: center;
}

#menuh ul ul ul a {
/*	text-align: center; */
	text-align: left;
}

#menuh li {
	position: relative;
}

/*
 * The menu boxes need to overlap, particulary with IE, so that they
 * don't disappear when the cursor passes "between" menu items.
 */
#menuh ul ul li {
	margin: -0.05em 0 0 -0.2em;
}

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

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

#menuh a.child {
background-image: url("item_bg.gif");
background-repeat: repeat-x;
}

/* Attaches down-arrow to all top-parents */
#menuh a.top_parent {
/*	background-image: url(navdown_red.gif); */
/*	background-position: right center; */
/*	background-repeat: no-repeat; */
background-image: url("item_bg.gif");
background-repeat: repeat-x;
}

#menuh a.top_parent:hover {
	background-image: url(navdown_redx.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

/* Attaches side-arrow to all parents */
#menuh a.parent {
/*	background-image: url(nav_red.gif); */
/*	background-position: right center; */
/*	background-repeat: no-repeat; */
background-image: url("item_bg.gif");
background-repeat: repeat-x;
}

#menuh a.parent:hover {
	background-image: url(nav_redx.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

/* End CSS Popout Menu */
