@charset "utf-8";
/* CSS Document */
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
z-index:1;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: white;
background-color: #009;
border: 2px solid #009;
}

.hovermenu ul li a:hover{
background-color: #03F;
border-style: outset;
}

body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
.hovermenu a span{ 
display:none;
}

.hovermenu a:hover span {
	display: block;
	left:75%;
	position: absolute; top: 60%; width: 125px;
	padding: 5px; margin: 10px; z-index: 100;
	color: white;
	font: 1.2em Verdeana, san-serif; text-align: left;
	background-color:#203b5f;
	border: 2px solid black;
}
.menu{
left:15%;
margin-right:auto;
margin-left:auto;
z-index:1;
}

.contentarea{
position:absolute;
top:23%;
width:45%;
margin-left:auto;
margin-right:auto;
}
.body
{
position:relative;
Left:-100px;
top:0%;
width:45%;
background-color:#FFFFFF;
border: 2px solid black;
text-align:left;
margin-left:auto;
margin-right:auto;
z-index:-2
}

.h2{
font-weight:bold;
}