body {
    border-style: none;
    border-color: #f8f8f8;
    border-width: 0;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}
body.iframe  { padding: 0px; }    

.colored { background-color: #d0e4e0; }

iframe { border-style: none; }
iframe.h256 { height: 18em; width: 100%; }
iframe.h240 { height: 17em; width: 100%; }
iframe.h224 { height: 16em; width: 100%; }
iframe.h208 { height: 16em; width: 100%; }
iframe.h192 { height: 14em; width: 100%; }
iframe.h176 { height: 13em; width: 100%; }

div.header {
    padding-top: 0.4em;
    padding-bottom: 0.35em;
    padding-left: 4px;
    background-color: #d0e4e0;
    font-size:xx-large;
}
div.inset {
    padding: 2px 2px 2px 4px;
}


div.annotatedImage {
    float: left;
    border-style: none;
    width: 16em;
    height: 16em;
    margin: 2px 2px;
    padding: 0;
    overflow: hidden;
}
div.w384 { width: 24em; float: left; }
div.w256 { width: 16em; float: left; }
div.w224 { width: 14em; float: left; }
div.w192 { width: 12em; float: left; }
div.w128 { width:  8em; float: left; }
div.h256 { height: 16em;             }

h1.header {
    padding: 0;
    margin: 0;
}

a:hover {
    color: #C00000;
}

.linklist {
    width: 4.5em;
    height: 3em;
    font-size: 80%;
    background-color: #d0e4e0;
    text-align: center;
    text-decoration: underline;
    color: #0000ff
}

.normaltext {
    background-color: #f8f8f8;
    color: #040404;
    border-style: none;
    margin: 0px 4px
}
.keytext {
    background-color: #f8f8f8;
    color: #040404;
    border-style: none;
    margin: 0px;
    padding: 10px 12px;
}

img        { border-style: none;
             padding: 0;
             margin: 2px 2px 2px 2px;               }
img.h192   { height: 12em; }
img.h256   { height: 16em; }
img.w192   { width:  12em; }
img.w208   { width:  13em; }
img.w256   { width:  16em; }
img.w768   { width:  48em; }
img.top    { margin: 0px 0px 4px 0px; float: none;  }
img.right  { margin: 0px 0px 0px 4px; float: right; }
img.bottom { margin: 4px 0px 0px 0px; float: none;  }
img.left   { margin: 0px 4px 0px 0px; float: left;  }

img.w256top    { width:  16em; margin: 0px 0px 4px 0px; float: none;  }
img.w256right  { width:  16em; margin: 0px 0px 0px 4px; float: right; }
img.w256bottom { width:  16em; margin: 4px 0px 0px 0px; float: none;  }
img.w256left   { width:  16em; margin: 0px 4px 0px 0px; float: left;  }
img.h256top    { height: 16em; margin: 0px 0px 4px 0px; float: none;  }
img.h256right  { height: 16em; margin: 0px 0px 0px 4px; float: right; }
img.h256bottom { height: 16em; margin: 4px 0px 0px 0px; float: none;  }
img.h256left   { height: 16em; margin: 0px 4px 0px 0px; float: left;  }


img.counter {
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -.2em;
    left: -.2em;
}
div.counter {
    width: 1em;
    height: 1em;
    padding-right: 4px;
    float: right;
    overflow: hidden;
}

img.titletext {
    position: absolute;
    top: 4px;
    height: 1.5em;
}

img.headermsg {
    position: absolute;
    top: .25em;
    right: 2.5em;
    height: 1.5em;
}


img.selectBox {
    width: auto;
    height: 8em;
    float: right;
    margin: 0px 0px 0px 4px;
}
div.selectBoxGroup {
    position: relative;
    top: -2px;
    border-style: solid none none solid;
    border-color: #d0e4e0;
    border-width: 2px;
    padding: 0px;
    margin: 0px;
}
div.selectBox {
    background-color: #f8f8f8;
    border-style: none solid solid none;
    border-color: #d0e4e0;
    border-width: 2px;
    padding: 4px 4px;
    width: 18.75em;
    height: 8em;
    overflow: hidden;
    float: left;
}
div.selectBox:hover { background: #ffffff; }
a.selectBox:link    { text-decoration: none; color: #040404; }
a.selectBox:visited { text-decoration: none; color: #040404; }
a.selectBox:hover   { text-decoration: none; color: #006040; }