/* for all templates and grids */
body {
    text-align: center;
}

#ft {
    clear: both;
}

/**/
/* 750 centered, and backward compatibility */
#doc,
#doc2,
#doc3,
.div-t1,
.div-t2,
.div-t3,
.div-t4,
.div-t5,
.div-t6,
.div-t7 {
    margin: auto;
    text-align: left;
    width: 57.69em;
    *width: 56.3em;
    min-width: 750px;
}

/* 950 centered */
#doc2 {
    width: 73.074em;
    *width: 71.313em;
    min-width: 950px;
}

/* 100% with 10px viewport side matting */
#doc3 {
    margin: auto 10px;
    /* not for structure, but so content doesn't bleed to edge */
    width: auto;
}

/* below required for all fluid grids; adjust widths and margins above accordingly */

/* to preserve source-order independence for Gecko */
.div-b {
    position: relative;
}

.div-b {
    _position: static;
}

/* for IE < 7 */
#div-main .div-b {
    position: static;
}

#div-main {
    width: 100%;
}

.div-t1 #div-main,
.div-t2 #div-main,
.div-t3 #div-main {
    float: right;
    margin-left: -25em;
    /* IE: preserve layout at narrow widths */
}

.div-t4 #div-main,
.div-t5 #div-main,
.div-t6 #div-main {
    float: left;
    margin-right: -25em;
    /* IE: preserve layout at narrow widths */
}

.div-t1 .div-b {
    float: left;
    width: 12.3207em;
    *width: 12.0106em;
}

.div-t1 #div-main .div-b {
    margin-left: 13.3207em;
    *margin-left: 13.0106em;
}

.div-t2 .div-b {
    float: left;
    width: 13.8456em;
    *width: 13.512em;
}

.div-t2 #div-main .div-b {
    margin-left: 14.8456em;
    *margin-left: 14.512em;
}

.div-t3 .div-b {
    float: left;
    width: 23.0759em;
    *width: 22.52em;
}

.div-t3 #div-main .div-b {
    margin-left: 24.0759em;
    *margin-left: 23.52em;
}

.div-t4 .div-b {
    float: right;
    width: 13.8456em;
    *width: 13.512em;
}

.div-t4 #div-main .div-b {
    margin-right: 14.8456em;
    *margin-right: 14.512em;
}

.div-t5 .div-b {
    float: right;
    width: 18.4608em;
    *width: 18.016em;
}

.div-t5 #div-main .div-b {
    margin-right: 19.4608em;
    *margin-right: 19.016em;
}

.div-t6 .div-b {
    float: right;
    width: 23.0759em;
    *width: 22.52em;
}

.div-t6 #div-main .div-b {
    margin-right: 24.0759em;
    *margin-right: 23.52em;
}

.div-t7 #div-main .div-b {
    display: block;
    margin: 0 0 1em 0;
}

#div-main .div-b {
    float: none;
    width: auto;
}

/* GRIDS (not TEMPLATES) */
.div-g .div-u,
.div-g .div-g,
.div-gc .div-u,
.div-gc .div-g .div-u,
.div-ge .div-u,
.div-gf .div-u {
    float: right;
    display: inline;
}

.div-g div.first,
.div-gc div.first,
.div-gc div.first div.first,
.div-gd div.first,
.div-ge div.first,
.div-gf div.first {
    float: left;
}

.div-g .div-u,
.div-g .div-g {
    width: 49.1%;
}

.div-g .div-g .div-u,
.div-gc .div-g .div-u {
    width: 48.1%;
}

.div-gb .div-u,
.div-gc .div-u,
.div-gd .div-u {
    float: left;
    margin-left: 2%;
    *margin-left: 1.895%;
    width: 32%;
}

.div-gb div.first,
.div-gc div.first,
.div-gd div.first {
    margin-left: 0;
}

.div-gc div.first,
.div-gd .div-u {
    width: 66%;
}

.div-gd div.first {
    width: 32%;
}

.div-ge .div-u {
    width: 24%;
}

.div-ge div.first,
.div-gf .div-u {
    width: 74.2%;
}

.div-gf div.first {
    width: 24%;
}

.div-ge div.first {
    width: 74.2%;
}

#bd:after,
.div-g:after,
.div-gb:after,
.div-gc:after,
.div-gd:after,
.div-ge:after,
.div-gf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#bd,
.div-g,
.div-gb,
.div-gc,
.div-gd,
.div-ge,
.div-gf {
    zoom: 1;
}

/* Basic Element Formatting */

#header {
    height: 100px;
    background-color: #6C6C6C;
    margin: 0;
    align-items: center;
    padding: 0;
}

#header h1 {
    font-size: 1em;
    margin: 0;
    padding: 10px;
}

#header h1 a {
    color: #333333;
    background-color: #F3F2ED;
}

.content {
    height: 300px;
    background: #CCC8B3;
    border-top: #FFFFFF 2px solid;
    margin: 0;
    padding: 0;
}

#secondary {
    height: 300px;
    background: #F6F0E0;
    border-top: #FFFFFF 2px solid;
    margin: 0;
    font-size: 1.4rem;
    padding: 5px;
}

#secondaryFull {
    height: 50px;
    background-color: #F6F0E0;
    border-top: #FFFFFF 2px solid;
    margin: 0;
    padding: 0;
}

footer {
    background: black;
    text-align: center;
    height: 200px;
    padding: 20px;
    margin-top: 0px;
    font-size: 1.3rem;
    color: white;
    border-top: 1px solid #dee2e6;
}

footer p {
    margin: 5px 0;
}

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

footer ul li {
    display: inline;
    margin: 0 10px;
}

footer ul li a {
    color: #007bff;
    text-decoration: none;
}

footer ul li a:hover {
    text-decoration: underline;
}