@font-face {
  font-family: 'h66';
  font-style: normal;
  font-weight: 200;
  src: url('/css/sourcesanspro/200.ttf') format('truetype');
}
@font-face {
  font-family: 'h66';
  font-style: normal;
  font-weight: 400;
  src: url('/css/sourcesanspro/400.ttf') format('truetype');
}
@font-face {
  font-family: 'h66';
  font-style: normal;
  font-weight: 600;
  src: url('/css/sourcesanspro/600.ttf') format('truetype');
}
* {
 border:0;
 padding:0;
 margin:0;
}
html {
 height: 100%;
}
body {
 font-family: 'h66', sans-serif;
 font-weight: 400;
 line-height: 1.2em;
 height: 100%;
 background-color: #ccc;
}
b {
 font-weight: 400;
}
h1, h2, h3 {
 font-weight: 600;
}
h4, h5, h6 {
 font-weight: 400;
}
#wrapper {
 min-height: 100%;
 width: 960px;
 background-color: white;
 margin: 0 auto;
 position: relative;
}
#content {
 padding: 10px 28px 11em 28px;
 overflow: hidden;
 min-height: 320px;
}
.hover-active #content a:hover{
 color:#F54029;
}
footer, footer a {
 color: #666;
 background-color: #ccc;
}
.hover-active footer a:hover {
 color:#F54029;
}
footer {
 height:9em;
 position: absolute;
 bottom:0;
 display:table;
 padding-top:0.5em;
 padding-bottom:0.5em;
}
footer>div {
 display: table-cell;
 font-weight: 200;
 font-size: 90%;
}
footer>div+div {
 padding-left: 40px;
}
footer a {
 text-decoration:none;
}
footer li {
 list-style: none;
}
footer div li {
 white-space:nowrap;
}
footer h4 {
 font-size: 1em;
 line-height: 1.5em;
 border-bottom: 1px solid;
 margin-bottom: 0.4em;
 white-space:nowrap;
}
footer .twitter a:before, footer .facebook a:before, footer .googleplus a:before, footer .privacy a:before, footer .contact a:before {
 content:".";
 text-indent: -10000px;
 height: 16px;
 width: 16px;
 display: inline-block;
 background: url('/img/social.png') no-repeat;
 margin: 5px 7px 5px 0;
}
.hover-active footer li.facebook a:hover:before {
 background-position: -16px 0;
}
.hover-active footer li.googleplus a:hover:before {
 background-position: -16px -16px;
}
.hover-active footer li.privacy a:hover:before {
 background-position: -16px -32px;
}
.hover-active footer li.twitter a:hover:before {
 background-position: -16px -48px;
}
.hover-active footer li.contact a:hover:before {
 background-position: -16px -64px;
}
footer li.googleplus a:before {
 background-position: 0 -16px;
}
footer li.privacy a:before {
 background-position: 0 -32px;
}
footer li.twitter a:before {
 background-position: 0 -48px;
}
footer li.contact a:before {
 background-position: 0 -64px;
}
header {
 font-weight: 400;
 color:#54401F;
 background: url('/img/banner960.jpg') no-repeat 0px -7px;
 height: 225px;
 position: relative;
 font-family: sans-serif;
}
header h1 {
 position: absolute;
 top: 30px;
 left: 20px;
 font-size: 20px;
 white-space: nowrap;
 overflow:hidden;
 text-overflow: ellipsis;
 max-width: 95%;
}
#tagline , #fact{
 position: absolute;
 left: 0;
 padding-left: 3px;
 font-style: italic;
 font-size: 10px;
}
#tagline {
 top: 2px;
}
#fact {
 bottom: 48px;
 white-space: nowrap;
 overflow:hidden;
 text-overflow: ellipsis;
 width: 99%;
}
header h1 a {
 color:#54401F;
 text-decoration: none;
}
header h1 img {
 display: none;
}
header nav a {
 color: #D6C499;
 text-decoration: none;
 display: inline-block;
 text-align: center;
 border: 1.5px solid #D6C499;
 border-bottom: 0;
 border-top-left-radius:7px;
 border-top-right-radius:7px;
 line-height: 19px;
 padding:0 10px;
 margin-top:3px;
 font-size: 14px;
 transition: border-color 1s, background-color 1s, color 1s;

}
header nav a:hover, header nav>ul>li:hover>a,
#home .home>a:hover,
#description .description>a:hover,
#events .events>a:hover,
#library .library>a:hover,
#gallery .gallery>a:hover,
#more .more>a:hover,
#gps .gps>a:hover,
#links .links>a:hover,
#forum .forum>a:hover{
 border-color: #F54029;
 color:#F54029;
 background-color:#D6C499;
 transition: border-color 0.5s, background-color 0.5s, color 0.5s;
}
header:after {
 content:'.';
 text-indent:-10000px;
 display: block;
 width: 100%;
 height: 22px;
 background-color: #D6C499;
 border-bottom: 1px solid #54401F;
 position: absolute;
 bottom:0;
}
header nav li+li {
 padding-left: 10px;
}
header nav {
 position: absolute;
 bottom:23px;
 width: 100%;
 height: 23px;
 background-color: #54401F;
 color: #D6C499;
 display:block;
}
header nav ul {
 text-align: center;
}
header nav li {
 display: inline;
 padding-top: 3px;
}
header nav li ul {
 position: absolute;
 z-index: 1;
}
header nav li ul a {
 color: #54401F;
 border-color: #54401F;
}
header nav li ul a:hover {
 background-color:white;
}
#home .home>a,
#description .description>a,
#events .events>a,
#library .library>a,
#gallery .gallery>a,
#more .more>a,
#gps .gps>a,
#links .links>a,
#forum .forum>a{
 color:#54401F;
 background-color:#D6C499;
}
header nav li ul {
 height:0;
 overflow:hidden;
 transition: height 0.5s, z-index 0.1s;
 width: 100%;
 transition-delay: 0.5s;
 background-color:#D6C499;
}
#home .home ul,
#description .description ul,
#events .events ul,
#library .library ul,
#gallery .gallery ul,
#more .more ul,
#gps .gps ul,
#links .links ul,
#forum .forum ul {
 height: 22px;
 z-index:10;
}
header nav li:hover ul {
 height: 22px;
 transition-delay: 0s;
 z-index:100;
}
#search-box {
 position: absolute;
 left: 60%;
 top: 10px;
}
#search-box input[type='text'] {
 border: 1px inset;
 padding: 2px;
}
#search-box input[type='submit'] {
 border: 1px outset;
 border-radius: 5px;
 background-color: white;
 padding: 2px;
}
#crum {
 padding-left: 3px;
 padding-top: 3px;
 font-size: 10pt;
 color: #666;
}
#crum a {
 color: #666;
 text-decoration: none;
}
#crum:before{content: "You are here: ";}

