body
{
    margin: 0 10px;
    padding: 0;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    background-color: #f2f2f7;
    background-image: url("../images/background.gif");
    background-repeat: repeat;
    background-attachment: scroll;
}
    
#container
{
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
    margin: 10px auto;
    
}
    
#masthead
{
    margin: 0;
    margin-right: 10px;
    padding: 0;
    border: 0;
    text-align: center;
    width: auto;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fafaff;
}
    
#navigation
{
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    float: left;
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fff;
}
    
#content
{
    margin: 0;
    padding: 0;
    border: 0;
    float: none;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 210px;
    margin-right: 10px;
    padding: 10px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fff;
}
    
#footer
{
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    clear: both;
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fefeff;
}
    
#masthead h1 {color: #3d6c87;}

#masthead h3 {color: #5f8ea9;}

#navigation ul 
{
    list-style-type: none;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
    
#navigation li
{
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    background-color: #fff;
}
    
#navigation a
{
    color: #3d6c87;
    text-decoration: none;
    display: block;
    padding: 5px;
    border: 1px solid #fff;
    background-color: #fff;
}
    
#navigation a:hover
{
    color: #fff;
    text-decoration: none;
    border: 1px solid #5f8ea9;
    background-color: #5f8ea9;
}
    
#content h1, h2, h3, h4, h5, h6 {color: #3d6c87;}

#content img 
{
    padding: 5px;
    border: 1px solid #808080;
}
    
#footer p
{
    color: #808080;
    margin-top: 5px;
}
    
#footer a
{
    color: #5f8ea9;
    text-decoration: underline;
}
    
#footer a:hover
{
    color: #33627d;
    text-decoration: none;
}
    
a 
{
    color: #5f8ea9;
    text-decoration: underline;
}
    
a:hover
{
    color: #33627d;
    text-decoration: underline;
}
    
.style_bold {font-weight: bold;}

.style_italic {font-style: italic;}
@media (prefers-color-scheme: dark) {

body {
    background-color: #121212;
    background-image: url("../images/blackground.gif");
    color: #e0e0e0;
}

#masthead,
#navigation,
#content,
#footer {
    background-color: #1e1e1e;
    border-color: #444;
}

#navigation li,
#navigation a {
    background-color: #1e1e1e;
    border-color: #1e1e1e;
    color: #9ecbff;
}

#navigation a:hover {
    background-color: #3a6f8f;
    border-color: #3a6f8f;
    color: #fff;
}

#masthead h1,
#masthead h3,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    color: #9ecbff;
}

a {
    color: #9ecbff;
}

a:hover {
    color: #6aa6d1;
}

#footer p {
    color: #aaa;
}

#footer a {
    color: #9ecbff;
}

}