.center {text-align:center;}
.responsive-img {max-width:100%; height:auto;}
.hide {display:none;}
.bold {font-weight:700;}

.litehed {
font-size: 1.3rem;
letter-spacing: 1px;
line-height: 120%;
}

h1, .hed {
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 1px;
line-height: 120%;
}

@media only screen and (max-width: 740px) {
   .text {
		 font-size:0.9rem;
		 line-height: 120%;
		 padding:0 12px 0 12px;
	}
    .hide-on-small-only {
		display: none;
	}
    PRE {
		font-size:0.7em;
	}
    UL {margin-left:-15px;}
}

@media only screen and (min-width: 741px) {
   .text {
		 letter-spacing: 1px;
		 line-height: 120%;
 		 max-width:800px;
     margin:8px auto;
	}
}

@media only screen and (min-width: 741px) {
    .hide-on-med-and-up {
		display: none;
	}
}

body { 
scrollbar-arrow-color: #587d49; 
} 

.navtable {
font-family:'Goudy Old Style', serif;
letter-spacing: 1px;
line-height: 120%;
width:100%;
max-width: 800px;
text-align:center;
font-size:0.9rem;
border-spacing: 2px;
border-collapse: separate;
display:table;
margin:28px auto 10px auto;
}

.navtable td, .navtable th {
padding:3px;
}

@media only screen and (max-width: 740px){
.navtable {font-size:0.8rem;}
}

.navtable img {vertical-align:middle;}


.return-cell ~ .hiker-cell img {
 transform: scaleX(1);
 transition: transform 0.4s;
}
.return-cell:hover ~ .hiker-cell img {
 transform: scaleX(-1);
 transition: transform 0.4s;}

.hiker-cell img {
 transform: scaleX(1);
 transition: transform 0.4s;
}
.hiker-cell img:hover {
 transform: scaleX(-1);
 transition: transform 0.4s;
}


.herewego {
background-image: url(img/herewego1.gif); 
background-position: 60% 85%; 
background-repeat: no-repeat;
background-attachment: scroll;
font-size: 21px;
letter-spacing: 1px;
line-height: 120%;
}

.rost {
font-family:verdana,arial,sans-serif;
font-size:8pt;} 

} 

input#searchSubmit {
	background: #ffffff;
	width:60px;
	height:16px;
	margin:2px;
}

.button {
	background: #587D49;
	color: #eeeeee;
	padding: 1px;
	margin:0;
	border-style: outset;
	width:90px;
	cursor: pointer;
}
.check {
	background: url(img/stone2.jpg);
	padding: none;
	margin:0;
	border:none;
	cursor: pointer;
}

form 			{margin-top:0; margin-bottom:0; }
input 		{background-color:#FFF; color:#000; font-size:11px; }
select 		{background-color:#FFF; color:#000; font-size:11px; }
textarea	{font-family:arial,sans-serif; background-color:#FFF; color:#000; font-size:11px; }

.dropshadow {
/* -moz-border-radius: 10px; */
-webkit-border-radius: 10px;
border-radius: 10px;
 -moz-box-shadow: 3px 3px 4px #444; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #444; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #444; /* Opera and other CSS3 supporting browsers */
/* 	position: relative; */
/* 	z-index:998; */
/*  behavior: url(/PIE.htc);  */
	}

.dropshadowSM {
/* -moz-border-radius: 7px; */
-webkit-border-radius: 7px;
border-radius: 7px;
 -moz-box-shadow: 2px 2px 3px #444; /* Firefox */
 -webkit-box-shadow: 2px 2px 3px #444; /* Safari/Chrome */
 box-shadow: 2px 2px 3px #444; /* Opera and other CSS3 supporting browsers */
/* 	position: relative; */
/* 	z-index:999; */
/*  behavior: url(/PIE3.htc);  */
	}

.strata-curve {
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 border-radius:0 5px 0 0;
}

.menu-div {
 max-width:296px;
 margin:30px auto;
}
@media only screen and (max-width: 767px) {
 .menu-div {
  max-width:230px;
  margin:20px auto 10px auto;
 }
}

.img-mirror {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}


@import url('//fonts.cdnfonts.com/css/goudy-old-style');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');