.adsbygoogle {
 display:block;
 padding: 15px 0;
}
.ava {
 height: 240px;
 width: 120px;
 border: 1px solid #d3d3d3;
 background: url('/img/ava-background.png');
 border-radius: 3px;
 box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.08);
 position:relative;
 display:inline-block;
}
.ava .avai {
 display: block;
 position: absolute;
 top: 39px;
 width: 100%;
 text-align: center;
}
.ava .avai a {
 display: block;
 height: 100%;
 width: 100%;
}
.ava .avat {
 position: absolute;
 top: 135px;
 width: 110px;
 font-size: 13px;
 line-height: 17px;
 height: 34px;
 overflow:hidden;
 padding: 5px 5px 0 5px;
}
.ava .avat a {
 text-decoration:none;
 color: #0066c0;
}
.ava .avap {
 position: absolute;
 top: 174px;
 padding: 5px;
 font-size: 13px;
 line-height: 17px;
}
.ava button {
 position: absolute;
 bottom:0;
 display:block;
 background:none;
 width: 120px;
 height: 31px;
 border:none;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;
 cursor:pointer;
}

.afa {
 clear: both;
 display:block;
 padding-top: 5px;
 margin: 20px auto;
 width: 728px;
 height: 90px;
 background-color: #eee;
 border: 1px solid #ccc;
}
.afa > div {
 width: 182px;
 height: 90px;
 float: left;
}
.afa .afai {
 width: 80px;
 height: 80px;
 float: left;
}
.afa .afai img {
 display:block;
 margin: 2px auto;
}
.afa p {
 font-size:11px;
 font-weight: 200;
 margin-left: 81px;
 width: 100px;
 line-height: 1.2em;
}
.afa .afap {
 font-weight: 400;
}
.afa .afat {
 max-height: 2.4em;
 overflow:hidden;
}
.afa .afaa {
 white-space: nowrap;
 overflow:hidden;
 text-overflow: ellipsis;
}
.afa:after {
 display:block;
 color:#666;
 font-size: 11px;
 line-height: 15px;
 content: 'All purchases are performed at amazon.com';
}
.afa input[type=submit] {
 font-size: 11px;
 background-color: #ffcd68;
 color: black;
 border: 1px solid #fc8a1e;
 border-radius: 7px;
 padding:2px 4px;
 margin-top: 3px;
 cursor:pointer;
}
.imgsample {
 width: 300px;
 float: right;
 margin: 5px 15px 2em 15px;
}
.imgsample div {
 box-shadow: 5px 5px 5px #ccc;
}
.imgsample div p {
 font-size: 80%;
 padding: 4px 1.5em 4px 4px ;
 color: #666; 
 background: #f6f6f6;
}
.imgsample img {
 display:block;
}
.imgsample>p {
 text-align: center; 
 font-size: 70%;
 padding-top: 4px;
}
.plain ul, .plain ol {
 margin-left: 2em;
}
.plain p {
 margin: 0.5em 0;
}
.plain h2 {
 font-size: 1.3em;
 line-height: 1.5em;
 margin: 2.5em 0 1em 0;
}
.plain h2:first-child {
 margin-top: 0.5em;
}
.plain h3 {
 font-size: 16px;
 line-height: 1.2em;
 margin: 1em 0;
}
.plain dl.contact {
 overflow: hidden;
}
.plain dt {
 font-weight:600;
}
.plain dd {
 padding-left:40px;
}
.plain dd+dt {
 padding-top:1em;
}
.plain .hide {
 display:none;
}
.plain label{
 display:block
}
.plain label:not(.hide)+input ,
.plain label:not(.hide)+textarea {
 margin-top: 3px;
}
.plain label:not(.hide) {
 margin-top: 7px;
}
.plain label+input ,
.plain label+textarea ,
.plain input+input ,
.plain input+textarea ,
.plain textarea+input {
 margin-top:10px;
}
.plain input[type=email], .plain input[type=text], .plain textarea {
 width: 300px;
 border: 1px solid #d3d3d3;
 background: #f9f9f9;
 border-radius: 3px;
 box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.08);
 padding:3px;
 width: 450px;
 display:block;
}
.plain textarea {
 resize: vertical;
}
.plain input[type=file] {
 display:block;
}
.plain input[type=submit]{ 
 border: 1px outset;
 border-radius: 5px;
 background-color: white;
 padding: 2px 8px 3px 8px;
 display:block;
}
.calentry {
 position:relative;
 overflow:hidden;
 min-height: 70px;
 margin-top:15px;
}
.calentry >div:first-child{
 width: 75px;
 height: 56px;
 position:absolute;
 top:0;
 left:0;
 border-radius: 5px;
 box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.08);
 background: #f9f9f9;
}
.calentry >div:last-child {
 margin-left:90px;
 
}
.calentry >div:last-child h3{
 margin:0;
}
.calentry >div:last-child p{
 margin:0;
}
.calentry >div:last-child dd:first-child {
 padding-left:0
}
.calentry >div:last-child p.calloc{
 font-style: italic;
}
.calentry >div:first-child p:first-child{
 color:white;
 background:#bb0000;
 height: 20px;
 font-size: 13px;
 line-height: 20px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
.calentry >div:first-child p:last-child{
 color:black
 background:white;
 font-size: 26px;
 font-weight: 600;
 height:36px;
 line-height:36px;
 border: 1px solid #d3d3d3;
 border-top: 0;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}
.calentry >div:first-child p{
 margin:0;
 text-align:center;
}
#library .med {
 display: none;
}
.aprice {
 color: red;
}
.aavail {
 font-size: 80%;
}
.flags:before {
 background: url('/img/flags13.png') no-repeat;
 display:inline-block;
 height:13px;
 width:26px;
 background-size: 26px 65px;
 content:'.';
 text-indent: -1000px;
 position:relative;
 top:2px;
}
.flags.us:before {
 background-position: 0 0;
}
.flags.uk:before {
 background-position: 0 -13px;
}
.flags.ca:before {
 background-position: 0 -26px;
}
.flags.de:before {
 background-position: 0 -39px;
}
.flags.fr:before {
 background-position: 0 -52px;
}
.plain.recom>div{
 margin-left:780px;
}
.plain.recom.dw>div{
 margin-left:620px;
}
.plain.recom.dw .recom .ava,
.plain.recom.dw .recom iframe {
 margin-left:18px;
}
.plain.recom .recom .ava,
.plain.recom .recom iframe {
 margin-bottom: 20px;
}
.plain.recom {
 overflow:hidden;
}
.plain.recom>div:first-child{
 margin-left:0;
 float:left;
 width: 750px;
}
.plain.recom.dw>div:first-child{
 width: 620px;
}
.plain.cols>div:first-child{
 padding-right: 10px;
}
.plain.cols>div+div{
 margin-left: 10px;
 border-left: 1px solid #ccc;
 padding-left: 10px;
}
.plain.cols>div{
 display: table-cell;
 vertical-align: top;
}
.plain.cols {
 display: table;
 width: 100%;
}
.contact dt {
 clear:left;
 padding:10px 0 5px 0;
}
.contact dd {
 clear:left;
}
.contact .facebook a, .contact .twitter a, .contact .rss a, .contact .googleplus a, .contact .address a {
 color: black;
 text-decoration:none;
}
.contact .facebook a, .contact .twitter a, .contact .rss a, .contact .googleplus a, .contact .email a, .contact .address a:before, .contact .web a:before {
 background: url('/img/link32.png') no-repeat;
 background-position: 0 0;
 display: inline-block;
 height: 32px;
 width: 32px;
 content:".";
 text-indent: -10000px;
 margin: 5px 7px 5px 0;
}
.contact .address a:before {
 position:absolute;
 display:block;
 top:0;
 left:0;
}
.contact .address {
 padding-left: 40px;
 padding-right: 10px;
 position: relative;
 display:block;
 float: left;
}
.contact .address {
 min-width: 150px;
}
.contact .facebook, .contact .twitter, .contact .rss, .contact .googleplus, .contact .email , .contact .web {
 float: left;
 clear: none;
 padding-left: 5px;
}
.contact .facebook a { background-position: 0 -32px; }
.hover-active .contact .facebook a:hover { background-position: 0 0; }
.contact .twitter a { background-position: -32px -32px; }
.hover-active .contact .twitter a:hover { background-position: -32px 0; }
.contact .rss a { background-position: -64px -32px; }
.hover-active .contact .rss a:hover { background-position: -64px 0; }
.contact .googleplus a { background-position: -96px -32px; }
.hover-active .contact .googleplus a:hover { background-position: -96px 0; }
.contact .email a { background-position: -128 -32px; }
.hover-active .contact .email a:hover { background-position: -128 0; }
.contact .address a:before { background-position: -160px -32px; }
.hover-active .contact .address a:hover:before { background-position: -160px 0; }
.contact .web a:before { background-position: -192px -32px; }
.hover-active .contact .web a:hover:before { background-position: -192px 0; }

