<style type="text/css">

#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 6px 4px 6px;
	text-decoration: none;
	background-color: #243E3E;
	background-image: url(images/menudivide.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#underlinemenu ul li a:hover{
color: gray;
background-color: #243E3E;
border-bottom: 4px solid black;
padding-bottom: 0;
}

</style>
