body
{
    background-color: #ffffcc;/*#cccc99;*/
    color:#333;
    font: 0.8em Arial, sans-serif;
}

h1
{
    font: 1.9em Arial, sans-serif;
    color: #333;
}

a
{
    font-weight: bold;
    color:#333300;
    text-decoration: none;
}

a:hover
{
    font-weight: bold;
    color:#990000;
    text-decoration: none;
}

.header
{
    position: absolute;
    z-index:2;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;    
    vertical-align: middle;
    background-color: #666633;
    min-width: 640px;
    /* let the non standardness begin */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6;
}

.header p
{
    color:white;
    white-space: nowrap;
    font: 2.9em Arial, sans-serif;
    padding-top: 20px; /* mix of padding & margin makes ie & ff the same */
    padding-bottom:20px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.mainBody
{
    position: relative;
    z-index:1;
    margin: -20px 120px 20px 120px; /* -20 works in ff, but not in ie */
    width: auto;
    background-color: #cccc99;
    min-width: 400px;
    padding: 9.5em 20px 20px 20px;
}

.footer
{
    position: relative;
    margin: -10px 120px 20px 120px;
    z-index:2;
    width: auto;
    background-color: #cccc99; /*#999966*/
    min-width: 400px;
    padding-top: 5px;
    text-align: center;
}

.footer p, .footer a
{
    font-size: x-small;
    color:#333;
    text-decoration: none;
    font-weight: normal;
}