/*

    Fourmilab standard style sheet for screen media

*/

    /* Regular text links */

    a:link,  a:visited {
        background-color: inherit;
        color: rgb(0%, 0%, 80%);
        text-decoration: none;
    }

    a:hover  {
        background-color:  rgb(30%, 30%, 100%);
        color: rgb(100%, 100%, 100%);
    }

    a:active {
        color: rgb(100%, 0%, 0%);
        background-color:  rgb(30%, 30%, 100%);
    }

    /* Links without decoration.  These are usually
       wrapped around buttons and images which are
       self-evidently links. */

    a.i:link, a.i:visited, a.i:hover {
        background-color:  inherit;
        color: inherit;
        text-decoration: none;
    }

    /* Standard page body.  Since pages may wish to use the
       rest of the standard definitions along with custom
       margins and/or colours, we only apply this if an
       explicit class of "standard" is given. */

    body.standard {
        margin-left: 15%;
        margin-right: 10%;
        background-color: #FFFFFF;
        color: #000000;
    }

    /* Float-clearing breaks. */

    br.cb {
        clear: both;
    }

    br.cl {
        clear: left;
    }

    br.cr {
        clear: right;
    }

    /* Floating images */

    img.left {
        border: 0px;
        float: left;
        margin-right: 12px;
    }

    img.right {
        border: 0px;
        float: right;
        margin-left: 12px;
    }

    /* Images used as buttons */

    img.button {
        border: 0px;
        vertical-align: middle;
    }

    /* Copyright and disclaimers */

    p.copying {
        margin-left: 5%;
        margin-right: 5%;
        text-align: justify;
        font-size: smaller;
        font-family: sans-serif;
        font-style: italic;
    }

    /* Dates in B.C. and A.D. */
    span.bcad {
        font-variant: small-caps;
        text-transform: lowercase;
    }

    /* Table-based standard document footer. */

    table.footer {
        width: 100%;
    }

    table.footer td.left {
        width: 50%;
        text-align: left;
        font-style: italic;
        vertical-align: top;
    }

    table.footer td.right {
        width: 50%;
        text-align: right;
        vertical-align: top;
    }

    table.footer table.buttons {
        margin-left: auto;
    }

    table.footer table.buttons td {
        text-align: center;
    }

    /* Navigation links at document bottom. */

    h3.nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    /* Text blocks with various alignment */

    .c {
        text-align: center;
    }

    .j {
        text-align: justify;
    }

    .r {
        text-align: right;
    }