* {margin:0px;padding:0px;top:0px;left:0px;}

/* Nav and buttonover1 */

body, table, textarea, span{
 	font-family: arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;
}

body {
	background: #d1dce8 url('../img/gradient.jpg') top left repeat-x;
	text-align: center;
}	







a { text-decoration: none;}
a:hover { text-decoration: underline; }

#page{
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	position: relative;
	width: 777px;
	text-align: left;
	color: #000;
	background-color: #fff;
	border: 1px solid black;
}


#logo{
	height: 226px;
	width: 777px;
	left: 0px;
	top: 0px;
	color: #fff;
	background-color: #8FABD2;
}

#logo h3 {margin-top:-5px;}
#logo #headerText {	margin-top:-5px; padding-left: 1px;}
#logo h3, #header p {text-indent: -9999px;}



#navigation{
  background-color: #5a95d5;
  background-image: url('../img/navbutton.gif');  
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	position: relative;
	height: 27px;
	width: 777px;

 	font-size: 13px;

  border-top:1px solid #082b71;
}

#navigation li{
	display: inline;
	list-style-type: none;

}
	/* color: #c9c9c9;*/
	
#navigation a {

	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px; 
	padding-bottom: 3px;
	height: 20px;
	width: 91px;
	display: inline;
	position: absolute;
	text-align: center;
	color: #e9e9e9;
  font-weight: bold;

}

/*  Set up default buttons for current page */
#index #navigation #n1 { background: #3a74b5 url('../img/navbutton.gif') 0px -27px;}
#about #navigation #n2 { background: #3a74b5 url('../img/navbutton.gif') 0px -27px;}
#bookings #navigation #n3 { background: #3a74b5 url('../img/navbutton.gif') 0px -27px;}
#rates #navigation #n4 { background: #3a74b5 url('../img/navbutton.gif') 0px -27px;}
#pictures #navigation #n5 { background: #3a74b5 url('../img/navbutton.gif') 0px -27px;}
#directions #navigation #n6 { background: #3a74b5 url('../img/navbutton.gif') 0px -27px;}
#contact #navigation #n7 { background: #3a74b5 url('../img/navbutton.gif') 0px -27px;}

#navigation a:hover { background: #3a74b5 url('../img/navbutton.gif') 0px -27px;color: #fff;}

#n1{left: 0px;}
#n2{left: 111px;}
#n3{left: 222px;}
#n4{left: 333px;}
#n5{left: 444px;}
#n6{left: 555px;}
#n7{left: 666px;}

#content{
	position: relative;
	width: 777px;
	color: #666;
	background-color: #fff;
	font-size: 0.9em;
	padding-top: 20px;
}


#content h3, #left h3, right h3{
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3a74b4;
	text-align: left;
	display: block;
	margin-bottom:15px;
}

#noColumns{
  border: 0px solid red;
	float: left;
	width: 716px;
	overflow: hidden;
	margin-left: 18px;
}


#left{
  border:0px solid red;
	float: left;
	width: 500px;
	overflow: hidden;
	margin-left: 18px;
	margin-right: 30px;
}

#left p, #right p, #content #tableRates{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 15px;

}

#left h1{
	margin: 10px 0px 10px 0px;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #033387;
}

#left span{
	margin-top: 10px;
	margin-bottom: 4px;
	width: 430px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#left a{color: #666;}




#right{
	float: left;
	border:0px solid green;
	width:196px;
}



#right .pic{
	height: 150px;
	border: 1px solid #000;
	margin-bottom: 30px;	
}



#left p.paraHeading, #right p.paraHeading{
  margin-top:5px;
	margin-bottom: 10px;
	font-weight: bolder;
	border-bottom:1px solid #000;
}


#left img {
 float: left;
}

#footer{

	clear: both;
  background-color: #3a74b5;
	position: relative;
	height: 66px;
	background-image: url('../img/footer.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}


#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fffffe;
	padding-top: 23px;
	width: 765px;
	text-align: right;
  font-size: 13px;
  border: 0px solid red;
}





#content a{text-decoration:underline; color:#3a74b5; background-color:#fff;}
#content a:visited{text-decoration:underline; color:#96c; background-color:#fff;}
#content a:hover{text-decoration:none; color:#fff; background-color:#3a74b5;}

#footer a{text-decoration:none;color: #fff;background-color:#3a74b5;}
#footer a:hover{text-decoration:underline;}

#left .disc, #right .disc {
  padding-left:25px;
}

#left .disc li,  #right .disc {
  padding-bottom:5px;
}

#tableRates th, #tableRates td {
 padding:5px;
}

#tableRates tr.tableHeader{
 background-color: #555; color: #fff
}

#tableRates tr.odd{
 background-color: #f3f3f3; color: #222;
}

#tableRates tr.even{
 background-color:#e0e0e0; color: #222;
}


