html,body,div,span, h1,h2,h3,h4,h5,h6, a,em,font,img,strong,sub,li,ol,ul,form,table,tr,th,td 
{
margin: 0; 
 padding: 0; 
 border: 0; 
 font-weight: normal; 
 font-style: normal; 
 font-size: 100%; 
 line-height: 1; 
 font-family: inherit; 
 text-align: left; 
;}
div{float: left;}
textarea{font-family: arial, helvetica, sans-serif; font-size: 1.2em; width: 100%;}
em{font-style: italic;}
h1 {font-weight : bold; font-size : 2em; padding: 0 0 0 1em; margin: 0.5em; text-align: left;}
h1 a, h2 a, h3 a{font-weight: bold;}
h1 em,h2 em,h3 em{font-weight: bold;}
h2 {font-weight : bold; font-size : 1.8em; padding: 0 0 0 2em; margin: 0.5em 0 0 2em; text-align: left;}
h3 {text-align: left; font-size : 1.6em; margin : 0.5em 0 0 3em; font-style: normal;}
h4 {border-bottom : 0.1em dashed #cccccc; font-size : 1.5em; font-weight : bold; margin : 0.5em 0 0 4em; padding-right : 0.4em; text-align : left;}
h5{ font-size:1.3em; font-weight: bold; left : 23.5em; top: -0.5em; margin-bottom: -1.6em; margin-top: -1.5em;}
p,li{font-size: 1.2em; margin: 0.6em 20% 0.3em 12%;}
p{text-align: justify; padding-left: -4%; text-indent: 4%;}
table { border-collapse: collapse; border-spacing: 0;} 
td{vertical-align: top;}
ul {list-style: circle;}
a {font-weight: normal; text-decoration: none;}
strong{font-weight: bold;}

/*
#banner{background-color:red;}
#footer{background-color:orange;}
#header{background-color:yellow;}
#title{background-color: aqua;}
#leftPanel{background-color:green;}
#logon{{background-color:blue;}
#mainContainer{background-color:brown;}
#mainPanel{background-color:violet;}
#rightPanel{background-color:lime;}
#title{background-color:olive;}
#topMenu{background-color:teal;}
#widePanel{background-color:aqua;}
#map{width: 100%; height: 60em; overflow: scroll; }
#smallMap{width: 100%; height: 30em; overflow: scroll; }
*/
#banner{width: 100%;}
#footer{width: 100%}
#header{width: 100%; height: 5em;}
#title{width: 100%;}
#leftPanel{width: 16%; float: left; min-height: 45em;}
#logon{widht: 100%;}
#mainContainer{width: 98%; min-height: 50em; padding: 1%;}
#mainPanel{width: 68%; min-height: 45em;}
#rightPanel{width: 15%; float: right;; min-height: 45em;}
#title{font-size: 120%; font-weight: bold;}
#topMenu{width: 100;}
#widePanel{background-color: transparent;}
#map{width: 100%; height: 60em; overflow: scroll; }
#smallMap{width: 100%; height: 30em; overflow: scroll; }

.center, .acent{text-align: center;}
.aqua{background-color: aqua;}
.bb {border-bottom: 0.2em solid #aaa;}
.bbl {border-bottom: 0.1em dashed #aaa;}
.bold{font-weight: bold;}
.button
{
    font-weight: normal; 
    font-size: 1em;  
    text-align: center; 
    margin: 0; 
    width: 100%;
    border: 0.1em solid #ccc;
    padding: 0.45em 0.4em 0.45em 0.4em;
}

.smallButton
    {
    font-weight: normal; 
    font-size: 0.8em;  
    text-align: center; 
    margin: 0; 
    border: 0.1em solid #ccc;
    padding: 0.1em;
    width: 100%;
    }
.comm{margin-left: 3%; width: 94%;}
.lineForm{margin-left: 3%;} 
.fL{width: 100%;}
.contDiv , .contDivPale {width: 50%; margin-top: 0.5em; padding-top: 0.3em; ;}
.fH{font-weight: bold; font-size: 1.25em; width: 92.2%; margin: 0 0 1em -1.1%; padding: 0.4em 0 0.4em 10%;}
.fM{width: 70%; margin-left: 15%; color: red;}
.fm100{width: 100%; margin: 1em 0 0 0; padding:0;}
.fm40{width: 40%; margin: 1em 29% 0 29%; padding: 0 1% 1% 1%;}
.fm50{width: 50%; margin: 1em 24% 0 24%; border: 0.1em solid #ccc; padding: 0 1% 1% 1%;}
.fm60{width: 60%; margin: 1em 19% 0 19%; border: 0.1em solid #ccc; padding: 0 1% 1% 1%;}
.fm70{width: 70%; margin: 2em 14% 2em 14%;}
.fm80{width: 80%; margin: 1em 9% 0 9%; border: 0.1em solid #ccc; padding: 0 1% 1% 1%;}
.fm90{width: 90%; margin: 1em 4% 0 4%; padding: 0 1% 1% 1%;}
.fm96{width: 96%; margin: 1em 2% 0 2%; padding: 0 1% 1% 1%;}
.fm98{width: 98%; padding: 1%; border: 0.1em solid #eee;}
.fright{float: right;}
.fs08 {font-size: 80%;}
.fs09 {font-size: 90%;}
.fs11 {font-size: 110%;}
.fs12 {font-size: 120%;}
.h12{height: 12em;}
.h15{height: 15em;}
.h18{height: 18em;}
.h20{height: 20em;}
.h25{height: 25em;}
.hover:hover{background-color: rgb(255,255,0);}
.hoverPale:hover{background-color: #fcfcca;}
.hs2{margin-top: 2em;}
.hspace{margin-top: 2em;}
.infobox {width: 90%; font-size: 1em; border-top: 0.1em; border-bottom: 0.1em; border-left: 0; border-right: 0; border-style: solid; border-color:  #ccc; padding: 0.4em 5% 0.4em 5%; margin: 0 0 0.3em 0; color: #6b6b6b;}
.infobox hr{border: 1px solid #ccc;}
.infobox:hover{color: white; background-color: #666;}
.label {font-style: italic; padding: 0  1.5% 0 0; text-align: right; color: gray; width: 20%;}
.light_green{background-color: #a4f9be;}
.lightgray{background-color:#ccc ;}
.lime{background-color: lime;}
.lowhigh{background-color: #f5ff93;}
.mt01{margin-top: 1em;}
.mt02{margin-top: 2em;}
.mt15{margin-top: 1.5em;}
.navBack{height: 2.75em; margin: 0; width: 100%; -webkit-box-shadow:inset 0px 0px 0px 2px white; -moz-box-shadow:inset 0px 0px 0px 2px white; box-shadow:inset 0px 0px 0px 2px white;}
.navBackSing{height: 2.75em;}
.navInsetBlank, .navInset, .mLink, .mLinkPlus{width: 98%; height: 98%;}
.navInsetBlank, .navInsetPlain, .navInset, .mLink, .mLinkPlus{display: flex; align-items: center; justify-content: center;}
.navInsetPlain {width: 100%; height: 98%;}
.olive{background-color: olive;}
.password{width: 80%;}
.p2{padding: 2%;}
.pb1{padding-bottom: 1em;}
.pink{background-color: pink;}
.pl25{padding-left: 2.5%;}
.pl5{padding-left: 5%;}
.pr25{padding-right: 2.5%;}
.pr5{padding-right: 5%;}
.pt1{padding-top: 1em;}
.sC .subbutton , .sC .button {width: 49%;}
.sC{width: 100%; margin-top: 1em; padding-top: 0.5em; border-top: 0.1em dashed #ccc;}
.sH{font-weight:600; font-size: 1.1em; padding: 1em 0 0.35em 7%; width: 95.2%; margin: 0.3em 0 0.7em -1.1%;}
.sH{font-weight:600; font-size: 1.1em; padding: 1em 0 0.35em 7%; width: 95.2%; margin: 0.3em 0 0.7em -1.1%;}
.ssH{font-weight:600; font-size: 1em; padding: 0; width: 95.2%; margin: 0.1em 0 0.2em 5%;}

.submitline {width: 100%; border-top: 0.1em dashed gray; margin: 0.25em 0 0.25em 0; padding: 0.35em 0 0.25em 0;}
.tbb{border-top: 0.1em solid #aaa; border-bottom: 0.1em solid #aaa; margin: 0.2em 0 0.2em 0; padding: 0 0.2em 0 0.2em;}
.tbl {border-top: 0.1em dashed #aaa;}
.tblHead {width: 100%; font-style: italic; margin-bottom: 0.4em;}
.teal{background-color: teal;}
.w0025{width:0.25%;}
.w005{width:0.5%;}
.w01{width:1%;}
.w015{width:1.5%;}
.w02{width:2%;}
.w025{width:2.5%;}
.w03{width:3%;}
.w035{width:3.5%;}
.w04{width:4%;}
.w045{width:4.5%;}
.w05{width:5%;}
.w055{width:5.5%;}
.w06{width:6%;}
.w065{width:6.5%;}
.w07{width:7%;}
.w075{width:7.5%;}
.w08{width:8%;}
.w085{width:8.5%;}
.w09{width:9%;}
.w095{width:9.5%;}
.w10{width:10%;}
.w100{width:100%;}
.w11{width:11%;}
.w12{width:12%;}
.w13{width:13%;}
.w14{width:14%;}
.w15{width:15%;}
.w16{width:16%;}
.w17{width:17%;}
.w18{width:18%;}
.w19{width:19%;}
.w20{width:20%;}
.w21{width:21%;}
.w22{width:22%;}
.w23{width:23%;}
.w24{width:24%;}
.w25{width:25%;}
.w26{width:26%;}
.w27{width:27%;}
.w28{width:28%;}
.w29{width:29%;}
.w30{width:30%;}
.w31{width:31%;}
.w32{width:32%;}
.w33{width:33%;}
.w333{width:33.3333%;}
.w34{width:34%;}
.w35{width:35%;}
.w36{width:36%;}
.w37{width:37%;}
.w38{width:38%;}
.w39{width:39%;}
.w39s{width: 40.1%;}
.w40{width:40%;}
.w41{width:41%;}
.w42{width:42%;}
.w43{width:43%;}
.w44{width:44%;}
.w45{width:45%;}
.w46{width:46%;}
.w47{width:47%;}
.w48{width:48%;}
.w49{width:49%;}
.w50{width:50%;}
.w51{width:51%;}
.w52{width:52%;}
.w53{width:53%;}
.w54{width:54%;}
.w55{width:55%;}
.w56{width:56%;}
.w57{width:57%;}
.w58{width:58%;}
.w59{width:59%;}
.w60{width:60%;}
.w61{width:61%;}
.w62{width:62%;}
.w63{width:63%;}
.w64{width:64%;}
.w65{width:65%;}
.w66{width:66%;}
.w67{width:67%;}
.w68{width:68%;}
.w69{width:69%;}
.w70{width:70%;}
.w71{width:71%;}
.w72{width:72%;}
.w73{width:73%;}
.w74{width:74%;}
.w75{width:75%;}
.w76{width:76%;}
.w77{width:77%;}
.w78{width:78%;}
.w79{width:79%;}
.w80{width:80%;}
.w81{width:81%;}
.w82{width:82%;}
.w83{width:83%;}
.w84{width:84%;}
.w85{width:85%;}
.w86{width:86%;}
.w87{width:87%;}
.w88{width:88%;}
.w89{width:89%;}
.w90{width:90%;}
.w91{width:91%;}
.w92{width:92%;}
.w93{width:93%;}
.w94{width:94%;}
.w95{width:95%;}
.w96{width:96%;}
.w97{width:97%;}
.w98{width:98%;}
.w99{width:99%;}
.yellow{background-color: yellow;}

body{font-family: sans-serif; font-size: 78%;}
#editLink{width: 100%; text-align: right;}
#footer{width: 98%; text-align: right; padding: 0.5em 2% 0 0 ; margin: 1em 0 2em 0; border-top: 0.1em solid black}
#footerFloat{clear: both; padding: 0; font-size: 0.9em; float: right; margin-bottom: 1em;  width:  80%; text-align: right; }
#footerUser{width: 65%; ;}
#fullMain{width: 96%; padding: 1%;}
#header {height: 12em;  width: 100%;  border-bottom: 0.2em solid grey; background-image: url('../siteimages/logo.png'); background-position: right top; background-repeat: no-repeat; background-size: 50%;}
#leftPanel .button{width: 100%; padding: 0.4em 0 0.4em 0;}
#leftPanel{width: 14%; margin-top: 5em;}
#loggon{position: absolute; left: 68%; top: 12em; font-size: 1em ;text-align: right; width: 30%; color: rgb(166, 166, 166);}
#mainContainer {position: absolute; top: 1em; left: 50%; width: 80%; margin-left: -40%; margin-bottom: 3em;  font-size: 1em;}
#mainPanel{width: 86%; padding: 0; font-size: 1em; margin-bottom: 0.5em; min-height: 45em;}
#map {width: 96%; margin-left: 2%; height: 50em; border: 0.1em solid grey;}
#pageSummary{width: 67%; text-align: justify; font-size: 1.3em; font-weight: normal;margin: 1em 15% 0.5em 12%;}
#pageTitle{width: 100%; text-align: left; font-size: 1.4em; font-weight: bold; margin: 1em 15% 0.75em 4%;}
#project{float: left; font-size: 1em; width: 100%; width: 40%; float: left; margin-top: 3.5em;}
#references ul{margin: 0 0 0 7%;padding: 0;}
#references{width: 68%; margin: 1em 0 0 12%; font-size: 0.9em;}
#rightMain{width: 78%; min-height: 45em;}
#rightPanel{width: 22%; float: right; min-height: 45em;}
#tagLine{font-size: 1.5em; font-weight: normal; color: black; font-family: 'Philosopher', sans-serif; float: right; text-align: right; position: absolute; top: 6.5em; left: 20%; width: 78%; text-align: right;}
#title{font-size: 3em; font-weight: bold; padding: 0.75em 5% 0 0; color: #888;}
#topMenu .button, #topMenu .subbutton{text-align: center; width: 95%; margin: 0;}
#topMenu .button{padding: 0.2em 0 0.2em 0;}
#topMenu .subbutton{padding: 0 ;} 
#topMenu {width: 100%; min-height: 3.2em; padding-bottom: 0.2em;; margin-bottom: 0.2em; }
 .fH{color: black; border-bottom: 0.2em solid #666;}

.navBack,.navBackSing, .button {background-color: rgb(20, 191, 252);}
.navInsetBlank, .navInsetPlain{background-color: rgb(65, 255, 255);}
.navBack:hover, .navInset:hover,.button :hover, .button:hover, .subbutton:hover , .imagButton:hover, .letter:hover, .submit:hover{background-color: rgb(217, 255, 250);}
