.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: "Trebuchet MS" sans-serif;
	font-size:13px;
	font-weight:bold;
	}
.menu a{
	background:#eae8dc;
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
	}
.menu ul{
	background:#eae8dc;
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
	}

.menu ul ul ul {
	position: absolute;
	visibility: hidden;
	left: 10em;
	top: 5px;
	}
.menu li:hover > ul {
  visibility: visible;
}


/* beginning of horizontal css - menu is vertical without this code*/	
.menu li{
		float:left;
		padding:0px;
		position: relative;
		}
/* ending of horizontal css*/	

.menu li a{
		background:#eae8dc;
		color:#003366;
		display:block;
		font-weight:bold;
		line-height:50px;
		margin:0px;
		padding:0px 12px;
		text-align:center;
		text-decoration:underline;
		border: 0px;
		}
.menu li a:hover, .menu ul li:hover a{
			background: #f1efe5;
			color:black;
			text-decoration:none;
			position: relative;
			}
	.menu li ul{
		background:#eae8dc;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li li li li{
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}		
	.menu li:hover li a{
		background:none;
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding-left: 10px;
		text-align:left;		
		border-bottom: solid 1px #b2b0a2;
		border-top: solid 1px #fbf8e4;
		}
		.menu li ul a:hover, li ul li:hover a{
			background:#f1efe5;
			border-bottom: solid 1px #b2b0a2;
			border-top: solid 1px #fbf8e4;
			color:black;
			text-decoration:none;
		}
	.menu p{
		clear:left;
		}	
	
	.menu li li li li a:hover .menu ul li ul li ul li {
	display: block;
	}
	
/*Mouseover: display second level or third level pop-up*/

.menu li:hover ul, .menu li:hover li:hover ul {
  visibility: visible;
}
/* Hide third level menu when the mouse is over the first level li*/
.menu li:hover ul ul {
	visibility: hidden;
}

/*Mouseover: display second level or third level pop-up*/

.menu li:hover ul, #menuContainer li:hover li:hover ul {
  visibility: visible;
}