body 
{ font-family: Arial;
margin: 0px;
background-color: white; }
 
#header { font: bold 48px Arial;
padding-left: 30px;
border-bottom: 3px solid black;
background-color: Blue;
margin-bottom: 0px; }
 
#header { text-decoration: none;
color: yellow; }
 
 
#hdu { position: absolute;
top: 90px;
left: 250px; }
 
 
#content { float: right;
padding: 10px 10px 10px 10px;
width: 98%;
margin: 0px;
border: none;
background-color: #fff; }
 
#nav { float: clear;
width: 98%;
margin-top: 0px;
font-weight: bold;
padding: 10px;
border: none;
font-family: Arial; }
 
#nav a { text-decoration: none;
color: black; }
 
#nav a:hover { color: #c00; }
h2 { margin-top: 10px; }
 
 
#footer { clear: both;
font: bold 18px Arial;
padding-left: 30px;
padding-top: 12px;
padding-bottom: 12px;
border-top: 3px solid black;
background-color: Blue;
margin-bottom: 0px; }
 
#footer { text-decoration: none;
color: yellow; }

input.required
{
width: 300px;
font: bold 12px Verdana;
background-color: #fff;
border: solid 2px #000;
}
select.required
{
width: 300px;
font: bold 12px Verdana;
background-color: white;
border: solid 2px #000;
}
td.required
{
font: bold 12px Verdana;
}
input.optional
{
width: 300px;
font: 12px Verdana;
background-color: white;
border: solid 2px #999;
}
textarea.optional
{
width: 300px;
font: 12px Verdana;
background-color: white;
border: solid 2px #666;
}
td.optional
{
font: 12px Verdana;
}
input.submit
{
background-color: white;
border: solid 2px #000;
font: bold 12px Verdana;
}
