﻿body {
    margin: 0;
    padding: 0;
    background-color: #f1ecd6;
}
.parajust { margin:      8px 4px 4px 8px;
            font-size:   16px;
            text-align:  justify;
            color:       #000000;
            font-family: Garamond, Georgia, 'Times New Roman', Times, serif; }
.centered { text-align:  center; }
.silver    { background-color: #F6F6F6; }
.container { padding-right: 15px;
             padding-left:  15px;
             margin-right:  auto;
             margin-left:   auto; }
			 
			 
.contour   { margin-left:  10%;
             margin-right: 10%;
             background-color: white;
             border-left: 1px solid black;
             border-right: 1px solid black; 
             box-shadow: 1px 0 3px 6px gray;
}
.body-content { padding-left:  1px;
                padding-right: 1px; }
.row       { margin-right: 0;
             margin-left:  0; }
.container:before,
.container:after,
.row:before,
.row:after { display: table;
             content: " "; }
.container:after, .row:after { clear: both; }
.boxer { margin:           5px;
         padding:          5px;
         background-color: #FFF;
         border-left:      1px solid #dbdad6;
         border-top:       1px solid #dbdad6;
         border-right:     1px solid silver;
         border-bottom:    1px solid silver; }
.bold { font-weight: 600; }
.serif { font-family: Georgia, Garamond, 'Times New Roman', serif;}

.bordered         { border:         1px solid black; }
.horiz-thick-line { padding-top:    3px;
                    padding-bottom: 3px;
                    border-bottom:  2px solid black; }
.column-20, .column-22, .column-25, .column-30, .column-33, .column-50, .column-66 {
                    position:       relative;
				    min-height:     1px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1275px;
    }
}
@media (min-width: 992px) {
    .column-20, .column-22, .column-25, .column-30, .column-33, .column-50, .column-66 {
        float: left;
    }
    .column-20 { width: 22.25%;   }
    .column-22 { width: 25%;      }
    .column-25 { width: 25%;      }
    .column-30 { width: 30%;      }
    .column-33 { width: 33.3333%; }
    .column-50 { width: 50%;      }
    .column-66 { width: 66.6667%; }
}

@media (min-width: 992px) {
    .column-20, .column-22, .column-25, .column-30, .column-33, .column-50, .column-66 {
        float: left;
    }

    .column-20 { width: 22.25%;   }
    .column-22 { width: 24%;      }
    .column-66 { width: 66.6667%; }
    .column-50 { width: 50%;      }
    .column-33 { width: 33.3333%; }
    .column-30 { width: 30%;      }
    .column-25 { width: 25%;      }
}

.tb-holder { background-color: maroon;
    border-top: 4px solid black;
    border-bottom: 2px solid black; }
.tool-bar {
    background-color: maroon;
    margin: auto;
    width: 600px;
}
.junction > ul { margin:          0;
                 padding:         0;
                 list-style-type: none;
                 overflow:        hidden; }
.junction > ul > li { float: left;
                      border-left: 1px solid tan; }
.junction > ul:last-child {
    border-right: 1px solid maroon;
}
.junction > ul > li a {
    display: block;
    color: white;
    text-decoration: none;
    text-align: center;
    background-color: #800000;
    padding: 10px 15px;
}
.junction > ul > li a:hover,
.junction > ul > li a:focus {
        background-color: wheat;
        color: #800000;
    }

.clearance        { clear: left }
#archives-section { width: 1200px;
                    margin: auto; }

.archivist, #archivist-right {
    float: left;
    width: 175pt; }
.archivist > ul > li, #archivist-right > ul > li {
        padding-left: -20px; }
.archivist, #archivist-right { vertical-align: top }
.archivist a:link, .archivist a:active, .archivist a:visited, .archivist a:hover,
#archivist-right a:link, #archivist-right a:active, #archivist-right a:visited, #archivist-right a:hover {
    text-decoration: none;
    font-family:     "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
.archivist a:link, #archivist-right a:link {
        color: #FF3300; }
.archivist a:active, #archivist-right a:active {
        color: #999966; }
.archivist a:visited, #archivist-right a:visited {
        color: #0055FF; }
.archivist a:hover, #archivist-right a:hover {
        color: #800009; }
.archivist ul, #archivist-right ul, .linked-list {
        list-style-type: none; }

.linked-list                { padding-left: 10px; }
.linked-list > li a:link    { color: blue;        }
.linked-list > li a:active  { color: navy;        }
.linked-list > li a:visited { color: darkorange;  }
.linked-list > li a:hover   { color: tomato;      }