/* CSS Document Credit - http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp */

body {
behavior: url(csshover.htc);
}

#menu {
	position:absolute;
	width:500px;
	left:271px;
	top:31px;
}

#menu ul{
list-style: none;
margin: 0;
padding: 0;
width:8em;
padding-right:3px;
float: left;
	font-size:12px;	
	padding-bottom:2px;	
}

/*
#NavHome, #NavMap, #NavAbout{
	width:7em;
}

#NavBuildings, #NavContact{
	width:80px !important;
}
*/

#menu a, #menu h2 {
font: bold 12px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;

}

#menu h2 {
color:#768ea5;
}

#menu a {
color:#768ea5;
text-decoration: none;
}

#menu h2 a:hover {
background: none;
text-decoration: underline;
}


#menu a:hover {
background: #fff;
text-decoration: underline;
}

/*secondary flyouts appear in correct position */

#menu li {position: relative;}

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

/* display above other elements on page */
#menu ul ul {
position: absolute;
width:14em;
z-index: 500;
}

#menu ul ul a {
	font-size:11px;
	font-weight:normal;
	background: #efefef;	
}

/* hiding dropdowns */

div#menu ul ul {
display: none;
}

/* revealing and hiding dropdowns */
div#menu ul li:hover ul
{display: block;}

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

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