<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#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: gray;
	font-weight: bold;
	text-decoration: none;
	background: white url(images/menudivide.gif) top right repeat-y;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

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

.active {
	color: black;
	background-color: #FFFFFF;
	border-bottom: 4px solid black;
	padding-bottom: 0;
}
</style>
