.hr {display:none;} /* ?? */
html,body{font-family:Calibri, sans-serif;font-size:16px;line-height:1.2; background-color: #815723;}
p {font-size:1.1em;}
#maincontent p {font-size:1.2em;}
a {color:#800000;}
a:hover {color:#400000;cursor:pointer;}
.darkbg a {color:#f1ce96;}
.darkbg a:hover {color:#e7d5b8;}
a.darkhover:hover {color:#400000;}
.header {
	background-color:#D1A259;
	margin:8px 8px 30px 8px;
	padding:15px;
	font-family:Comic Neue;
	font-size:1em;
	line-height:1.5em;
	text-align:center;
}
.button {
  background-color: #c79951;
  border: none;
  color: #564316;
  border-radius: 5px;
  padding: 12px 24px;
  margin: 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family:Comic Neue;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  text-transform: uppercase;
}
.button:hover {background-color: #D1A259;color: #564316;}

.btn {color:#F6B002; background-color:#85480b; margin:10px; padding:5px 10px; letter-spacing: 1px; border:none; border-radius: 5px; text-decoration: none; display: inline-block;}
.btn:hover {background-color:#663300;color:#f1ce96;}
a.btn::before {content: "» ";}
a.noarw::before {content: "" !important;}

#menu2 {font-family: 'Comic Neue', sans-serif; color: #DAA450; margin-left:15px; font-size:1.1em; margin-top: 30px; line-height:1.2;}
#menu2 ul {list-style: none; margin: 0; padding: 0;}
#menu2 li {
	padding: 3px;
	margin: 0px;
	text-align:left;
    background-repeat: no-repeat;
	background-position: 0px 2px;
}
#menu2 li.left {background-image: url(images/arrow1a.gif);}
#menu2 li.right {background-image: url(images/arrow2a.gif);}
#menu2 li a {
	text-decoration: none;
	display: block;
	padding: 0px 7px;
	color: #DAA450;
	margin-left: 15px;
}
#menu2 li.left:hover {background-image: url(images/arrow1aon.gif);}
#menu2 li.right:hover {background-image: url(images/arrow2aon.gif);}
#topnav {
  display: none;
  color: #D1A259;
  padding:10px;
  font-family: 'Comic Neue', sans-serif;
}
.icon {
  float: right;
  display: block;
  color:#D1A259;
  padding:2px 16px;
  font-size: 1.07em;
}
.icon:hover {
  color:#D1A259;
}
.container {
    position: relative;
}
#respmenu {
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
}
#leftcol {
    margin-right: 200px;
	border-right: 2px solid #784747;
	background-color:#B27E2C;
	
}
#respmenu.responsive {display:block; padding:30px 0px;}
#sidebar {
  position: absolute;
  left: 0;top:0;
  background-color:#593C17;
  margin-left:20px;
  width:200px;
  height: 100%;
  background-image: url(line.gif), url('line2.gif');
  background-position: left, right;
  background-repeat: repeat-y, repeat-y;
  text-align:center;
}
#maincol {
  margin-left:210px;
}
#footer {text-align:right; background-color:#593c17; box-shadow: 0 3px 16px 0 rgba(0,0,0,0.2) inset, 0 6px 20px 0 rgba(0,0,0,0.19);}
img.imgleft {float:left; margin: 20px 30px 30px auto;}
img.imgright {float:right; margin: 20px auto 30px 30px;}
.slideshead {
  display: flex;
  flex: 1;
}
img {max-width:100%;height:auto;}
.vid {max-width:100%;height:auto;}
#maincontent {
  max-width:1080px;
  background-color: #bf872e;
  margin:auto;
  padding: 30px 50px 30px 50px;
}

input, textarea {
  padding: 12px 20px;
  margin: 5px 0;
  box-sizing: border-box;
}
#past, #newsletter {
  display:inline-block;
  background-color:#93500d;
  width:130px;
  border-radius:7px;
  padding:8px 4px;
  color:#e3a711;
  text-decoration:none;
  border: 4px solid #cf9436;
}
#past {margin-top:30px; border-color: #d38406;}
#past:hover, #newsletter:hover {background-color:#a3500d;color: #f1ce96;}
.clearfix::after { /* make div of class clearfix to contain floating images */
  content: "";
  clear: both;
  display: table;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 840px;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}
@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 36px;
  font-weight: bold;
  background-color: #f1ece6;
  padding: 0px 10px;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  
}
img {box-sizing: content-box;}
.slides img {box-sizing: border-box;}

@media screen and (max-width: 800px) {
  body {background-color: #593C17;}
  #topnav {display: block;}
  #respmenu {position: static; width:100%; display:none; background-color: #6c4b21;}
  #leftcol {margin-right: 0px; background-color: #bf872e; background-image: none; border-right: 0px;}
  #maincontent {max-width:100%;padding:10px; margin:0px 0px;}
  #menu2 li.left, #menu2 li.right {background-image: none;}
  #menu2 li.left:hover, #menu2 li.right:hover {background-image: none;background-color:#81541b;}
  #menu2 li, #menu2 li {text-align:center;}
  #menu2 {margin-left:0px; margin-top: 0px; text-transform: uppercase;}
  #menu2 li a {margin-left: 0px;}
  #liz {display: none;}
  #newsletter {width:auto; padding:12px;}
  #past {display: none;}
  #footer {text-align:center;}
  img.imgleft, img.imgright {float:none; margin:30px auto; display:block;}
}
@media screen and (max-width: 1100px) {
  #sidebar {display: none;}
  #maincol {margin-left:0px;}
}
@media screen and (max-width: 1000px) {
  .modal-content {width: 90%;}
}