/* CSS Horizontal Popout Menu */

/* TOP LEVEL MENU ITEMS */
#menu {
	width: 770px;
	float: left;
	background:#676767;
	border-bottom: 1px solid #ffffff;	
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 7em;								/* TOP LEVEL ITEM WIDTH */
	float: left;
	color: #ffffff;	
}
#menu a, #menu h2 {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	display: block;
	margin: 0;	
	border-left: none;
	border-right: 1px solid #ffffff;	
	border-top: none;	
	border-bottom: none;	
	padding: 4px 0px 4px 10px;				/* top, right,  bottom, left */
}
#menu h2 {
	color: #ffffff;
	background: #000000;
}
#menu a {
	color: #ffffff;
	background: #676767;
	text-decoration: none;
	font:  0.7em 'arial', 'helvetica', 'sans-serif';
}
#menu a:hover {
	color: #C0D14F;
	background: #676767;
}
#menu li {position: relative;}

/* LEVEL1 SUBMENU ITEMS */
#menu ul ul {
	position: absolute;
	z-index: 500;
	width: 13em;							/* LEVEL1 ITEM WIDTH */	
}
#menu ul ul a{
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top: 1px solid #ffffff;
	padding: 4px 0px 4px 10px;				/* top, right,  bottom, left */	
	color: #ffffff;
	background: #4D8ECA;
	text-decoration: none;
}
#menu ul ul a:hover{
	color: #ffffff;
	background: #9CCCDC;
}

/* LEVEL2 SUBMENU ITEMS */
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
#menu ul ul ul a{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
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;}