@charset "UTF-8";
/* CSS Document */
/* Global Defaults */

html,body{
	height: 100%;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,table,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
body {
  font: .75em/1.5 Arial, Helvetica, sans-serif;
}
a:active{
  outline: none;
}
:focus{
  -moz-outline-style: none;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.25em;
}
h1{ font-size:2em; }
h2{ font-size:1.5em; }
h3{ font-size:1.25em; }
h4{ font-size:1.1em; }
h5, h6{ font-size:1em; }

/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, input, select, textarea {
  font: normal normal normal 1em/1.75 Arial, Helvetica, sans-serif;
}
input, select{
  line-height:1em;
  padding:2px;
}
p{
  margin:1em 0 1em 0;
}
blockquote {
  margin: 1.25em;
  padding: 1.25em
}
q {
  font-style: italic;
}
acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed;
}
small {
  font-size:.85em;
}
big {
  font-size:1.2em;
}

/* Links and Images */
img {
  border: none;
}

/* Tables */
table {
  border: none;
  border-collapse:collapse;
  border-spacing:0;
}
td,th{
  text-align:left;
  vertical-align:top;
}

/* Forms */
form {
  display: inline;
}
label {
  cursor: pointer;
}

/* Common Classes */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.hide{display: none; visibility: hidden;}
.show{display: ; visibility: visible;}
@charset "UTF-8";
/* CSS Document */

/*

	light blue		4f97d8
	yellow			fde815
	
*/
html,body{
	height: 100%;
}
body{
	background: url(/media/images/layout/grass.jpg);
}
a{
	color: #204f29;
}
a:hover{
	text-decoration: none;
}
.alert{
	display: block;
	border:solid 1px #990000;
	background:#D6B3A4;
	padding:5px;
	color:#990000;
	font-weight:bold;
	font-size: 1em;
	margin-bottom:10px;
}
label.error{
	display: block;
	border:solid 1px #990000;
	background:#D6B3A4;
	padding:2px 10px;
	width: 330px;
	color:#990000;
	font-size: 1em;
	margin: 0px;
	margin-bottom: 5px;
}
input.error, select.error{
	border:solid 3px #990000;
	background: #fff;
}
td.required{
	color: #ffff00;
}
h1{
	font-size: 2.5em;
	color: #204f29;
	font-weight: bold;
}
h2{
	font-weight: bold;
}
#logo{
	float: left;
	margin-left: -255px;
	margin-top: -5px;
}
#picnic{
	position: absolute;
	z-index: 10;
	top	0;
	left: 0;
	margin-top: 250px;
}
#kids{
	position: relative;
	float: right;
	margin-right: -260px;
	margin-top: -75px;
	z-index: 10;
}
#header{
	background: url(/media/images/layout/sky.jpg) repeat-x center top #fff;
	height: 200px;
}
#grass_top{
	background: url(/media/images/layout/grass_top.jpg) repeat-x top left ;
	height: 20px;
	margin-bottom: -140px;
}
#content{
	position: relative;
	z-index: 10;
	width: 500px;
	margin: 0px auto;
	margin-bottom: 20px;
}
#note{
	float: left;
	margin-left: -100px;
	margin-right: 20px;
	position: relative;
}
.white_bg, .white_bg .sb-inner{
	background: url(/media/images/layout/white_75.png);
}
.white_bg{
	padding: 25px 40px;	
}
.white_bg h1{
	color: #204f29;
}
.green_bg, .white_bg{
	margin: 20px 0px;
}
.green_bg{
	color: #fff;
	padding: 25px 40px;	
}
.green_bg h1{
	color: #fde815;
}
.green_bg a, .green_bg a strong{
	color: #fff;
}
#cart{
	margin-top: 20px;
}
#cart td a{
	color: #fde815;
}
#cart th{
	border: 1px solid #fff;
	border-right: none;
	border-left: none;
}
#cart td{
	padding: 5px;
	border-bottom: 1px dotted #fff;
	vertical-align: middle;
	text-align: center;
}
#checkoutForm td.header{
	background: #503c1f url() no-repeat;
	border-top: 1px solid #fff;
	padding-left: 10px;
}
#cart input{
	border: 2px solid #fde815;
}
#cart a{
	color: #fff;
}
#my_event{
	float: right;
}
#my_event h2{
	font-weight: bold;
}
#footer{
	position: relative;
	z-index: 10;
	width: 460px;
	margin: 0px auto;
	text-align: center;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

