<style type="text/css"> 
.hovermenu ul{
font: bold 20px arial Arial, Helvetica, sans-serif;
padding-left: 0;
margin-left: 0;
height: 20px;
} 
.hovermenu ul li{
list-style: none;
display: inline;
padding: 3px;
} 
.hovermenu ul li a{
background-color: lightblue;
	color: black;
	padding: 3px;
	border-top: thin #00f solid;
	border-bottom:thin #00f solid;
	text-decoration: none;
		} 
.hovermenu ul li a:hover{
background-color: lightblue;
border-style: outset;
border-color: #eb0;
font-weight: bold;
	text-decoration: none;
	background-color: #eb0;
	color: blue;
	padding: 2px;
	border-width: 3px;             /* border : 3px  outset  #eb0 */
	border-style: outset;
	border-color: #eb0;
font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	margin: auto;
	display:inline
	align = "center";
	margin:auto;
	margine:inherit;
} 
html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
margin:6px;
}
</style>
 
