/* 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 */

/*body
	{
	margin: 0;
	padding: 0;
	color: white;
	font-size: 100.01%;
	}*/

#menu
	{
	/*position:absolute;				 position, size, and text of the menu */
	/*top:110px;*/
	/*left:6em;*/
	z-index: 10;
	width: 110px;					/* width of menu boxes */
	text-align: left;
	font-size: 12px;
	font-family: sans-serif;
	}

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

#menu a, #menu a:visited				/* menu at rest */
	{
	color: black;
	background-color: white;
	text-decoration:none;				/* removes underlines from links */
	}

/*#menu a.parent, #menu a.parent:hover 	 attaches parent-arrow on all parents 
	{
	background-image: url(../graphics/catalog/bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}*/

#menu a:hover	/* on mouse over -- all menus */
	{
	color: white;
	background-color: #999999;
	}

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

#menu ul li
	{
	position:relative;
	}

#menu li ul
	{
	position: absolute;
	top: 0;
	left: 110px;	/* distance from of left menus (should be same as width) */
	display: none;
	}
	
div#menu ul
	{
	margin:0;			/* keeps the menu parts together */
	padding:0;
	}

div/*#menu ul,*/ #menu ul ul, div#menu ul ul ul
	{
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 250px;			/* width of sub menus */
	background-color: white;
	border-bottom:1px solid #555;
	border-top:1px solid #555;
	font-size: 10px;
	}
	
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;
	}