/*
Beige:           #F4DDB3 (content area border)
Dark brown:      #53301B (logo & link lettering; main window border)
Pale brown:      #966C53 (frame round gallery links)
Very dark brown: #281911 (thumbnail background)
Very pale cream: #F9EACF (lettering for links; content area background)
*/

html
{
    height: 100%; max-height: 100%;
    padding: 0; margin: 0; border: 0;
/*\*/
    overflow: hidden;
/**/
}

body
{
    height: 100%; max-height: 100%;
    padding: 0; margin: 0; border: 0;
    overflow: hidden;
    font-family: Georgia, Arial;
    font-weight: bold;
    font-size: 9pt;
    color: #53301B; background-color: #53301B;
/* Scrollbar colors - IE 5.5+ only */
/*\*/
    scrollbar-3dlight-color: #F4DDB3;
    scrollbar-arrow-color: #53301B;
    scrollbar-base-color: #F4DDB3;
    scrollbar-darkshadow-color: #281911;
    scrollbar-face-color: #966C53;
    scrollbar-highlight-color: #F9EACF;
    scrollbar-shadow-color: #53301B;
    scrollbar-track-color: #966C53;
/**/
}

.windowArea         { background-color: #53301B; }
.controlArea        { background-color: #966C53; color: #281911; }
.thumbnailArea      { background-color: #281911; color: #F9EACF; border: none; }
.thumbnailArea:focus{ background-color: #281911; color: #F9EACF; border: dotted 1px #F9EACF; }
.contentArea        { background-color: #F9EACF; color: #53301B; }
.scriptWarning      { background-color: silver; color: Red; border: solid 1px gray; }
.borderedArea       { border: solid 1px #281911; overflow: hidden; }
.focusedBorderedArea{ border: dashed 1px #281911; overflow: hidden; }
.veryDarkText       { color: #281911; }
.darkText           { color: #53301B; }
.lightText          { color: #F9EACF; }
h1, .heading        { font-size: 20pt; }
h2, .title          { font-size: 14pt; }
h3, h4, .imageTitle { font-size: 11pt; }
.storyTitle         { font-size: 9pt; font-weight: bold; font-style: italic; }
p, ul, ol, td, .subtitle  { font-size: 9pt;  }
.imageRef           { font-size: 8.5pt; }
.header             { background: #F9EACF repeat-x; border-left: solid #F4DDB3 3px;
                      border-right: solid #F4DDB3 3px; border-top: solid #F4DDB3 3px; }
.footer             { background-color: #F9EACF; border-left: solid #F4DDB3 3px;
                      border-right: solid #F4DDB3 3px; border-bottom: solid #F4DDB3 3px;
                      background: #F9EACF repeat-x; }
.content            { color: #53301B; background-color: #F9EACF;
                      border-left: solid #F4DDB3 3px; border-right: solid #F4DDB3 3px;
                      overflow: hidden; }
.marker             { background-color: Red; border: solid 1px #281911;
                      width: 6px; height: 6px; font-size: 1pt; }
.markerHighlight    { background-color: Yellow; border: solid 1px #281911;
                      width: 6px; height: 6px; font-size: 1pt; }
img                 { border: none; }
form                { display: inline; }
a                   { color: #53301B; }
a:visited           { color: #53301B; }
a.highlight         { color: #966C53; }
a.highlight:visited { color: #966C53; }
a.lightText         { color: #F9EACF; }
a.lightText:visited { color: #F9EACF; }

a.button {
    border: solid 1px;
    border-left-color: white; border-top-color: white; border-right-color: #53301B; border-bottom-color: #53301B;
    background-color: #966C53;
    color: #F4DDB3;
    cursor: hand;
    text-decoration: none;
}

a.button:visited {
    border: solid 1px;
    border-left-color: white; border-top-color: white; border-right-color: #53301B; border-bottom-color: #53301B;
    background-color: #966C53;
    color: #F4DDB3;
    cursor: hand;
    text-decoration: none;
}

a.button:focus {
    border: dotted 1px;
}

input {
    font-family: Georgia, Arial; font-weight: bold;
    width: 200px; height: 18px;
    border: solid 1px;
    border-right-color: #F4DDB3; border-bottom-color: #F4DDB3; border-left-color: #53301B; border-top-color: #53301B;
}

input.checkbox {
    width: 18px; height: 18px;
    border: none;
}