/* Global Styles */

body {
  background-color: #fbfff8;
  font-family: Merriweather Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  color: #222222;
  margin: 0px;
  line-height: 23px;
  letter-spacing: .02em;
}
  
td, p {
  font-size: 16px;
  font-family: Merriweather Sans, sans-serif;
  line-height: 23px;
  color: #222222;
  letter-spacing: .02em;
}

ul {
  margin-top: -13px;
  font-size: 16px;
  font-family: Merriweather Sans, sans-serif;
  line-height: 23px;
  color: #222222;
  letter-spacing: .02em;
}

input {
  font-size: 17px;
  font-family: Merriweather Sans, sans-serif;
  color: #221122;
  letter-spacing: .02em;
}

table.center {
  margin-left: auto;
  margin-right: auto;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

tr.center {
  text-align: center;
}

p.center {
  text-align: center;
}

p.left {
  text-align: left;
}

tr:nth-child(odd) { background: #f1fbe6; }
/* li { margin: 2px 0 2px 0; } */
  
/* ID Styles */

#centerText {
  text-align: center;
}

#logo   {
  font:24px Merriweather Sans, sans-serif;
  color: #385000;
  background-color: #f1fbe6;
  letter-spacing:.2em;
  line-height:30px;
}

#tagline   {  
  font:13px Merriweather Sans, sans-serif;
  color: #993300;
  background-color: #f1fbe6;
  letter-spacing:.4em;
  line-height:18px;
}

#monthformat {
  border-bottom: 1px dashed #385000;
}

#dateformat  {
: font:11px Merriweather Sans, sans-serif;
  color: #FFFF00;
  font-weight:normal;
  letter-spacing:0.1em;
  text-decoration:none;
  text-align: left;
}
  
#dateformat a:hover {
  color: #F7FFEE;
  letter-spacing:.1em;
}

#hoverimg a:hover { opacity:0.7 }
  
/* Class Styles */

.thumbnail {
  width: 70px;
  display:block;
  z-index:999;
  cursor: pointer;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
 }
.thumbnail:hover {
  transform: scale(15);
position: relative;
object-fit: cover;
}

.dispb {
display: block;
width: 4000px;
}

.col2 {
  width: 1098px;
  margin-left: 25px;
  overflow: hidden;
}

.left {
  float: left; width: 653px;
}
  
.right {
  float: right; width: 407px;
}

.left520 {
  float: left; width: 550px;
}
  
.right480 {
  float: right; width: 510px;
}

.leftcol {
  margin-bottom: 0px;
  width: 7px;
  background-color: #88ac5a;
  float: left;
}

.bodyText {
  font-family: Merriweather Sans, sans-serif;
  font-size: 16px;
  font-color: #222222;
  line-height: 23px;
  margin-top: 0px;
  letter-spacing: .01em;
}

.monoText {
  font-family: Monaco, monospace;
  font-size: 14px;
}

.subHeaderC {
  font-family: Merriweather Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #993300;
  line-height:26px;
  letter-spacing:0.1em;
  text-align: center;
}

.subHeader {
  font-family: Merriweather Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #993300;
  line-height:26px;
  letter-spacing:0.1em;
}

.quote {
  font: 20px Merriweather Sans, sans-serif;
  color: #759DA1;
  line-height:30px;
}
  
.smallTextM {
  font-family: Merriweather Sans, sans-serif;
  font-size: 13px;
  color: #993300;
  line-height: 16px;
}
  
.smallText {
  font: 13px Merriweather Sans, sans-serif;
  color: #222222;
  line-height: 16px;
}
  
.navText {
  font-family: Merriweather Sans, sans-serif;
  font-size: 13px;
  color: #772266;
  line-height: 16px;
}

.dateText {
  font-family: Merriweather Sans, sans-serif;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: .1em;
  color: grey;
}
  
.dateText12 {
  font-family: Merriweather Sans, sans-serif;
  font-size: 12px;
  /* line-height: 27px; */
  line-height: 20px;
  color: #993300;
}

.dateText14 {
  font-family: Merriweather Sans, sans-serif;
  font-size: 13px;
/*  line-height: 29px; */
  line-height: 20px;
  color: #993300;
}

.liverText {
  font-family: Merriweather Sans, sans-serif;
  font-size: 16px;
  color: #993300;
}

.input-text {
  font-family: Monaco, "Courier New", monospace;
  font-size: 15px;
  font-weight: bolder;
}

.hover-img a { position:relative; }
.hover-img a span { position:absolute; display:none; z-index:99 }
.hover-img a:hover span { display:block; }

.container {
  position: relative;
  font-family: Merriweather Sans, sans-serif;
  font-size: 16px;
}

.text-block {
  position: absolute;
  bottom: 10px;
  left: 200px;
  color: yellow;
  padding-left: 15px;
  padding-right: 15px;
}