BODY {
    font: Arial, Helvetica, sans-serif;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: justify;
    background-color: #FFFFFF;
    text-align: center;
}

TABLE {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: justify;
    font-size: 11pt;
    line-height: 1.5em;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: 11pt;
    margin-left: 360px;
    line-height: 1.5em
}

    td.list {
        font-family: Arial, Helvetica, sans-serif;
        list-style: square;
        text-align: left;
        font-size: 11pt;
    }

strong {
    color: #363a43
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
    text-align: justify;
    padding-left: 10px;
    padding-right: 40px;
}


    p.style2ha {
        font-size: 1em;
        color: #FF6600;
        font-weight: bold;
        text-transform: uppercase;
    }

    p.indent {
        padding-left: 40px;
        text-indent: -40px;
        vertical-align: top;
    }

    p.indent2 {
        text-indent: -65px hanging;
        vertical-align: top;
    }

    p.indent3 {
        padding-left: 15px;
        text-indent: -25px;
        vertical-align: top;
    }

.titletest {
    color: #728066
}

.title2 {
    font-weight: bold;
    color: #156fad
}


.title3 {
    color: #156fad;
    text-transform: uppercase;
    font-weight: bold;
}

.title4 {
    color: #363a43;
    font-weight: bold;
}

.title {
    font-size: 1em;
    color: #156fad;
    text-transform: uppercase;
}

b {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: 500
}

a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    list-style: square;
    text-transform: uppercase;
    font-variant: normal;
    line-height: 1.1em;
    text-align: left;
    color: #974434;
    text-decoration: none;
}


    a.bookmark {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11pt;
        font-variant: normal;
        text-transform: uppercase;
        line-height: 1.5;
        text-align: justify;
        color: #8a8647;
    }

    a.styleordinary {
        font-variant: normal;
        font-size: 11pt;
        text-transform: none;
        color: #7c2923;
    }


.titlelite {
    font-weight: 500;
}

a.1 {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: 10pt
}

    a.1:visited {
        color: #a3a7a8;
    }

a.2 {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: 11pt;
    font-style: normal
}

    a.2:visited {
        color: #a3a7a8
    }

a.styleordinary2 {
    font-variant: normal;
    text-transform: none;
    font-size: 11pt;
    color: black
}

dt {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: 11pt;
    font-weight: bold;
    line-height: 1.2
}

dl {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: 11pt;
    line-height: 1.2;
    display: list-item;
    list-style: square
}

dd {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: 11pt;
}



br {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium
}

ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    list-style: square;
    font-variant: small-caps;
    list-style-position: outside;
    padding-right: 25px;
    color: #363a43;
}

#ul_horiz {
    display: inline;
}

    #ul_horiz li {
        display: inline;

    }


.lihoriz {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    list-style: square;
    list-style-position: outside;
    padding-right: 25px;
    color: #363a43;
    display: inline;
    float: left;
    left: 50px;
    list-style-image: url('../images/redsquare.jpg');
}

li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    list-style: square;
    font-variant: normal;
    line-height: 1.5em;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
    margin-left: -15px;
    list-style-image: url('../images/redsquare.jpg');
}

ul.a {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: medium;
    list-style-image: url('../images/redsquare.jpg')
}

ul.style16 {
    margin-left: 60px
}

ul.style14 {
    margin-left: 40px
}

ul.styleindent {
    margin-left: 15px;
}

li.b {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: medium;
    line-height: 1.5em
}

li.c {
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    text-align: left;
    font-size: 11pt;
    line-height: 1.5em;
    font-variant: normal;
    text-transform: none;
    list-style-position: inside;
    list-style-image: url('../images/redsquare.jpg');
    margin-left: 15px;
    list-style-position: outside
}

.bookmark {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-variant: normal;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: justify;
    color: #8a8647;
}

.style1 {
    background-color: #f0e8c3;
    background-image: url('images/jgbackbar4.jpg');
}

.style2 {
    background-image: url('images/jgbackbar4.jpg');
}

.style3 {
    background-color: #FCF9EA;
}

.style4 {
    border-style: solid;
    border-width: 1px;
    background-color: #FCF9EA;
}

.style5 {
    text-align: center;
}

.style6 {
    margin-left: 10px;
}

.style8 {
    font-variant: small-caps;
    text-transform: uppercase;
}

.style9 {
    font-weight: normal;
}


.style10 {
    text-indent: 25px;

}

.style11 {
    margin-left: 25px;
    text-align: left;
}

.style12 {
    margin-left: 30px;
}


.style14 {
    margin-left: 40px;
    margin-right: 40px;
}

.style14hang {
    margin-left: 54px;
    margin-right: 25px;
    padding-left: 60px;
    text-indent: -63px;
    text-align: left;
}

