html {
background-color: #dceff3;
}
* {margin: 0;padding: 0;}
body
{
font-size: 100%;
speak-punctuation: none;
max-width:1280px;
width:expression(document.body. clientWidth > 1279? "1280px": "auto" );
min-width:800px;
width:expression(document.body. clientWidth < 801? "800px": "auto" );
}
.malevoice {voice-family: male;}
.femalevoice {voice-family: female;}
a.plain{text-decoration: none;}
abbr {border-bottom: none;cursor: help;}
.bold{font-weight: bold;}
.center{text-align: center;}
abbr{text-decoration: none;}
.red{color: #ff0000;background-color: transparent;}
#header {
width: 100%;
height: 120px;
background-image: url(bluegradient.jpg);
background-color: #e2f1f4;
border-bottom: 4px solid #333;
}
.top_header {
width: 70%;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#header h1 {
width: 70%;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#header p {
width: 70%;
text-align: center;
margin-right: auto;
margin-left: auto;
}
h1 {
font-size: 1.5em;
}
img#logo
{
width: 120px;
height: 120px;
float: left;
display: inline;
border: none;
opacity: .1;
filter: alpha(opacity=10);
}
table#main
{
clear: both;
width: 100%;
margin: 0;
padding: 0;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #000000;
border-left: 0;
}
td#spacer
{
width: 25%;
background-color: #ffffff;
background-image: url(grayback.jpg);
background-repeat: repeat-y;
color: #000000;
height: 20px;
margin: 0px;
border-top: 4px solid #000000;
}
div.container
{
text-align: center;
}
div.textblock, .leftside
{
margin-top: 40px;
margin-right: 4px;
margin-bottom: 20px;
margin-left: 4px;
}

td#midcell
{
vertical-align: top;
border-top: 4px solid #000000;
border-right: 8px solid #c0c0c0;
}
#midcell h1,#midcell h2
{
text-align: center;
color: #663300;
letter-spacing: .05em;
}
#midcell ul
{
text-align: left;
font-weight: bold;
}
.indented_main
{
margin-right: 8px;
margin-left: 12px;
}
legend
{
font-size: 1.02em;
color: #0000ff;
padding-left: 4px;
}
td#leftcell
{
width: 225px;
vertical-align: top;
background-color: #ffffff;
background-image: url(grayback.jpg);
background-repeat: repeat-y;
color: #000000;
padding: 0;
margin: 0px 0px 0px 0px;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
}
span.button
{
display: block;
width: 150px;
background-color: #fffafa;
background-image: url(blueback.jpg);
background-repeat: repeat;
color: #000000;
text-align: center;
font-family: Arial,helvetica,Verdana,sans-serif;
font-weight: bold;
font-size: small;
border-width: 2px;
border-style: solid;
border-color: #000000;
padding: 2px;
margin-top: 0px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;
}
span.buttonon
{
display: block;
width: 150px;
background-color: #fffafa;
background-image: url(blueback.jpg);
background-repeat: repeat;
color: #ff0000;
text-align: center;
font-family: Arial,helvetica,Verdana,sans-serif;
font-weight: bold;
font-size: small;
border-width: 2px;
border-style: solid;
border-color: #000000;
padding: 2px;
margin-top: 0px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;

}
p
{
font-family: Arial,Helvetica,sans-serif;
font-size: 0.9em;
color: #000;
background-color: transparent;
margin: 0px 16px 2px 16px;
}
#midcell ol
{
list-style-position: inside;
font-size: .8em;
margin: 0px 16px 2px 16px;
}
#midcell ul
{
list-style-position: inside;
font-weight: normal;
font-size: .8em;
margin: 0px 16px 2px 16px;
}
#midcell dt {
margin-top: 6px;
}
#midcell dd {
font-size: .8em;
}
#footer {
font-size: small;
text-align: center;
padding: 8px 8px;
}
#footer ul {
list-style-type: none;
}
#footer li {
display: inline;
padding-left: 4px;
padding-right: 4px;
border-right: 1px solid #000000;
}
span.bigger {
font-size: 1.3em;
}