#content #lateDeals {
 margin-right: auto;
 margin-left: auto;
 width: 420px;
 color: red;
 background-color: #ffe8e8;
 padding: 10px;
 font-weight: bold;
 text-align: center;
 border: 1px dashed red;
 font-size: 1.2em;
}

.legendborder {
 border: 1px solid #3a74b5;
 padding: 5px 8px;
 color:#fff;
 background-color:#3a74b2;
 margin-bottom: 10px;
 font-weight:bold;
}

.blueButton {
 color: #fff; 
 background-color: #3a74b5;
 border: 1px solid #000;
 cursor: pointer;
 padding: 2px;
 margin-left:15px;
}

div.label{
 width: 100px;
 text-align: right;
 margin-bottom: 5px;
 font-weight: bold;
}

div.formLabelLong{
 width: 300px;
 margin-left:15px;
 margin-bottom: -0.6em;
 font-weight: bold;
}

#contactus label, #lateDealsForm label {
 clear:left;
 display:block;
 float:left;
 width:100px;
 text-align:right;
 padding-right:10px;
 margin-bottom:0.5em;
}

#contactus input.long, #contactus input.small {
 border:1px solid #3a74b5;
 padding-left:0.5em;
 padding: 2px;
 margin-bottom:0.6em;
}

#contactus #adults{
  margin-bottom: 0.6em;

}

#contactus #adults, #contactus #children {
  width:40px;
}


#contactus textarea {
 border:1px solid #3a74b5;
 margin-left:15px;
 padding: 2px;
}

#contactus input.small {
 width: 120px; 
}

#contactus input.long {
 width: 250px; 
}

#content .bold {
 font-weight: bold;
}

.red {
 color:red;
}

/* Hacks for IE6-------------------------------------------------------------- */* 

html #navigation{

        margin-top: -3px;
}




/* Hacks for IE7-------------------------------------------------------------- */* 





#contactus fieldset, #lateDealsForm fieldset { border: none; }

#contactus .fieldset,  #lateDealsForm .fieldset {
  margin-top:30px;
  width: 450px;
  position: relative;
  padding: 2.5em 1em 0.5em 1em;
  border: 1px solid #3a74b5;
  background: #eff3f8;
  font-family: arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
}

#contactus .fieldset legend span, #lateDealsForm .fieldset legend span {
  position: absolute;
  width: 110px;
  color: #fff;
  background-color: #3a74b5;
  font-weight: bold;
  top: -1.65em; left: 1em;
  padding: 5px;
  font-size: 1.1em;
  font-family: veranda, Helvetica, sans-serif;
}


























/* the div that holds the date picker calendar */

.dpDiv {

	}





/* the table (within the div) that holds the date picker calendar */

.dpTable {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

	color: #505050;

	background-color: #ece9d8;

	border: 1px solid #AAAAAA;

	}





/* a table row that holds date numbers (either blank or 1-31) */

.dpTR {

	}





/* the top table row that holds the month, year, and forward/backward buttons */

.dpTitleTR {

	}





/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTR {

	}





/* the bottom table row, that has the "This Month" and "Close" buttons */

.dpTodayButtonTR {

	}





/* a table cell that holds a date number (either blank or 1-31) */

.dpTD {

	border: 1px solid #ece9d8;

	}





/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {

	background-color: #CCCCCC;

	border: 1px solid #AAAAAA;

	}





/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {

	background-color: #aca998;

	border: 1px solid #888888;

	cursor: pointer;

	color: red;

	}





/* the table cell that holds the name of the month and the year */

.dpTitleTD {

	}





/* a table cell that holds one of the forward/backward buttons */

.dpButtonTD {

	}





/* the table cell that holds the "This Month" or "Close" button at the bottom */

.dpTodayButtonTD {

	}





/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {

	background-color: #CCCCCC;

	border: 1px solid #AAAAAA;

	color: white;

	}





/* additional style information for the text that indicates the month and year */

.dpTitleText {

	font-size: 12px;

	color: gray;

	font-weight: bold;

	}





/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 

.dpDayHighlight {

	color: #4060ff;

	font-weight: bold;

	}





/* the forward/backward buttons at the top */

.dpButton {

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: gray;

	background: #d8e8ff;

	font-weight: bold;

	padding: 0px;

	}





/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: gray;

	background: #d8e8ff;

	font-weight: bold;

	}




/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: 1px solid #000;
	cursor: url("../img/magplus.cur"), pointer;
	width: 125px;
	height: 125px;
	margin: 8px 8px 8px 0px;
}
.PopBoxImageLarge
{
	border: solid 1px #000;
	cursor: url("../img/magminus.cur"), pointer;
	padding: 10px 10px 50px 10px;
	background-color: #fff;
}
.PopBoxImageShrink
{
	cursor: url("../img/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}