.style14a {
    margin-left: 60px;
    margin-right: 25px;
    text-align: left;
}

.style15 {
    margin-left: 75px;
    margin-right: 25px;
}

.style15hang {
    margin-left: 100px;
    margin-right: 25px;
    padding-left: 100px;
    text-indent: -100px;
    text-align: left;
}

.style16 {
    margin-left: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
}

.style16hang {
    margin-left: 80px;
    margin-right: 25px;
    padding-left: 50px;
    text-indent: -50px;
}

.style20hang {
    margin-left: 100px;
    margin-right: 25px;
    padding-left: 50px;
    text-align: justify;
    text-align-last: left;
}

.style17 {
    margin-left: 110px;
}

.style18 {
    margin-left: 120px;
    margin-right: 90px;
    text-align: justify;
    text-align-last: left;
}

.style18a {
    margin-left: 120px;
    margin-right: 90px;
}

.style19 {
    margin-left: 140px;
    margin-right: 25px;
}

.style19hang {
    margin-left: 140px;
    margin-right: 25px;
    text-align: justify;
    text-align-last: left;
    padding-left: 50px;
    text-align: justify;
    text-align-last: left;
}
.style20 {
    margin-left: 170px;
    margin-right: 25px;
    text-align: justify;
    text-align-last: left;
}
.style20hang {
    margin-left: 160px;
    margin-right: 25px;
    text-align: justify;
    text-align-last: left;
    padding-left: 50px;
    text-align: justify;
    text-align-last: left;
}
    .style21 {
    margin-left: 190px;
    margin-right: 25px;
    text-align: justify;
    text-align-last: left;
}


.stylegallery {
    margin-left: 40px;
    margin-right: 10px;
    width: 750px;
}

.style13 {
    font-size: medium;
    text-transform: uppercase
}

.style13a {
    font-size: small
}

.folder {
    color: #957868;
    font-weight: bold
}

.style9 {
    font-weight: normal;
    font-size: small;
}

.styleh1 {
    font-size: 1.1em;
    color: #957868;
    font-weight: bold
}

.styleh1a {
    font-size: 2em;
    color: black;
}

.styleh1b {
    font-size: 1.1em;
    color: #663300;
    font-weight: bold;
    text-transform: uppercase;
}

.styleh1c {
    font-size: 1.1em;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
}

.styleh2 {
    font-size: 1.10em;
    color: #FF6600;
    font-weight: 300;
}

.styleh2a {
    font-size: 1em;
    color: #d07c3e;
    font-weight: bold;
    text-transform: uppercase;

}

.styleh2b {
    font-size: 1.10em;
    color: black;
    text-transform: uppercase
}

.styleh3 {
    font-size: 1.5em;
    color: #FF6600;
    font-weight: bold
}

.stylelink1 {
    font-size: 1.25em;
    color: #663300
}

.styleordinary {
    font-variant: normal;
    font-size: 11pt;
    text-transform: none;
    color: #363a43;
}

.styleordinary3 {
    text-transform: none;
}


.styleCitation {
    font-size: 9pt;
    font-style: italic;
    font-variant: normal;
    text-align: center;
}

.stylemainsection {
    font-size: medium;
    color: #663300;
    font-weight: bold
}

.stylepagetitle {
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    color: #353942
}


.img.double-border {
    border: 4px solid #8f9057;
    border-style: double;
    border-spacing: 10px;
    border-color: #7c2923;
}


.img1 {
    border-style: double;
    border-spacing: 10px;
    border-color: maroon
}

.titleindent {
    padding-left: 40px;
    text-indent: -40px;
    vertical-align: top;
}

#container {
    width: 990px;
    margin: 0 auto;
    padding: 0px;
    background-color: #f0e8c3;
}

#PageFormat {
    border-style: solid;
    border-width: 1px;
    background-color: #FCF9EA;
    width: 995px;
    padding: 0px;
    border-color: #7c2923;
}

#HeaderBanner {
    width: 900px;
    height: 120px;
    background-image: url(/images/header-800-2.jpg);
    background-repeat: no-repeat;
    padding: 0px;
}

#HeaderNav {
    background-image: url('/images/jgbackbar4.jpg');
    height: 21px;
}

#mainNav ul {
    margin: 0;
    list-style: none;
    float: none;
}

#mainNav li {
    float: left;
    width: auto;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    list-style: none;
    list-style-type: none;
    display: inline;
}

#mainNav a {
    text-decoration: none;
    font-size: 1.1em;
    font-weight: normal;
    text-transform: uppercase;
    border: none;
    border-left: none;
    color: #FFFFFF;
    text-decoration: none
}

