HTML {
  height: 100%;
}

body {
  margin: 10px 0px 10px 0px;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #231F20;
  background-color: #E7E8E9;
}

a {
	color : #0084BE;
	text-decoration : underline;
}

a:hover {
	color : #f04e23;
	text-decoration : none;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-transform:uppercase;
  font-weight: bold;
  color: #231F20;
  padding: 10px 0px 0px 0px;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  color: #231F20;
  padding: 0px;
}

.subtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: normal;
  color: #231F20;
  padding: 0px;
}

.left {
  float: left;
}

.right {
  float: right;
  padding-right: 2px;
}

.line {
  width: 100%;
  height: 1px;
  vertical-align: middle;
  margin: 0;
}

#reserve {
  width: 100%;
  padding: 2px;
  text-align: right;
  color: #231F20;
  border-bottom: #231F20 1px solid;
}
	
#reserve-noline {
  width: 100%;
  margin: 2px;
  text-align: right;
}
	
#main {
  margin-left: auto ;
  margin-right: auto ;
  width: 900px;
/*  height: 500px; */
  padding: 10px;
  background: #FFFFFF;
}

#header {
  width: 900px;
  height: 100px;
  background: url(../images/body/logo.gif) left no-repeat;
  background-image: url(../images/body/logo.gif) left no-repeat;
}

/* Start menu section ************************************/

ul.roll-over, ul.roll-over li {
  list-style-type: none;
  padding: 0;
  margin-right: 5px;
  text-align: left;
  height: 26px;
}

ul.roll-over {
  margin: 1px;  
  width: 904px;
}

ul.roll-over li {
  float:left;
  width: 108px;
}

ul.roll-over li a {
  text-align: center;
  width: 108px;
  line-height: 26px;
  height: 26px;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}

ul#menulist li a {
  position: relative;
  overflow: hidden;
}

ul#menulist li a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 26px;
  cursor: pointer;
}

ul#menulist li a:hover span, ul#menulist li a span:hover {
  color: #FFFFFF;
  background-position: 0 -26px;
}

ul.roll-over li.link a, ul#menulist li.link a span {
  background-image: url(../images/buttons/roll-over.gif);
}

/* End menu section **************************************/

#content_index {
  width: 898px;
  background: #FFFFFF;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 1px;
}

#content_scuba {
  width: 898px;
  background: #ABC3E6 url(../images/body/content_scuba.gif) repeat-y;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 1px;
}

#content_sailing {
  width: 898px;
  background: #77CDD4 url(../images/body/content_sailing.gif) repeat-y;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 1px;
}

#content_tours {
  width: 898px;
  background: #FFEDB5 url(../images/body/content_tours.gif) repeat-y;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 1px;
}

#content_dining {
  width: 898px;
  background: #D3C2DF url(../images/body/content_dining.gif) repeat-y;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 1px;
}

#content_reservations {
  width: 898px;
  background: #FFFFFF;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 1px;
}

#content_guestbook {
  width: 898px;
  background: #FFFFFF;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 1px;
}

#content_groups {
  width: 898px;
  background: #fabda1 url(../images/body/content_groups.gif) repeat-y;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 1px;
}

#content {
	padding-bottom: 20px;
}

#info {
  width: 900px;
  height: 80px;
  margin-bottom: 2px;
  background: url(../images/body/info.gif) no-repeat;
}

#button {
  width: 203px;
  padding: 0 0 0 0;
  margin-left: 20px;
  font-family: Arial;
  color: #FFFFFF;
}

#footer {
  background: #E7E8E9;
  width: 898px;
  height: 34px;
  margin-left: 1px;
  padding-top: 4px;
  text-align: center;
  font-family: Tahoma;
  text-transform: capitalize;
  font-size: 11px;
}

#footer a:link, #footer a:visited {
  padding-left: 5px;
  padding-right: 5px;
  color: #555555;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

.formbutton {
  width: 465px;	
  color: #ffef01;
  background-color: #f04e22;
  border: none;
  font-weight: bold;
}

#reservationform input {
  width: 460px;
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  margin-bottom: 4px;
}

.formcheckbox {
  width: 40px !important;
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  margin-top: 5px;
  margin-left: 15px;
}

#reservationform #number {width: 100px;!important}

.form_error {
	background-image: none !important;
	width: 200px;
	font-size: 11pt;
	background-color: #FBCED1;
}

.form_error_text {
	color: #c41617;
}

/* Guestbook styles */
table.entries td {
	padding: 10px;
	text-align: left;
}

td.upper {
	color : #FFFFFF;
	background : #f04e23;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.smaller {
	font-size: 10px;
}

a.smaller {
	font-size: 10px;
	color : #0084BE;
	text-decoration : underline;
}

a.smaller:hover {
	font-size: 10px;
	color : Red;
	text-decoration : none;
}

div.centered {
	text-align: center;
}

/* EVERYTHING BELOW ADDED IN 1.6 */
div.centered table.entries {
   color : Black;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   BORDER-RIGHT: #f04e23 1px solid;
   BORDER-LEFT: #f04e23 1px solid;
   BORDER-TOP: #f04e23 1px solid;
   BORDER-BOTTOM: #f04e23 1px solid;
   margin: 0px auto 10px auto; /* margin: top right bottom left; */
}

h3 {
   color : Black;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
	font-weight: bold; 	
}

table.gbookMenu {BORDER-TOP: #ffb900 1px solid;}
table.gbookMenu td{padding:8px 0 0 0;}