body 
{ font-family: Arial;
font-size: 18px;
font-color: black;
margin: 0px;
background-color: yellow; }
 
#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: 1px 20px 1px 10px;
width: 70%;
margin: 0px;
border: none;
font-color: black;
background-color: #fff; }
 
#nav { float: left;
width: 20%;
margin-top: 0px;
font-weight: bold;
padding: 10px;
border: none;
font-family: Trebuchet MS; }
 
#nav a { text-decoration: none;
color: #006; }
 
#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 #000;
}
textarea.optional
{
width: 300px;
font: 12px Verdana;
background-color: white;
border: solid 2px #000;
}
td.optional
{
font: 12px Verdana;
}
input.submit
{
background-color: white;
border: solid 2px #000;
font: bold 12px Verdana;
}