#footer, #footer .sb-inner,  #footer .sb-border{
	background: #503c1f;
}
.green_bg, .green_bg .sb-inner{
	background: url(/media/images/layout/green_50.png);
}
#footer a{
	color: #a3d2ff;
}
#phone{
	float: right;
	margin: 10px;
	margin-bottom: -25px;
	position: relative;
	z-index: 10;
	font-weight: bold;
	color: #fde815;
	font-size: 1.4em;
	margin-top: 3px;
}
#top_nav_small ul li{
	color: #3399ff;
	font-size: 1.2em;
	line-height: 1em;
}
#top_nav{
	width: 490px;
	margin: 0px auto;
	padding: 5px;
}
#top_nav a.selected{
	color: #f8eb11;
}
#top_nav, #top_nav .sb-inner{
	background: url(/media/images/layout/blue_75.png);
}
#top_nav_small{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#top_nav_small ul, #top_nav_large ul{
	list-style: none;
	padding: 0px;
}
#top_nav_small ul{
	margin-right: 10px;
}
#top_nav_small ul li{
	float: left;
	margin: 10px;
	margin-bottom: 0px;
}
#top_nav_small ul li a{
	color: #3399ff;
	text-decoration: none;
}
#top_nav_small ul li a:hover{
	color: #fff;
}
#top_nav_large{
	clear: right;
	padding: 10px;
	padding-top: 0px;
	margin-top: 30px;
	height: 30px;
}
#top_nav_large ul li{
	float: left;
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	margin-right: 35px;
}
#nav_li_make_reservations{
	margin-right: 0px;
	padding-right: 0px;
}
#top_nav_large #nav_li_make_reservations{
	margin-right: 0px;
	border-right: none;
}
#top_nav_large ul li a{
	color: #fff;
	text-decoration: none;
}
#top_nav_large ul li a:hover{
	color: #3399ff;
}
/* Products */
.product{
	padding-left: 100px;
	overflow: auto;
	padding-bottom: 10px;
	margin: 20px 0px;
	font-size: 1.2em;
}
.product a{
	color: #fff;
}
.product_image{
	float: left;
	position: relative;
	z-index: 10;
	margin-left: -90px;
	margin-top: 10px;
}
.product_text{
	width: 330px;
	float: left;
	margin-top: 0px;
	margin-left: 20px;
	padding: 15px;
	padding-left: 25px;
	color: #fff;
}
.product_text, .product_text .sb-inner{
	background: url(/media/images/layout/green_50.png);
}
.product .arrow{
	float: right;
	padding: 10px;
}
.arrow{
	width: 65px;
	height: 65px;
}

.product_text h2{
	color: #f8eb11;
	width: 200px;
}
.product_text ul{
	list-style: none;
}

#reserve{
	float: right;
	margin-right: -95px;
	margin-top: -90px;
}
h1.item_name{
	float: left;
	width: 250px;
}
.price{
	color: #fff;
	float: right;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	line-height: .8em;
	margin-right: -30px;
	margin-top: -10px;

}
.price a{
	color: #fff;
	text-decoration: underline;
}
.price small{
	font-size: .45em;
	font-weight: normal;
	line-height: 1em;
}
input, select{
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
	border: solid 2px #204f29;
}
input{
	width: 97%;
}
label{
	float: left;
	margin: 0px 5px 0 15px;
	font-weight: bold;
	font-size: 1.5em;
}

/* Celendar */

.time_chooser{
	width: 75px;
	font-size: 1.3em;
}
.box{
	display:block;
	float:left;
	width:50px;
	height:20px;
	padding:4px;
	text-align: center;
	color: #333;
	text-decoration: none;
	margin: 1px;
	background: url(/media/images/layout/white_50.png);
}
.nobg{
	background: none;
}
a.box:hover{
	background: #fde815;
	color: #000;
}
.clear{
	clear:both;
}
.header{
	color:#FFF;
	font-weight: bold;
	font-size: 1.2em;
	background: #204f29 url() no-repeat;
}
.this_month{
	color: #fff;
	line-height: 2em;
	font-size: .9em;
	text-align: center;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
.this_month:hover{
	text-decoration: underline;
}
#time_chooser{
	margin-bottom: 30px;
	padding-top: 10px;
	border-top: 1px solid #fde815;
}
.cal_bt, .store_bt{
	display: block;
	background: #204f29;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
}
.store_bt{
	background: #503c1f;
}
.cal_bt:hover{
	background: #503c1f;
}
.bt_large{
	text-align: center;
	display: block;
	width: 100%;
	padding: 10px;
	margin-top: 20px;
	background: #503c1f;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	border: none;
}
.bt_large:hover{
	background: #fde815;
	color: #204f29;
}
#checkoutForm .label{
	font-weight: bold;
}
#cal_nav{
	padding: 5px;
	background: url(/media/images/layout/white_50.png);
	text-align: center;
}
.weekend{
	background:#503c1f;
	color: #fff;
}
.weekend:hover{
	color: #000;
}
#monthName{ 
	font-weight: bold;
	font-size: 1.5em;
	margin: 0px 80px;
}
#cal_date{
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
}
#cal_date{
	padding: 0px;
	margin: 0px;
}
#calendar{
	margin: 0px;
	overflow: auto;
}


/* End Calendar */

#order_menu{
	color: #fff;
	font-weight: bold;
	float: right;
	text-transform: uppercase;
}
#order_menu select{
	width: 140px;
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
}
select{
	border: solid 2px #204f29;
}
.back_to_top{
	float: right;
	margin-right: -87px;
	margin-top: -10px;
}
.inputCheck{
	width: 15px;
	border: none;
}

/* Admin Controls */

#adminControls{
	background:#24a2ec;
	border-bottom:solid 1px #fff;
	padding:10px;
	text-align:left;
	color:#7fc7ec;
	overflow:auto;
}
#adminControls ul{
	margin:0;
	padding:0;
	list-style:none;
}
#adminControls li{
	display:block;
	float:right;
	border-left:dotted 1px #7fc7ec;
	padding:0 10px 0 10px;
}
#adminControls a{
	text-decoration:none;
	padding:5px;
	color: #fff;
}

#adminControls a:hover{
	background:#7fc7ec;
}

@charset "UTF-8";
/* CSS Document */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -1px;
}
#top_nav_large li{
	height: 25px;
/*	letter-spacing: -2px;*/
}