/*
   Font in photoshop is Geogia
   20 pt for "Contact Dot Thomas:" and other side headings
*/

body, li, input   {
        margin-left: 1.5em;
        /* margin-right: 20pt;     -- 3em seems to be really big - using title font?? */
        background: white; /* #00A000 */; /* green */
        color: #663300;      /* brown */
        /* title border #c0c000 */
        font-size: 125%;
        /* font-family: verdana, sans-serif; */ /* body text looks beter san serif */
}

A:link     { color: #004400; text-decoration: underline }
A:hover    { color: #004400; text-decoration: underline }
A:active   { color: #ffff00; text-decoration: underline }
A:visited  { color: #004400; text-decoration: underline } /* if not underline, IE does not show hover+visited as underline */

/* A headering but no space underneath */
.item       { font-weight: bold }

.indent     { text-indent: 1.5em }
.image      { border-style: solid; border-color: black; border-width: 1px; display: block }

/* seems to be bottom spacing inside <a> outside <image>
without style sheet it is as messed up
 */
/*
#images, #images tr, #images td { border-style: dashed; border-color: yellow; border-width: 1px; padding: 0px 0px 0px 0px; margin: 10px 10px 10px 10px; outline-style: none; outline-style: none; outline-color: #00ffff; outline-width: 1px; border-spacing: 0px; }
*/
#images td { padding: 5px; }

#ximages a { display: block; border-style: dashed; border-color: red; border-width: 1px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; outline-style: none; outline-color: #ff00ff; outline-width: 1px; border-spacing: 0px; }

.title {
    text-align: center;
    margin-bottom: 0em;
}

.sub-title {
    font-size: 175%;
    text-align: center;
    margin-bottom: 0.4em;
    color: black;
    background-color: yellow;
}

.side-heading {
    font-size: 125%;
}

.right       { text-align: right }