html, body {
margin: 0;
padding: 0;
height: 100%;
text-align: center;
overflow: hidden; /* remove ie's main scrollbar */
}

#header {
height: 190px;
background: #ffffff;
position: absolute;
width: 820px;
left: 50%;
margin-left: -410px;
}

#footer {
height=20px;
background: #ffffff;
position: absolute;
width: 820px;
bottom: 2px;
left: 50%;   
margin-left: -410px;
}

#content {
scrollbar-face-color: white;
text-align: left;
background: #ffffff;
position: absolute;
width: 820px;
left: 50%;   
margin-left: -410px;
top: 190px; /* depending on height of header */
bottom: 20px; /* depending on height of footer */
overflow: auto;
/* IE only needs the next line but other ignore it see note at bottom - the 100 may change depending on total height of header
and footer */
height: expression(document.body.clientHeight - 190 + "px");
}


td              { color: #666666; font: 10pt verdana,arial,helvetica; font-weight: normal }
p		{ color: #666666; font: 10pt verdana,arial,helvetica; font-weight: normal }
ul		{ margin: 10px 0px 2px 13px; padding: 0px 0px 2px 5px; }
li		{ color: #666666; font: 10pt verdana,arial,helvetica; font-weight: normal; margin-left: 1.0em; margin-right: 0; margin-top: .5em; margin-bottom: .5em;}

font.small      { color: #000000; font: 8pt verdana,arial,helvetica; font-weight: normal }
font.large	{ color: #666666; font: 11pt verdana,arial,helvetica; font-weight: normal }
font.white      { color: #ffffff; font: 8pt verdana,arial,helvetica; font-weight: normal }
font.title      { color: #333399; font: 16pt verdana,arial,helvetica; font-weight: bold }


a:link     { color: #333399; font: 10pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a:visited  { color: #333399; font: 10pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a:active   { color: #333399; font: 10pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a:hover    { color: #cc9900; font: 10pt verdana,arial,helvetica; font-weight: bold; text-decoration: underline }


a.small:link     { color: #333399; font: 8pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a.small:visited  { color: #333399; font: 8pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a.small:active   { color: #333399; font: 8pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a.small:hover    { color: #333399; font: 8pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }

a.smallgold:link     { color: #cc9900; font: 8pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a.smallgold:visited  { color: #cc9900; font: 8pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a.smallgold:active   { color: #cc9900; font: 8pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }
a.smallgold:hover    { color: #cc9900; font: 8pt verdana,arial,helvetica; font-weight: bold; text-decoration: none }


a.footer:link     { color: #000066; font: 8pt verdana,arial,helvetica; text-decoration: none }
a.footer:visited  { color: #000066; font: 8pt verdana,arial,helvetica; text-decoration: none }
a.footer:active   { color: #000066; font: 8pt verdana,arial,helvetica; text-decoration: none }
a.footer:hover    { color: #000066; font: 8pt verdana,arial,helvetica; text-decoration: underline }