/* CSS Popout Menu */

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

#menu {
	position:absolute;				/* position, size, and text of the menu */
	top: 0px; left: 0px; z-index: 10;
	width: 235px;					/* width of menu boxes */
	text-align: center; font-size: 20px; font-family: "Trebuchet MS", Tahoma, Verdana, "Geneva CE", lucida, sans-serif; font-weight: bolder; 
}

#menu a {
	display:block;
	padding: 0.2em;					/* expands menu box */
	border-bottom:1px dotted #555; 	/* adds bottom border */
/*	white-space:nowrap; */
	}

#menu a, #menu a:visited {				/* menu at rest */
	color: #ffffff; background-color: transparent; background: url(bck_1_black.gif); 
    text-decoration:none;				/* removes underlines from links */
}

#menu a.parent {	/* attaches parent-arrow on all parents */
	color: #ffffff; background-color: transparent; background: url(bck_1_black.gif); 
/*	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat; */
}

#menu a:hover {	/* on mouse over -- all menus */
	color: #000000; background-color: #ffffff;
    background: url(bck_1_lgray.gif);
	}
	
#menu a.parent:hover {
	color: #000000; background-color: #ffffff; 
}

#menu li { list-style-type:none; } /* removes bullets */
#menu ul li { position:relative; }

#menu li ul { position: absolute; top: 0;
	left: 235px;	/* distance from of left menus (should be same as width) */
	display: none;
}

div#menu ul, #menu ul ul, div#menu ul ul ul {
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 235px;			/* width of sub menus */
}

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