.bigbuttons>div {
 display:inline-block;
 width: 130px;
 position:relative;
 border: 1px solid #d3d3d3;
 border-radius: 5px;
 padding:5px;
 overflow:hidden;
 box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.08);
 background: #f9f9f9;
 color: #666;
 margin: 5px;
 position:relative;
}
.bigbuttons>div>h3 {
 text-align: center;
 color: #666;
 margin:0;
 text-transform:uppercase;
 text-height: 18px;
 line-height: 20px;
 padding-bottom: 3px;
}
.bigbuttons>div>div {
 height: 130px;
 background-repeat: no-repeat;
}
#links .bigbuttons>div>div , #library .bigbuttons>div>div{
 background-image: url('/img/bigbuttons-links-library130-2015091500.png');
 background-size: 780px 260px;
}
#links .bigbuttons>div.link>div, #home .bigbuttons>div>div {
 background-image: url('/img/bigbuttons-home130-2015091500.png');
 background-size: 910px 260px;
}
#description .bigbuttons>div>div {
 background-image: url('/img/bigbuttons-description130-2015091500.png');
 background-size: 1040px 260px;
}
.bigbuttons>div>a {
 position:absolute;
 top:0;
 left:0;
 height: 100%;
 width: 100%;
 text-indent: -1000px;
}
.hover-active .bigbuttons>div>a:hover {
 background-color:rgba(255,255,255,0.25);
}
.bigbuttons>div.description>div { background-position: 0 -130px; }
.hover-active .bigbuttons>div.description:hover>div { background-position: 0 0; }
.bigbuttons>div.events>div { background-position: -130px -130px; }
.hover-active .bigbuttons>div.events:hover>div { background-position: -130px 0; }
.bigbuttons>div.library>div { background-position: -260px -130px; }
.hover-active .bigbuttons>div.library:hover>div { background-position: -260px 0; }
.bigbuttons>div.pictures>div { background-position: -390px -130px; }
.hover-active .bigbuttons>div.pictures:hover>div { background-position: -390px 0; }
.bigbuttons>div.gps>div { background-position: -520px -130px; }
.hover-active .bigbuttons>div.gps:hover>div { background-position: -520px 0; }
.bigbuttons>div.link>div { background-position: -650px -130px; }
.hover-active .bigbuttons>div.link:hover>div { background-position: -650px 0; }
.bigbuttons>div.forum>div { background-position: -780px -130px; }
.hover-active .bigbuttons>div.forum:hover>div { background-position: -780px 0; }
.bigbuttons>div.museum>div { background-position: 0 -130px; }
.hover-active .bigbuttons>div.museum:hover>div { background-position: 0 0; }
.bigbuttons>div.association>div { background-position: -130px -130px; }
.hover-active .bigbuttons>div.association:hover>div { background-position: -130px 0; }
.bigbuttons>div.books>div { background-position: -260px -130px; }
.hover-active .bigbuttons>div.books:hover>div { background-position: -260px 0; }
.bigbuttons>div.maps>div { background-position: -390px -130px; }
.hover-active .bigbuttons>div.maps:hover>div { background-position: -390px 0; }
.bigbuttons>div.music>div { background-position: -520px -130px; }
.hover-active .bigbuttons>div.music:hover>div { background-position: -520px 0; }
.bigbuttons>div.dvd>div { background-position: -650px -130px; }
.hover-active .bigbuttons>div.dvd:hover>div { background-position: -650px 0; }
.bigbuttons>div.illinois>div { background-position: 0 0; }
.bigbuttons>div.missouri>div { background-position: -130px 0; }
.bigbuttons>div.kansas>div { background-position: -260px 0; }
.bigbuttons>div.oklahoma>div { background-position: -390px 0; }
.bigbuttons>div.texas>div { background-position: -520px 0; }
.bigbuttons>div.newmexico>div { background-position: -650px 0; }
.bigbuttons>div.arizona>div { background-position: -780px 0; }
.bigbuttons>div.california>div { background-position: -910px 0; }

