@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);

/*GENERAL RESET
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,th,td{  padding:0px;  margin:0px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; font-weight:normal;}
table{ border-collapse:collapse; border-spacing:0;}
img, a img{ border:0;}
td{ vertical-align:top;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
END RESET*/

/*BOOTSTRAP OVERRIDES*/
body { font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
html { scroll-behavior: smooth; }
.container { max-width:1200px !important; }
strong, .font-weight-bold, .fw-bold { font-weight:600 !important; }
a:hover, a:focus { text-decoration:underline; }
tbody tr, tbody td, thead tr, thead td { height:unset !important; }
.row, .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { margin:0; padding:0; }


body { background:url(/images/interface/bkg_page.jpg) #3D3E02 center center no-repeat; background-size:cover; }

h1 { font-family:"Open Sans", sans-serif; font-size:26px; line-height:30px; }
.yellowText { color:#a69912; }
.yellowText a, .yellowText a:visited, .yellowText a:hover { color:#a69912; text-decoration:none; }
.yellowText a:hover { text-decoration:underline; }
.hide { display:none !important; }
.clear { clear:both; }
.photo-left { float:left; margin:6px 15px 15px 0px; }

#contentWrapper { width:100%; max-width:956px; margin:0 auto; }
#bodyWrapper { background:#fff; }
#headerWrapper { background:url(/images/interface/bkg_header.jpg) #5e523c no-repeat; background-size:100% auto; background-position:center top; /*max-height:218px;*/ }
#headerLogo { text-align:center; padding:27px 10px 14px 10px; }
#headerLogo img { width:100%; max-width:775px; height:auto; }
#map-canvas { width:100%; height:504px; }
#footerWrapper { padding:53px 10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:19px; color:#fff;}
#footerWrapper img { padding:10px; max-width:100%; height:auto; }
#navWrapper { text-align:center; background:#3a2706; padding-top:10px; }
#navWrapper.sticky { position:fixed; top:0px; }
#nav { display:inline-block; }
#navWrapper ul, #navWrapper li { margin:0; padding:0; float:left; list-style:none; }
#navWrapper li img { width:auto; height:37px; }
img.active { background:url("/images/interface/bg-active.png") center / auto 100% no-repeat; }

#contentFull { padding:30px 20px; }
.mapRight { text-align:center; width:200px; float:right; padding-top:6px; }
.mapRight a { padding:12px; }

#map-base, #map-base1, #map-base2, #map-base3 { width:100%; height:504px; }
.leaflet-popup-content { margin:0; min-width:515px; max-width:100%; }
.leaflet-popup, .leaflet-popup-content { max-height:unset; }
.leaflet-container a.leaflet-popup-close-button { top:12px; right:10px; background:#fff; border-radius:50%; }
.bg-brown { background:#674914; }
.bg-tan { background:#ECD6A7; }
.bg-sepia { background:#E2C077; }

a.button { display:inline-block; padding:5px 10px; line-height:1; background:#674914 !important; color:#fff !important; border:#674914 solid 1px; text-decoration:none !important; border-radius:6px; }
a.button:hover, a.button:focus { background:#fff !important; color:#674914 !important; text-decoration:none !important; }

@media screen and (min-width: 320px) {
  #navWrapper li img { height:42px;  }
}
@media screen and (min-width: 384px) {
  #navWrapper li img { height:48px;  }
}
@media screen and (min-width: 480px) {
  #navWrapper li img { height:62px;  }
}
@media screen and (min-width: 568px) {
  #navWrapper li img { height:74px; }
  #navWrapper { padding-bottom:15px; }
  .modal-dialog.xl { max-width: 900px; !important }
}
@media screen and (min-width: 956px) {
  #footerWrapper img { padding:17px 38px; }
  #navWrapper { background:none; padding-top:0px; }
}