#SpaceBar {
    height: 20px;
}


#Sec1Body {
    width: 990px;
    display: inline-block;
}

#Sec1Nav {
    width: 420px;
    vertical-align: top;
    display: inline-block;
    float:left;
    margin-left: 20px;
    padding-left: 10px;
}

#Sec1Title {
    vertical-align: top;
    width: 475px;
    display: inline-block;
    float:left;
}

#Sec2Body {
    width: 891px;
	margin-left: 40px;
    margin-right: 20px;
	margin-bottom: 20px;
    display: block;
    clear: both
}

#footer {
    margin-left: 20px;
    color: #666666;
    text-align: center;
    display: block;
    clear: both
}

#footer.a {
    text-decoration: none;
}

#copyright {
    color: #666666;
    text-align: center;
    font-size: 8pt;
    padding-top: 25px;
    padding-bottom: 25px;
}

.gallery0 {
    width: 810px;
    text-align: center;
    display: block;
    overflow: auto;
    position: relative;
}

.gallery1 {
    width: 844px;
    text-align: left;
    padding-left: 15px;
    overflow: auto;
    margin-left: 50px;
    position: relative;
    top: 0px;
    left: 0px;
}

.gallery2 {
    width: 800px;
    text-align: left;
    padding-left: 25px;
    overflow: auto;
    margin-left: 110px;
    position: relative;
}

.gallery3 {
    width: 810px;
    padding-left: 15px;
    overflow: auto;
    margin-left: 50px;
    position: relative;
    text-align: center;
}


.illus0 {
    text-align: center;
    display: block;
}

.illus0cap {
    text-align: center;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
}

.illusgroup1 {
    width: 400px;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    float: left;
}

.illus1 {
    width: 400px;
    text-align: left;
    float: left;
    display: inline-block;
    height: 241px;
}

.illus1cap {
    width: 375px;
    float: left;
    text-align: left;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
}

.illusgroup2 {
    width: 798px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    float: left;
    clear: right;
}

.illusgroup3 {
    width: 700px;
    margin-left: 60px;
    padding-bottom: 10px;
    display: inline-block;
    text-align: center;
    float: left;
    clear: right;
}


.illus2 {
    width: 350px;
    float: left;
    text-align: left;
    display: inline-block;
}

.illus2cap {
    width: 700px;
    float: left;
    text-align: left;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
}

.illus2 {
    width: 375px;
    display: inline-block;
    float: left;
}

.illus3 {
    width: 222px;
    display: inline-block;
    float: left;
}

.illus3cap {
    width: 250px;
    float: left;
    text-align: left;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
}

.img1 {
    border-style: double;
    border-color: inherit;
    border-width: medium;
    margin-left: 0px;
    margin-right: auto;
    color: #7c2923;
}

.img1a {
    float: none;
    text-align: center;
    border: double;
}

.timeline {
    width: 800px;
    text-align: left;
    display: block;
    overflow: auto;
    margin-left: 100px;
    position: relative;
}

.timeimgcol {
}

.timeimg {
}

.timedatecol {
    width: 465px;
    text-align: left;
    float: right;
    display: inline-block;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
}

.timedate {
    width: 50px;
    padding-left: 10px;
    padding-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
    font-weight: bold;
}

.timedesc {
    width: 450px;
    float: right;
    text-align: left;
    padding-left: 25px;
    display: inline-block;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #363a43;
}

/* Database display pages divs and tags*/


.labellocation {
    float: left;
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    display: normal;
    width: 900px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
    text-indent: -50px;
    top: 0px;
    left: 0px;
}

.labellocation2 {
    float: left;
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    display: normal;
    width: 900px;
    margin-right: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
    top: 5px;
    left: 1px;
}

.labelocation3 {
    float: left;
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    display: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
}
/* divs for layout of asp database pages*/
.display1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
    text-align: justify;
    text-align-last: left;
    margin-left: -150px;
    margin-right: 25px;
    padding-left: 80px;
    text-align: left;
    text-indent: 120px;
}
/* upper case project titles*/
.display2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.5;
    color: #363a43;
    text-align: justify;
    text-align-last: left;
    text-transform: uppercase;
}
/* 2 colum version for chrono lists*/
.display3 {
    -webkit-columns: 400px 2; /* Chrome, Safari, Opera */
    -moz-columns: 400px 2; /* Firefox */
    columns: 400px 2;
}
/* 4 colum version for geo lists*/
.display4 {
    -webkit-columns: 200px 4; /* Chrome, Safari, Opera */
    -moz-columns: 200px 4; /* Firefox */
    columns: 200px 4;
    float: left;
    height: 500px;
    width: 200px;
}