.boxes, #mason{
 width: 940px;
 overflow:hidden;
 position: relative;
 left:-8px;
}
.boxes >div {
 float:left;
 border: 1px solid #d3d3d3;
 padding:3px;
 position: relative;
 border-radius: 3px;
 margin: 0 4px 15px 4px;
}
.boxes >div, #mason >div {
 width:216px;
 box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.08);
 background: #f9f9f9;
}
#mason.video >div {
 width: 445px;
}
#mason >div {
 margin: 0 8px 19px 8px;
 margin-left: 8px;
 position: absolute;
 top:0;
 left:0;
}
.youtube {
 height:334px;
 position: relative;
 overflow:hidden;
}
.youtube.wide {
 height:251px;
}
.youtube.verywide {
 height:187px;
}
.youtube iframe {
 top:0;
 left:0;
 width: 100%;
 height: 100%;
 postion: absolute;
}
#mason >div>div {
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}
#mason >div>p {
 border: 1px solid #d3d3d3;
 border-top:0;
 border-bottom-left-radius: 3px;
 border-bottom-right-radius: 3px;
 padding:3px;
 color: #666;
 font-size:80%;
 line-height: 1.2em;
}
#mason a, .boxes a {
 text-indent:-10000px;
 display:block;
 position: absolute;
 top:0;
 right:0;
 width: 100%;
 height: 100%;
}
.hover-active #mason a:hover, .hover-active .boxes a:hover {
 background-color:rgba(255,255,255,0.25);
}
#loading {
 background: #666;
 border-radius: 5px;
 text-align: center;
 color: white;
 line-height: 3em;
 height: 3em;
 margin-bottom: 1em;
 transition: height 0.3s;
}
.boxes h3 {
 text-align: center;
 color: #666;
}
.boxes >div >div {
 width: 70px;
 height: 70px;
 margin-top:3px;
 float:left;
}
.boxes >div h3+div {
 width:216px;
 height:144px;
}
.boxes >div h3+div+div+div {
 margin-left:3px;
 margin-right:3px;
}
.yearpicker, .statepicker {
 padding-top:0.4em;
 padding-bottom:0.4em;
}
.hover-active .yearpicker a:hover,
.hover-active .statepicker a:hover {
 border-color:#F54029;
}
.yearpicker a,
.statepicker a {
  border: 2px solid #ccc;
  color: white;
  background-color: #ccc;
  font-size: 2em;
  line-height: 2em;
  width: 2em;
  display:inline-block;
  text-decoration: none;
  text-align: center;
  margin-top: 0.1em;
}
.yearpicker a.this,
.statepicker a.this {
  color: #ccc;
  background-color: white;
}
.yearpicker a{
 width: 3em;
}
.g-recaptcha {
 margin:10px 0;
}
#EU {
 position: fixed;
 bottom: 0;
 left: 50%;
 margin-left:-160px;
 width: 310px;
 background: #666;
 color: #ccc;
 font-size: 70%;
 line-height: 1.1em;
 padding:5px;
 opacity: 0.9;
}
#EU a {
 color: #ccc;
}
#EU button {
 padding:5px;
 margin: 5px;
 float: right;
 background: #ccc;
 color: black;
}



