body {
    font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif;
}

.pb {
    font-weight: bold;
}

.desc {
    font-size: 14px;
    color: dimgrey;
}

a {
    text-decoration: none;
}

    a:link {
        color: darkgrey;
    }

    a:visited {
        color: darkgrey;
    }

    a:hover {
        color: grey;
    }

    a:active {
        color: darkgrey;
    }

    a.navlink:link {
        color: white;
    }

    a.navlink:visited {
        color: white;
    }

    a.navlink:hover {
        color: white;
    }

    a.navlink:active {
        color: white;
    }
.CommentTitle {
    color: dimgrey;
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.063px;
    line-height: 32px;
    margin-bottom: -9.66667px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 42px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}
.CommentText {
    color: dimgrey;
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.063px;
    margin-left: 0px;
    margin-right: 0px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}
.CommentFooter {
    color: dimgrey;
    font-size: 15px;
    font-style: italic;
}
p {
    box-sizing: border-box;
    color: dimgrey;
    /*color: rgb(41, 41, 41);*/
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.063px;
    line-height: 32px;
    margin-bottom: -9.66667px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 42px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}

.txt {
    box-sizing: border-box;
    color: dimgrey;
    /*color: rgb(41, 41, 41);*/
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.063px;
    line-height: 32px;
    margin-bottom: -9.66667px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 42px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}

.caps {
    box-sizing: border-box;
    color: rgb(41, 41, 41);
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.063px;
    line-height: 32px;
    margin-bottom: -9.66667px;
    margin-left: 0px;
    margin-right: 0px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}

hr {
    margin-top: 50px;
}

h1 {
    box-sizing: border-box;
    color: rgb(41, 41, 41);
    font-size: 38px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.528px;
    line-height: 60px;
    margin-bottom: -12.9667px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 26.4px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}

.h1title {
    box-sizing: border-box;
    color: rgb(41, 41, 41);
    font-size: 38px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.528px;
    line-height: 60px;
    margin-bottom: -12.9667px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 26.4px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}

h2 {
    box-sizing: border-box;
    color: rgb(41, 41, 41);
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.528px;
    line-height: 60px;
    margin-bottom: -12.9667px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 26.4px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}

h3 {
    box-sizing: border-box;
    color: rgb(41, 41, 41);
    font-size: 26px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.528px;
    line-height: 60px;
    margin-bottom: -12.9667px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 26.4px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}
h4 {
    box-sizing: border-box;
    color: rgb(41, 41, 41);
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.528px;
    line-height: 60px;
    margin-bottom: -12.9667px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 26.4px;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    word-break: break-word;
}
img {
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.8);
    cursor: zoom-in;
    font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    left: 0px;
    opacity: 1;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: opacity;
    transition-timing-function: ease;
    vertical-align: middle;
    word-break: break-word;
    border: 0;
}

code {
    color: rgb(36, 41, 46);
    direction: ltr;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 14px;
}

.samplecode {
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: thin;
    border-color: dimgrey;
    width: 590px;
}

figure {
    margin-top: 50px;
    margin-bottom: 50px;
}

.author {
    border-bottom-color: rgb(41, 41, 41);
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(41, 41, 41);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(41, 41, 41);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(41, 41, 41);
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(41, 41, 41);
    cursor: pointer;
    fill: rgb(0, 0, 0);
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: normal;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-wrap: break-word;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: underline;
    text-decoration-color: rgb(41, 41, 41);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-rendering: optimizelegibility;
    word-break: break-word;
}

.nav {
    width: 100%;
    background-color: black;
    margin-top: 0;
    margin-bottom: 0.5%;
}

/*******************MENU*********************/
.clear {
    clear: both
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-wrap {
    background: dimgrey; /*#228B22;*/ /* menu green */
}

.nav {
    width: 100%;
    background: dimgrey; /*#228B22;*/ /* menu green */
    margin-top: 0;
    margin-bottom: 0.5%;
}

#menu {
    max-width: 100%;
    margin: auto;
}

li {
    margin-right: 1px;
    float: left;
}

    li a {
        display: block;
        min-width: 110px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #fff;
        background: dimgrey; /*#228B22;*/ /* menu green */
        text-decoration: none;
    }

    li:hover a {
        background: grey; /*#32CD32;*/ /* menu hoover */
    }
/*******************MENU*********************/


/******************* TABLE *********************/
body {
    min-width: 600px; /* 2x LC width + RC width */
}

#container {
    padding-left: 200px; /* LC width */
    padding-right: 200px; /* RC width */
}

    #container .column {
        position: relative;
        float: left;
    }

#left {
    width: 200px; /* LC width */
    right: 200px; /* LC width */
    margin-left: -100%;
}

#right {
    width: 200px; /* RC width */
    margin-right: -200px; /* RC width */
}

#footer {
    clear: both;
}

#center {
    width: 100%;
    /*background-color: yellow;*/
}

#maincontent {
    position: relative;
    left: calc(30% / 2);
    width: 70%;
    /*background-color: azure;*/
}


/*** IE6 Fix ***/
* html #left {
    left: 200px; /* RC width */
}

/******************* TABLE *********************/

td .c1 {
    width: 100%;
}
.bld {
    font-weight:bold;
}
.logo {
    color: #555555;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 150%;
    font-weight: bolder;
    height: 50px;
    margin: 0 0 -5px;
    padding: 0 0 0 4px;
}

.c2 {
    font-size: 14px;
}

.c3 {
    font-size: 14px;
}

#topbanner {
    text-align: center;
}

#middlebanner {
    margin-top: 30px;
    text-align: center;
}

#bottombanner {
    margin-top: 30px;
    text-align: center;
}