body
{
 background-color:#19306e;
 color: #19306e; 
 margin: 0;
 text-align: center;
 font-family: 'times new roman', times, serif;
 font-size: 100%;
 }
 
a:link, a:visited
{color: #41522a;}

h1
{
color: #954b1b;
font-style: italic;
font-size: 1.7em;
font-weight: normal;
}

h1.inline
{
	display: inline;
}

#page
{
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	text-align: left;
color:#19306e;
}

hr
{
	width: 80%;
	margin: 2em 10%;
	clear: both;
}

#reservations #terms hr
{
	max-width: 150px;
	clear: none;
}

#toprow
{
	background-color:#a7541f;
	padding: 5px 5%;
	color:#19306e;
}

.hideondesktop
{
	display: none;
}

#bottomrow
{
	background-color:#a7541f;
	margin-bottom: 20px;
	padding: 5px 5%;
}

#maincolumn
{
	background-color: #eee8c2;
}

ul#mainnav
{
	list-style-type: none;
	padding: 10px;
	font-weight: bold;
	font-style: italic;
	float: left;
	width: 150px;
	text-align: right;
}
ul#mainnav li
{
	padding: 3px 0;
}

#mainnav a:link, #mainnav a:visited
{
	color: #847e00;
	text-decoration: none;
}

#mainnav a:hover, #mainnav a:active
{
	color: #663;
	text-decoration: underline;
}

#topslideshow
{
	float: left;
	width: 77%;
}

img#logo
{
	max-width: 90%;
	padding: .5em 5%;
}

#imagesone
{
	width: 29%;
	padding: 0 20px;
	float: left;
	margin-bottom: 20px;
}


#imagestwo, #imagesfour, #imagesfive
{
	width: 30%;
	padding: 0 20px;
	float: left;
	margin-bottom: 20px;
}

#imagesthree
{
	width: 39%;
	padding: 0 20px;
	float: left;
	margin-bottom: 20px;
}

#imagessmall
{
	padding-bottom: 1em;
}


#imagesone p, #imagestwo p, #imagesthree p, #imagessmall, #imagesfour p
{
font-size:10px;
color:#a7541f;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}

.smallpic
{
	width: 30%;
	padding-right: 3%;
	float: left;
	font-size:10px;
color:#a7541f;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}

.smallpic img
{
	width: 100%;
}


#textone
{
	width: 65%;
	padding: 0 20px 0 0;
	margin-left: 32%;
	}


#texttwo, #textfour, #textfive
{
width: 50%;
float:left;
padding: 0 20px ;
}

#textthree
{
	width: 50%;
	padding: 0 20px 0 0;
	margin-left: 40%;
	}
#calendar
{
	width: 550px;
	float: right;
}
#terms
{
width: 23%;
padding: 0 2.5%;
font-size: .8em;

}
#back
{
	padding: 10px 5%;
	font-weight: bold;
	font-size: .9em;
	display: block;
}

img
{
	max-width: 100%;
}

.buy_button  {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bee400), color-stop(1, #6e8d00) );
	background:-moz-linear-gradient( center top, #bee400 5%, #6e8d00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bee400', endColorstr='#6e8d00');
	background-color:#bee400;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #96964c;
	display:inline-block;
	color:#2A351A;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	padding:4px 7px;
	text-decoration:none;
	font-style: normal;
	
}.buy_button:hover, .buy_button:visited  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6e8d00), color-stop(1, #bee400) );
	background:-moz-linear-gradient( center top, #6e8d00 5%, #bee400 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e8d00', endColorstr='#bee400');
	background-color:#6e8d00;
	color:#2A351A;
}.buy_button:active {
	position:relative;
	top:1px;
	color:#2A351A;
}

/*-----------------------------------------*/
/*-----------------------------------------*/

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 720px) {
   
   body
{
 font-size: 120%;
 }

  #imagestwo, #imagesfour, #imagesfive, #imagesone, #imagesthree,   #texttwo, #textfour, #textfive, #textone, #textthree {
    float: none;
    width: 80%;
    margin: 0 10%;
    padding: 0;
  }
  
  #imagesone p, #imagestwo p, #imagesthree p, #imagessmall, #imagesfour p
  {
  	font-size: .8em;
  }
  
  
ul#mainnav
{
	list-style-type: none;
	padding: 10px 10%;
	font-weight: bold;
	font-style: italic;
	float: none;
	width: 80%;
	text-align: center;
}

  
  ul#mainnav li
{
	padding: 3px;
	display: inline;
}

#toprow
{
	background-color:#a7541f;
	height:auto;
	padding: 5px 10% 0 10%;
	text-align: center;
}

.hideondesktop { display: inline; }

.hideonmobile
{
	display: none;
}

#bottomrow
{
	padding: 5px 10% 0 10%;
	text-align: center;
}

#calendar, #terms
{
	width: 80%;
	float: none;
	padding: 0 10%;
}

}