hr {border-color:#000000}

.site_header {
    /* position: fixed; */
    top: 0;
    background-color: #080808;
    max-width: 800;
    z-index: 10;
}
.site_main {
    /* margin: 320px auto; */
    margin: 0px auto;
    max-width: 650px;
}
            
body {
    margin: 30px auto;
    max-width: 800px;
    line-height: 1.6;
    font-size: 18px;
    color: #979797;
    padding: 0 10px;
    background-color: #080808;
    /* font-family: 'Copperplate Gothic', Garamond,'Times New Roman', Times, serif;  */
    font-family: "Spectral SC", serif;
    background-image: url("1852TLogo.png");
    background-position: center center;
    background-attachment: fixed;
    background-size: 500px; 
    background-repeat: no-repeat; 
    background-blend-mode:soft-light;
    
}
figcaption {
  font-style: italic;
  padding: 2px;
  text-align: center;
}
h1,h2,h3 {
    line-height: 1.2
}

div.scrollmenu {
  background-color: #5f0000;
  overflow: auto;
  white-space: nowrap;
  position: sticky;
  top: 0;
}

div.scrollmenu a {
  display: inline-block;
  color: #ff0000;
  font-weight: 700;
  text-align: center;
  padding: 5px 18px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #222222;
}

div.scrollmenu a.active {
    background-color: #ec1c24;
    color: #000;
    font-weight: 900;
}

/* For Chrome, Safari, Edge, and Opera */
::-webkit-scrollbar {
  width: 8px; /* width of the vertical scrollbar */
  height: 8px; /* height of the horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: black /* color of the track (background) */
}

::-webkit-scrollbar-thumb {
  background: #363636; /* color of the thumb (draggable handle) */
  border-radius: 6px; /* rounds the corners of the thumb */
}

::-webkit-scrollbar-thumb:hover {
  background: #333; /* color when hovering over the thumb */
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  border: 2px solid gold;
  border-radius: 15px;
  width: 50%;
}
img.bodyimg {
    border: 2px solid #ff0000;
}
            
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

h1,h2 {
    text-align: center;
}
    
table {
    border: 4px solid gold;
    border-radius: 15px;
    padding: 5px;
    width: 100%;
    font-size: 16px;
}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #cf2222;
  color: #000;
} 

tr, td {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid #5f0000;
    background-color: #5f0000;
}

td.title {
    color: gold;
    font-weight: 500;
}
td.GoldenHills {
    background-color: gold;
    color:#000
}

tr:hover {background-color: #722f2f;}

h3 {
    color: gold;
}

#history_body{
    text-align: center;
}

.button {
    background-color: #640202;
    height: 260px;
    width: 200px;
    border-radius: 15px;
    vertical-align: bottom;
    border: 2px solid gold;
    color: white;
    padding: 8px 16px;
    text-align: center;
    font-size: 16px;
    font-family: "Spectral SC",'Copperplate Gothic', Garamond,'Times New Roman', Times, serif;
    margin: 4px 2px;
    opacity: 0.8;
    transition: 0.3s;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    z-index: 5;
  }

  .button a {
    text-decoration: none;
    color: gold;
  }

  .button:hover {opacity: 1}
  
  .trek_button {
    height: 350px;
    width: 250px;
    background-color: #640202;
    border-radius: 15px;
    vertical-align: bottom;
    border: 2px solid gold;
    color: white;
    padding: 8px 16px;
    text-align: center;
    font-size: 16px;
    font-family: "Spectral SC",'Copperplate Gothic', Garamond,'Times New Roman', Times, serif;
    margin: 4px 2px;
    opacity: 0.8;
    transition: 0.3s;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    z-index: 5;
  }

  .trek_button a {
    text-decoration: none;
    color: gold;
  }

  .trek_button:hover {opacity: 1}

  .link {
    border: 2px solid red;
    border-radius: 15px;
  }
  
  .link_button {
      padding: 4px 4px;
  }