/**************************************/
/* formatting #menu div and level 1 ul */
/**************************************/
#menu {
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 155px;
}

/**************************************/
/* formatting the <h2> headings and the <a> anchors */
/**************************************/

#menu a, #menu h2 {
display: block;
margin: 0;
padding:0px;
}
#menu h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	font-weight: normal;
}
#menu a {
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:hover {
	color: #FFFF33;
}
#menu a.selected {
	font-weight: bold;
}

/**************************************/
/* Positioning the Pop-out Drops */
/**************************************/

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
	margin-left: 10px;
	font-size: 11px;
}

/**************************************/
/* Hiding and Revealing using :hover level 2 and 3*/
/**************************************/

/* this rule is overrun on the er pages*/
div#menu ul ul {
display: none;
}

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

div#menu ul li:hover ul ul,
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;}