b { font-weight:600; }
.ewwe {border-collapse:collapse; border-style: hidden; margin:0; padding:0}
.ewwe td, .ewwe th {border: 1px solid #969491; border-width: 0 1px 0 1px; padding: 2px 5px 2px 5px; }
.ewwe th {border-width: 0 1px 1px 1px; padding: 1px 3px; }
.subtle {text-decoration: none; color:#212121;}
.clear {clear:both}
.note { background-color: #E0D6B5; padding: 3px; }
.site { background-color: #C9B582; padding: 3px; margin: 3px 0 3px 0; }
.site:before { content:'Site: '; }
.alt2, .alt3, .alt4, .alt5, .alt6, .altn {table-layout:fixed; border-collapse:collapse; border-style: hidden; margin:0; padding:0}
.altn td, .altn th, .alt6 td, .alt6 th, .alt5 td, .alt5 th, .alt4 td, .alt4 th, .alt3 td, .alt3 th, .alt2 td, .alt2 th {border: 1px solid #969491; padding: 2px 5px 2px 5px; vertical-align: top;}
.alt6 td, .alt6 th {width:16%}
.alt5 td, .alt5 th {width:20%}
.alt4 td, .alt4 th {width:25%}
.alt3 td, .alt3 th {width:33%}
.alt2 td, .alt2 th {width:50%}
.altn th, .alt6 th, .alt5 th, .alt4 th, .alt3 th, .alt2 th {padding: 1px 3px; vertical-align: bottom;}
.altrejoin {border: 1px solid #969491; text-align:center;}
th.codeprior {color:#F57D00;}
th.code20s {color: #DE3B21;}
th.code30s {color: #966305;}
th.code50s, th.code40s {color: #54C247;}
th.codeinterstates {color: blue;}
.towninfo {border-collapse:collapse; border-style: hidden; margin:0; padding:0; background-color:#E0D6B5;}
.towninfo td {border: 1px solid #969491; padding: 2px 5px 2px 5px;}
.towninfo td:first-child {text-align: right;}
.sidetrip {background-color:#969491; padding: 3px; margin: 3px 0 3px 0;}
.sidetrip:before{content: "Sidetrip: ";}


@media only screen and (max-width: 995px) {
 .plain.recom>div{
  margin-left:606px;
 }
 .plain.recom.dw>div{
  margin-left:446px;
 }
 .plain.recom>div:first-child{
  margin-left:0px;
  width: 576px;
 }
 .plain.recom.dw>div:first-child{
  width: 446px;
 }
 #library .med {
  display: block;
 }
 #library .large {
  display: none;
 }
 .contact .web a:before {
  display:none;
 }
 .contact .web a {
  background: url('/img/link32.png') no-repeat;
  display: inline-block;
  height: 32px;
  width: 32px;
  content:".";
  text-indent: -10000px;
  margin: 5px 7px 5px 0;
 }
 .contact .web a { background-position: -192px -32px; }
 .hover-active .contact .web a:hover { background-position: -192px 0; }
 #mason, .boxes {
  width: 740px;
 }
 header nav li+li {
  padding-left: 0px;
 }
 .plain input[type=email], .plain input[type=text], .plain textarea {
  width: 390px;
 }
 #wrapper {
  width: 770px;
 }
 header {
  background-size: 770px 143px;
  height: 190px;
 }
 header h1 {
  top: 25px;
  left: 15px;
  font-size: 18px;
 }
 footer div:last-child {
   padding-right: 2px;
 }
 footer div:first-child {
   padding-left: 2px;
 }
 #content {
  padding: 10px 20px 11em 20px;
 }
}


@media only screen and (max-width: 767px) {
 .plain.recom.dw>div,
 .plain.recom>div{
  margin-top:20px;
  margin-left:0;
 }
 .plain.recom .recom>div {
  white-space: nowrap;
  overflow-x:hidden;
  margin-left: 20px;
 }
 .plain.recom.dw .recom .ava,
 .plain.recom .recom .ava {
  margin-bottom: 0;
  margin-right: 18px;
  margin-left:0;
  white-space:normal;
 }
 .plain.recom.dw .recom iframe,
 .plain.recom .recom iframe {
  margin-bottom: 0;
  margin-right: 20px;
  margin-left:0;
 }
 .plain.recom .recom .ava+.ava+.ava+.ava,
 .plain.recom .recom iframe+iframe+iframe+iframe {
  display:none;
 }
 .plain.recom.dw>div:first-child,
 .plain.recom>div:first-child{
  float:none;
  width: auto;
 }
 #library .plain.cols>div+div{
  margin:0;
  border:0;
  padding:0;
  padding-top:10px;
 }
 #library .plain.cols>div{
  display: block;
  clear:both;
 }
 #library .plain.cols {
  display: block;
 }

 #mason, .boxes {
  width: 470px;
  left:-12px;
 }
 .plain input[type=email], .plain input[type=text], .plain textarea {
  width: 430px;
 }
 #crum {
  display:none;
 }
 #crum+.afa {
  height:92px;
 }
 #crum+.afa div+div+div{
  display:none;
  float:none;
 }
 #wrapper {
  width: 480px;
 }
 header {
  background-size: 480px 90px;
  height: auto;
 }
 #search-box,
 #tagline {
  display:none;
 }
 header h1 {
  position:static;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 15px;
 }
 .afa {
  width:364px;
  height: 180px;
 }
 footer div:first-child p {
   font-size: 75%;
 }
 footer {
  height: 11em;
 }
 #content {
  padding-bottom: 13em;
 }
 #fact {
  position:static;
  padding-left: 3px;
  padding-top:57px;
 }
 header nav ul>li {
  display:block;
  height: auto;
 }
 header nav ul ul {
  display:none;
 }
 header nav {
  width: 100%;
  min-height: 36px;
  position:static;
  height:auto;
  margin-bottom: 36px;
 }
 header nav>ul {
  margin: 0 auto;
  background: url('/img/menumobile.png') no-repeat left top;
  padding-top: 36px;
  width: 318px;
  position:static;
  height:auto;
  border-left: 1px solid #D6C499;
  border-right: 1px solid #D6C499;
 }
 header nav li+li {
  padding-left: 0;
 }

 #home .home>a,
 #description .description>a,
 #events .events>a,
 #library .library>a,
 #gallery .gallery>a,
 #more .more>a,
 #gps .gps>a,
 #links .links>a,
 #forum .forum>a{
  background-color:#54401F;
  color:#D6C499;
 }
 header nav a {
  display:block;
  border:0;
  margin:0;
  border-top: 1px solid #D6C499;
  border-radius:0;
  height: 32px;
  line-height: 32px;
 }
 header nav li {
  display:block;
  height: 36px;
  transition: height 1s;
 }
 header:after {
  display:none;
 }
 .mobhide li {
   height: 0;
   padding:0;
   overflow:hidden;
 }
 header nav a:hover, header nav>ul>li:hover>a,
 #home .home>a:hover,
 #description .description>a:hover,
 #events .events>a:hover,
 #library .library>a:hover,
 #gallery .gallery>a:hover,
 #more .more>a:hover,
 #gps .gps>a:hover,
 #links .links>a:hover,
 #forum .forum>a:hover{
  border-color: inherit;
  color:inherit;
  background-color:inherit;
  transition: none;
 }
}

