/* 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 {
	width: 150px;					/* width of menu boxes */
	text-align: left;
	font-size: 0.9em;
	float: left;
	clear: left;
	margin-bottom: 10px;
	word-wrap: break-word;	
}

#menu a	{
	display:block;
	padding: 0.2em;					/* expands menu box */
	border-bottom:1px solid #555;		/* adds bottom border */
	/*white-space:nowrap;*/				/* commented out to allow wrapping of menu items */
	text-decoration:none;				/* removes underlines from links */
	padding-left: 10px;
	color: #000;
	word-wrap: break-word;
	}


#menu a:hover	/* on mouse over -- all menus */
	{
	color: white;
	background: #A2C397;
	text-decoration:none;				/* removes underlines from links */
	}

#menu a.parent
	{
	padding-left: 10px;
	background-image: url("menup.gif");
	}

#menu a.parent:hover	/* attaches parent-arrow on all parents */
	{
	background-image: url("menup.gif");
	}


	
#menu li {
	float: left;
	width: 140px;
	list-style-type:none;	/* removes bullets */
	}

#menu ul li
	{
	position:relative;
	}

#menu li ul
	{
	position: absolute;
	top: 0;
	left: 140px;	/* distance from of left menus (should be same as width) */
	display: none;
	background: #f0ebff;
	border: 1px solid #555;
	}

div#menu ul, #menu ul ul, div#menu ul ul ul
	{
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 140px;			/* 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;
	}