*,
*:before,
*:after {
  box-sizing: border-box;}
body {
  padding: 20px;
  background-color: #f8f7f4;
font-size: 1em;
font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 140%;}
ul {
  padding-left: 1em;}
h1,h2,p {
  margin: 0 0 .8em 0;
  font-weight: normal;}
h1 {
  font-family: Georgia, serif;
  font-size: 1.8em;
  }
h2 {font-style: italic;
  font-size: 1.4em;
}
.container {
  max-width: 940px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 7px;}
.header {
  font-size: 3em;
  color: #0d0c22 !important;
  font-family: Georgia, serif;
  text-align: left;
  grid-column-start: 1;
  grid-column-end: -1;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  height:auto;
  }
.container>* {
  background-color: #f8f7f4;
  color: #0d0c22;
  border-radius: 3px;
  padding: 0px;
  }
.footer {
  text-align: center;
  grid-column-start: 1;
  grid-column-end: -1;
  font-size: .8em;
  color:gray;}
.caption {
  text-align: center;
  font-size: 0.8em;
  font-style: italic;}
.menu {
  list-style-type: none;}
.menu li a {
  display: block;
  color: #0d0c22;
  padding: 6px 16px;
  text-decoration: none;}
.menu li a:hover:not(.active) {
  color: green;}
.active {
  background-color: #4CAF50;}
.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  background: rgba(0, 0, 0, 0.8);}
.lightbox:target {
  display: block;}
.lightbox span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;}
hr {
  border: 1px dotted #606060;
  border-style: none none dotted; 
  color: #2e2e2e; 
  background-color: #2e2e2e;}
@media (max-width: 800px) {
  .container {
    grid-template-columns: none;
  }
}

hr.bottom { 
  height: 20px; 
  border-style: solid; 
  border-color: #0d0c22; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
  background-color: #f8f7f4;
  margin-bottom: 1.5em;
} 
hr.top { 
  height: 20px; 
  border-style: solid; 
  border-color: #0d0c22; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
  background-color: #f8f7f4;
} 

#main-nav a, #site-logo a, .the-button, a:hover {
	text-decoration: none;
}

the-button::-moz-focus-inner {
	border: 0;
	padding: 0
}
.the-button {
	-webkit-appearance: none;
	margin: 0;
	border: none;
	overflow: visible;
	color: #6f6d6b;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 16px;
	background: #e5e5e0;
	vertical-align: middle;
	line-height: 30px;
	font-family: "Open Sans",sans-serif;
	font-size: 12px;
	border-radius: 3px
}
.the-button:not(:disabled) {
	cursor: pointer
}
.the-button:focus, .the-button:hover {
	background-color: #2e6da4;
	color: #545250;
	outline: 0;
	text-decoration: none
}
.the-button-link:focus, .the-red-link:focus {
	outline: dotted 1px
}
.the-button.the-active, .the-button:active {
	background-color: #2e6da4;
	color: #549ac6
}
.the-button-primary {
	background-color: #4D6CC6;
	color: #fff;
	border-radius: 16px;
}
.the-button-primary:focus, .the-button-primary:hover {
	background-color: #3A5195;
	color: #fff
}
.the-button-primary.the-active, .the-button-primary:active {
	background-color: #4D6CC6;
	color: #beeaff
}
.the-button-success {
	background-color: #8fb05f;
	color: #fff;
	border-radius: 16px;
}
.the-button-success:focus, .the-button-success:hover {
	background-color: #9dba73;
	color: #fff
}
.the-button-success.the-active, .the-button-success:active {
	background-color: #7e955b;
	color: rgba(255,255,255,.85)
}
.the-button-red {
	background-color: #E7503F;
	color: #fff;
	border-radius: 16px;
}
.the-button-red:focus, .the-button-red:hover {
	background-color: #d43f3a;
	color: #fff
}
.the-button-red.the-active, .the-button-red:active {
	background-color: #b45656;
	color: rgba(255,255,255,.85)
}
.the-button:disabled {
	background-color: #fff;
	color: #a4a29e
}
.the-button-link, .the-button-link.the-active, .the-button-link:active, .the-button-link:disabled, .the-button-link:focus, .the-button-link:hover, .the-red-link, .the-red-link.the-active, .the-red-link:active, .the-red-link:disabled, .the-red-link:focus, .the-red-link:hover {
	border-color: transparent;
	background: 0 0;
	font-size: .81em/150%;
	font-weight: inherit;
	letter-spacing: 1px
}
.the-button-link {
	color: #549ac6
}
.the-button-link.the-active, .the-button-link:active, .the-button-link:focus, .the-button-link:hover {
	color: #286f9b;
	text-decoration: underline
}
.the-button-link:disabled {
	color: #a4a29e
}
.the-red-link {
	color: #c86161
}
.the-red-link.the-active, .the-red-link:active, .the-red-link:focus, .the-red-link:hover {
	color: #d43f3a;
	text-decoration: underline
}
.the-red-link:disabled {
	color: #a4a29e
}
.the-button-mini {
	min-height: 20px;
	padding: 0 6px;
	line-height: 20px;
	font-size: 12px
}
.the-button-small {
	min-height: 25px;
	padding: 10px;
	line-height: 25px;
	font-size: 14px
}
.the-button-large {
	min-height: 40px;
	padding: 0 15px;
	line-height: 40px;
	font-size: 17px
}
.the-button-group {
	vertical-align: middle;
	font-size: 0;
	white-space: nowrap
}
.the-button-group .the-button {
	vertical-align: top
}
.the-button-dropdown {
	vertical-align: middle;
	position: relative
}
.the-button-group>.the-button:not(:first-child):not(:last-child),.the-button-group>div:not(:first-child):not(:last-child) .the-button {
	border-radius: 0
}
.the-button-group>.the-button:first-child, .the-button-group>div:first-child .the-button {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.the-button-group>.the-button:last-child, .the-button-group>div:last-child .the-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.the-button-group>.the-button:nth-child(n+2),.the-button-group>div:nth-child(n+2) .the-button {
	margin-left: -1px
}
.buttonchevron {
	font-size: 16pt
}