body
{
font-family: sans-serif;
/*font-family:Georgia,Serif;*/
background-image:url('./images/ltgraydk.gif');
}

#container
{
width: 90%;
margin: 10px auto;
background-color: #EFFFE5;
color: #00369F;
border: 1px solid black;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #FFDEA8;
border-bottom: 1px solid;
border-color:#598BCC;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
background-color: #E5EFFF;
border-left: 1px solid;
border-color:#598BCC;
padding: 1em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #FFDEA8;
border-top: 1px solid;
border-color:#598BCC;
}

#leftnav p{
 margin: 0 0 1em 0;
 }

#content h2 { 
margin: 0 0 .5em 0;
}

h4{
color:#00368F;
margin-bottom: 2px;
width: 360px;
}

.form
{
border: solid 1px;
border-color:#598BCC;
background-color: #FFFFFF;
width: 322px;
padding: 20px 20px 0px 20px;
margin-bottom: 50px;
}

table
{
width: 320px;
}

td.left
{
width: 145px;
}

td.modifier
{
text-align:right;
}

.note
{
font-size: x-small;
margin-left: 5px;
margin-bottom: 10px;
margin-top: -15px;
}

ul.note
{
margin-top: 3em;
margin-left: 0px;
list-style-type: none;
line-height: 1.25em;
}

li.note
{ 
margin-top: 1em;
margin-left: -2px; 
}
  
ul.content
{   
margin-left: 0px;
list-style-type: none;
line-height: 1.25em;
}

li.content
{
font-size: small;
padding-right: 2px;
display: inline;
list-style: none;
}

.altTextField {
/*border: #000000 1px solid;*/
background-color: #CCCCCC;
/*font-weight: bold;*/
} 

.altButton{
background-color: #E5EFFF;
}
/* style started from maxdesign.com */