html, body
{
    background-color: #dbd1b8;
    margin: 0;
    font-family: verdana, sans-serif;
}

h1
{
    font-weight: normal;
    font-size: 2.5em;
}

img
{
    border-style: none;
}

blockquote cite
{
    display: block;
    text-align: right;
}

abbr, acronym, span.abbr
{
    border-bottom: 1px dashed #000;
}

div#header
{
    background-color: #003f85;
    color: #fff;
    font-family: Impact, Charcoal, sans-serif;
    padding: 0.5em 20%;
}

div#nav
{
    background-color: #711414;
    background-image: url(/images/grad_red.png);
    line-height: 25px;
    text-align: center;
}

div#nav ul, div#nav li
{
    color: #fff;
    display: inline;
    font-weight: bold;
    font-variant: small-caps;
    margin: 0 1em;
    padding: 0;
}

div#nav a
{
    color: #fff;
}

div#contentarea
{
    background-color: #e8e3d4;
    line-height: 1.5;
    margin: 0;
    padding: 0.5em 20%;
    text-align: justify;
}

div#footer
{
    background-color: #dbd1b8;
    font-size: small;
    margin: 0;
    padding: 0.1em;
    text-align: center;
}

div#footer p
{
    margin: 0;
    padding: 0.5em 0;
}

table.ranks, table.ranks caption, table.ranks td, table.ranks th
{
    background-color: #000;
    color: #fff;
}

ol.code
{
    font-family: monospace;
}

table.code
{
    border-style: none;
    width: 100%;
}

table.code caption
{
    font-size: large;
    font-weight: bold;
    text-align: left;
}

table.code th, table.code td
{
    vertical-align: top;
    width: 50%;
}