@media only screen and (max-width: 479px) {
 .plain.recom .recom .ava+.ava+.ava,
 .plain.recom .recom iframe+iframe+iframe {
  display:none;
 }
 .contact .address+dd {
  clear:left;
 }
 .plain.cols>div+div{
  margin:0;
  border:0;
  padding:0;
  padding-top:10px;
 }
 .plain.cols>div{
  display: block;
  clear:both;
 }
 .plain.cols {
  display: block;
 }
 #mason, .boxes {
  width: 100%;
  left:18px;
 }
 #wrapper {
  width: 320px;
 }
 #crum+.afa div+div{
  display:none;
  float:none;
 }
 .plain input[type=email], .plain input[type=text], .plain textarea {
  width: 300px;
 }
 .afa {
  width:182px;
  height: 360px;
 }
 footer {
  height: 6em;
 }
 #content {
  padding: 10px 5px 10em 5px;
 }
 footer div:first-child {
   display:block;
   font-size: 75%;
 }
 footer div {
   display:none;
 }
 header {
  background-size: 320px 60px;
  background-position: 0 2px;
 }
 #fact {
  padding-top:37px;
 }
 .imgsample {
  display:block;
  float:none;
  margin: 5px;
 }
 #mason.video {
  left:-5px;
  width: 320px;
 }
 #mason.video >div {
  width: 300px;
 }
 .youtube {
  height:225px;
 }
 .youtube.wide {
  height:169px;
 }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi),
       only screen and (min-resolution: 2dppx) {
 .contact .facebook a, .contact .twitter a, .contact .rss a, .contact .googleplus a, .contact .email a, .contact .address a:before, .contact .web a:before {
  background-image: url('/img/link64.png');
  background-size: 224px 64px; 
 }
 #links .bigbuttons>div>div , #library .bigbuttons>div>div{
  background-image: url('/img/bigbuttons-links-library260-2015091500.png');
 }
 #links .bigbuttons>div.link>div, #home .bigbuttons>div>div {
  background-image: url('/img/bigbuttons-home260-2015091500.png');
 }
 #description .bigbuttons>div>div {
  background-image: url('/img/bigbuttons-description260-2015091500.png');
 }
 .flags:before {
  background-image: url('/img/flags26.png');
 }
 .ava {
   background: url('/img/ava-background2x.png');
  background-size: 120px 240px;
 }
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
       only screen and (max-width: 767px) and (min-resolution: 192dpi),
       only screen and (max-width: 767px) and (min-resolution: 2dppx) { 
 header nav>ul {
  background: url('/img/menumobile2x.png') no-repeat left top;
  background-size: 320px 36px;
 }
}

@media print {
 header:after, #fact, #crum, #tagline, #search-box, .recom .recom, nav, ins.adsbygoogle, div.afa, footer div+div {
  display:none !important;
 }
 header {
  background-color:#54401F;
 }
}