.horizontalcssmenu ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
	/*position: relative;*/
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display:block;
	width: 100px; /*Width of top level menu link items*/
	padding: 5px 0px;
	border: 0px solid #202020;
	border-left-width: 0;
	text-decoration: none;
	background:inherit;
	color: Black;
	font: 12px arial, verdana, tahoma;
	text-align: center;
}

/*When moving the cursor into the horizontal menu*/
.horizontalcssmenu ul li:hover > a{
	background: #FFFFFF;
	font: 12px arial, verdana, tahoma;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

/*Sub level menu*/
.horizontalcssmenu ul li > ul { 
    display: none; 
}
.horizontalcssmenu ul li:hover > ul { 
    display: block;
    position: absolute; /*This is the detail that makes it appear just below*/
    top: 155px;
    left: 15px;
}
.horizontalcssmenu ul li ul li {
    float:left;
    position:relative;
}
.horizontalcssmenu ul li ul li a{
	display:block;
	width: 300px; /*Width of top level menu link items*/
    background: #FFFFFF;
	padding: 5px 0px;
	border: 0px solid #202020;
	border-left-width: 0;
	text-decoration: none;
	color: Black;
	font: 10px arial, verdana, tahoma;
	text-align: center;
}

.horizontalcssmenu ul li ul li a:hover{
	background: #66996C;
	font: 10px arial, verdana, tahoma;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */