<style type="text/css">
div.container
{
border:10px solid gray;
}
div.header
{
padding:0.5em;
color:white;
background-color:gray
}
div.footer
{
font-size:13;
padding:0.5em 1em 0.5em 1em;
color:white;
background-color:gray;
clear:left;
}

h1.header
{
padding:0;
margin:0;
}

div.bodytext {
	font-size:13px;
}


div.content
{
font-family: sans-serif;
border-left:3px solid gray;
border-right:3px solid gray;
padding:2%;
}
div.image
{
float:right;
padding-top:0.8%;
padding-right:3.5%;
padding-bottom:2%;
padding-left:2%;
display:inline;
}
#hbar
{
width: 91%;
}
#hbar ul
{
float:center;
margin:0% 0% 0% 11%;
padding:0% 0% 6% 0%;
list-style-type:none;
}
.class1 a
{
float:left;
width:22%;
text-decoration:none;
color:white;
background-color:gray;
padding:0.5% 1%;
border-top:2px solid gray;
border-bottom:2px solid gray;
border-left:2px solid gray;
border-right:1px solid white;
text-align:center;
}
.class1 a:hover
{
background-color:#444444;
color:white;
border-top:2px solid #444444;
border-bottom:2px solid #444444;
border-right:1px solid white;
border-left:2px solid #444444;
}
.class1 a:active 
{
background-color:#555555;
color:white;
border-top:2px solid #555555;
border-bottom:2px solid #EEEEEE;
border-left:2px solid #EEEEEE;
border-right:1px solid white;
}
.class2 a
{
float:left;
width:22%;
text-decoration:none;
color:black;
background-color:#AAAAAA;
padding:0.5% 1%;
border-top:2px solid #AAAAAA;
border-bottom:2px solid #AAAAAA;
border-left:2px solid #AAAAAA;
border-right:1px solid white;
text-align:center;
}
.class2 a:hover
{
background-color:#444444;
color:white;
border-top:2px solid #444444;
border-bottom:2px solid #444444;
border-right:1px solid white;
border-left:2px solid #444444;
}
.class2 a:active 
{
background-color:#555555;
color:white;
border-top:2px solid #555555;
border-bottom:2px solid #EEEEEE;
border-left:2px solid #EEEEEE;
border-right:1px solid white;
}
.class3 a
{
float:left;
width:19%;
text-decoration:none;
color:white;
background-color:#555555;
padding:0% 0%;
border-right:1px solid white;
text-align:center;
}
.class3 a:hover
{
background-color:#555555;
}
.class3 a:active 
{
background-color:#555555;
}

li
{
font-family: sans-serif;
font-size:0.9em;
}

#hbar li 
{
font-size:12pt;
font-family: sans-serif;
display:inline;
}
#fbar ul
{
float:left;
width:30%;
margin:0% 0% 0% 0%;
padding:0;
list-style-type:none;
}
#fbar li 
{
font-family: sans-serif;
display:inline;
}
#sign ul
{
float:right;
width:23%;
padding:0;
list-style-type:none;
margin:0% 0% 0% 0%;
}
img 
{
border:3px solid black;
display:inline;
}
p
{
font-size:0.9em;
font-family: sans-serif;
padding-left:2%;
padding-right:2%;
}
<!--
h2
{
font-size:1.2em;
font-family: sans-serif;
padding-left:2%;
margin: 0% 0% 0% 0%
}
h3
{
font-size:1.1em;
font-family: sans-serif;
padding-left:2%;
margin: 0% 0% 0% 0%
}
-->
</style>
