body {
    margin: 0px;
    padding: 0px;
}

table.background {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

table.background tr.top td.left {
    background-color: #E0C073;
}

table.background tr.top td.right {
    background-color: #E8E2A1;
}

table.background tr.bottom td.left {
    background-color: #BA641F;
}

table.background tr.bottom td.right {
    background-color: #A3BF56;
}

div.welcome {
    position: absolute;
    top: 5%;
    left: 0px;
    z-index: 2;
    width: 100%;
    text-align: center;
    color: #9B531A;
    font-size: 40pt;
    font-family: Georgia, "Times New Roman", serif;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    white-space: nowrap;
}

table.picture {
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 100%;
    height: 100%;
}

table.picture div.header {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    font-weight: bold;
    color: #9B531A;
    margin-bottom: 1em;
}

table.picture td.side a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    /* bigger on bottom to handle underline */
    padding: 0.25em 1em 0.50em 1em;
    color: #E8E2A1;
    background-color: #8F4D18;
    display: block;
    clear: both;
    margin-top: 0.5em;
    text-decoration: none;
}

/* IE can't handle the semi-transparent PNG, but it ignores the [class]
attribute, so it won't show the background at all. */
table.picture[class] td.side a {
    /* to override background-color above */
    background-color: transparent;
    background-image: url(semi-transparent.png);
}

table.picture td.left a {
    float: right;
}

table.picture td.right a {
    float: left;
}

table.picture a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    /* bigger on bottom to handle underline */
    padding: 0.25em 1em 0.50em 1em;
    color: #E8E2A1;
    background-color: #8F4D18;
}

/* IE can't handle the semi-transparent PNG, but it ignores the [class]
attribute, so it won't show the background at all. */
table.picture[class] a {
    /* to override background-color above */
    background-color: transparent;
    background-image: url(semi-transparent.png);
}

div.info {
    position: absolute;
    top: 90%;
    left: 0px;
    z-index: 2;
    width: 100%;
    text-align: center;
    color: #E8E2A1;
    font-size: 30pt;
    font-family: Georgia, "Times New Roman", serif;
    white-space: nowrap;
}