body {
text-align: center;
background-color: #799986;
background-repeat:repeat-x;
font-family:tahoma,verdana,arial,sans-serif;;
font-size:12px;
margin:0px;
padding:0px;
color: #1d1d1d;
}
a:link    {color:#043061; background-color:transparent; text-decoration: none;}
a:visited {color:#043061; background-color:transparent; text-decoration: none; }
a:active  {color:#043061; background-color:transparent; text-decoration: none; }
a:hover   {color:#287da7; background-color:transparent; text-decoration: none;  }

a.sub:link    {color:#043061; background-color:transparent; text-decoration: none;}
a.sub:visited {color:#043061; background-color:transparent; text-decoration: none; }
a.sub:active  {color:#043061; background-color:transparent; text-decoration: none; }
a.sub:hover   {color:#287da7; background-color:transparent; text-decoration: underline;  }


.hidden{
display: none;
}
.bigborder{

border: 5px solid #000000;
}
#container {

margin-top: 10px;
text-align: center; /* for IE */
width:950px;
background-color: #ffffff;
border: 5px solid #d2d2d2;
    margin-left: auto;
    margin-right: auto;
}
#pageHolder {

margin-bottom: 30px;
text-align: left;
width:850px; 
    margin-left: auto;
    margin-right: auto;
    padding: 0px;


}
.center{
text-align:center;
}
#header{
  padding: 0px;
  margin: 0px;
  text-align: left;
border-bottom: 0px solid #979eac; 

}
#menu{
  padding: 0px;
  text-align: left;

}
#menuButtonTest{
position:relative;
left:20px;
top:18px;
font-size:26px;
}
#frontPageImageLinksHolder{
width:850px;
border: 5px solid #979eac; 
clear:both;
}
#frontPageImageLeft{
float:left;
width:540px;
}
#frontPageImageRight{
position:relative;
float:right;
width:310px;
}


#colHolder{
width:850px;
clear:both;
}
#leftCol{
float:left;
width:290px;
}
#rightCol{
position:relative;
float:right;
width:550px;
}

#leftColReservations{
width:270px;
border: 1px solid #799986;
background:#d2d2d2;
padding:5px;

-webkit-border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}


.solid{
color:#8e8e8e;
border-width: 5px;
border: 2px solid #c4d5dc;
}
#reservationHolder{
border: 2px solid #c4d5dc;
padding:4px;
align:center;
margin:auto;
}
#reservationDetails{

width:400px;
padding:4px;
align:center;
margin:auto;
}
reservationPage {
width:350px;
}
.reservationText{
width:600px;
text-align:left;
margin:auto;
}
.topAlign{
vertical-align: top;
}
.middleAlign{
vertical-align: middle;
}
/* 
****** Start of form style ******* 
*/
label
{
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.righter{
float:right;
}
input
{
color: #000;
border: 1px solid #799986;
width:224px;
font-size:14px;
padding:5px;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 1px solid #799986;
width:112px;
}

input:hover { 
border: 1px outset #7aa8dc;
}
fieldset
{
border: 1px solid #799986;
}
.date{
background-color:#ffffff;
color: #000;
border: 1px solid #799986;
width:145px;
font-size:12px;
padding:3px;
margin-right:3px;
}
legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #799986;
padding: 2px 6px
}
textarea {
color: #000;
border: 1px solid #799986;
width:224px;
max-width:400px;
height:175px;
max-height:215px;
font-size:13px;
padding:5px;
}
input.largerCheckbox
{	
background-color: white; 
border: 1px solid black; 
width: 12px;
height: 12px;
}
textarea.styled {
	width: 450px;
	height: 120px;
	padding: 5px;
}
/* 
****** End of form style ******* 
*/

#moreInfo{
border: 1px solid #799986;
background-color:#799986;
padding:3px;
width:235px;
}
#partySize{
width:100px;
}
h2,h1,h3{
	display:inline;
}
h1{
font-size: 18px;
}
h1.bigh1{
font-size: 22px;
color:#1d1d1d;
}
h3.rightbox{
	color:#b74a4f;
	text-decoration: none;
padding:2px;
}


#frontPageRightBox{
width:560px;
clear:both;
}
#frontPageRightBoxLeftCol{
float:left;
width:250px;
}
#frontPageRightBoxRightCol{
position:relative;
float:right;
width:290px;
}


#frontPageRightBoxImageText{
width:270px;
clear:both;
}
#frontPageRightBoxImageTextLeftCol{
float:left;
width:130px;
}
#frontPageRightBoxImageTextRightCol{
position:relative;
float:right;
width:139px;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
border: 1px solid #000;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
border: 1px solid #000;
}
img {border-width:0px;
}
/* 
****** This clearer is used to get around strange css goings on ******* 
*/
div.clearer {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;

}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.menu1 {
	position:absolute;
	left:-00px;
	width: 310px;
	margin: 0px;
	border-style: solid solid none solid;
	border-size: 0px;
	border-width: 0px;
	}
	
.menu1 li a {
	height: 67px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
.menu1 li a:link, .menu1 li a:visited {
	color: #FFF;
	display: block;
	background:  url(../img/menu1.png) 0 0; 
	z-index:1;
	}
	
.menu1 li a:hover,.menu1 li #current {
	color: #FFF;
	background:  url(../img/menu1.png) 0 80px;
	}	





.reservationHome {
width:400px;
}




div#header {
  padding: 0px;
  margin: 0px;
  text-align: left;
  width:850px;
clear:both;
}
#headerlogo{
float:left;
width:410px;
}
#headerlink{
position:relative;
text-align:right;
top:7px;
font-size:11px;
float:right;
width:390px;
}


div#footer {
position:relative;
bottom:0px;
  padding: 0px;
  margin: 0px;
  text-align: center;
  background-color:#799986;;
  
width:950px;
min-height:150px;

background-color: #d2d2d2;
color:#686b69;

}



/* 
****** Comments section******* 
*/
.commentsHeader{
	border-bottom: 1px solid #cecece;
	background-color: #f4f0f0;
	color: #555252;
	font-size: 11px;
}
.commentsText{
	border-bottom: 1px solid #e5e5e5;

}
.commentsHolder{
	text-align:left;
	background-color: #ffffff;
	font-size: 12px;
	color: #000000;
	padding:2px;
	width:100%;
}
.commentsPostHolder{
	text-align:left;
	background-color: #ffffff;
	font-size: 11px;
	color: #555353;
	padding:2px;
	width:100%;
}

div.commentrssHolderLeft{
	text-align:left;
	word-wrap: break-word;
}
div.commentrssHolderRight{
	top:0px;
	padding-left:3px;
	text-align:left;	
	font-size: 10px;
	word-wrap: break-word;
	border-top:dashed;
	border-width: thin;
}

</style>

<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

<![endif]-->

/* 
******End of CSS menu at the top of the page******* 
*/
