/* Begin CSS Popout Menu */


#navMenu {
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	float: left;
}
		
#navMenu a
	{
	text-align: center;
	display:block;
	border: 1px solid #98CDFF;
	white-space: nowrap;
	margin: 0;
	padding: 0.2em;
	}
	
#navMenu a, #navMenu a:visited	/* menu at rest */
	{
	color: black;
	background-color: #98CDFF;
	text-decoration:none;
	}

#navMenu a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-color: cornflowerblue;
	}	

#navMenu a.top_parent, #navMenu a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#navMenu a.parent, #navMenu a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#navMenu ul {
	list-style:none;
	margin-top: 11px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	float: left;
	width: 80px;	/* max-width / #-menu-items  */
}

#navMenu li {
}

#navMenu ul ul
	{
	position: absolute;
	z-index: 500;
	top: auto;
	display: none;
	padding-top: 1em;
	padding-bottom: 0em;
	padding-left: 1em;
	padding-right: 0em;
	margin:-1em 0 0 -1em;
	text-align: left;
	width: auto;
	min-width: 80px;	/* same as width above */
	}

#navMenu ul ul li a {
	text-align: left;
}

#navMenu ul ul ul
	{
	top:0;
	left:100%;
	}

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

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

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

/* End CSS Popout Menu */