/*
 * Top Right Bottom Left
 */

    /*
     * BODY
     *
     * Light yellow.
     */
body {
    font-family: "Comic Sans MS", Verdana, Helvetica, sans-serif; 
    background-color: #fed700;
    margin: 0px;
    border-style: none;
    padding: 0px;
}

    /*
     * Left aligned (used?), image captions and
     * framed sections. Headings.
     */
.left {
    float: left;
    padding: 0 1em 0 0;
}

span.rubric {
    color: #8e0000;
}

span.cap {
    font-style: italic;
    font-family: "Times New Roman", Georgia, Times, serif;
    font-size: small;
    color: rgb(0,0,0);
}

p.cen {
    text-align: center;
}

.framed {
    background-color: rgb(255,255,100);
    border-color: blue;
    border-spacing: 1px;
    border-style: solid;
    padding: 0.5em;
    margin: 1em 0em 1em 0em;
}

h1 {
    color: #8e0000;
    font-size: large;
}

p.line {
    text-align: right;
}

    /*
     * TITLE
     *
     * Centered image
     */
div#title {
    text-align: center;
    padding: 0.5em 2em 0em 2em;
}

    /*
     * CONTENT
     *
     * Comic Sans - check alternatives.
     */
div.content {
    margin: 0;
    border-style: none;
    padding: 0.5em 2em 0em 3em;
    color: #000080;
}

    /*
     * NAV LINKS
     *
     * Small centered text. Link colouring supressed.
     */
div.nav {
    font-size: small;
    text-align: center;
    padding: 1em 2em 3em 2em;
}

div.nav a {
    text-decoration:none;
    color: #8e0000;
}

div.nav a:hover {
    color: rgb(0,0,255);
}

p#index {
    text-align: center;
}

    /*
     * VALIDATION div
     * 
     * Operational via accesskey, but off screen.
     */
div#val {
    position: absolute;
    top: -1000em;
    left: -1000em;
}