html {
  width: 100%;
  height: 100%;
}

body {
  background-image: url('images/page-bg.jpg');
  margin: 20px auto;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 10pt;
}

div {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 10pt;
}


h1, h2, h3, h4 {
    margin: 0;
}

h1 {
  font-size: 14pt;
  padding-bottom: 10px;
}

h2 {
  font-size: 12pt;
}

h3 {
  font-size: 11pt;
}

h4 {
  font-size: 10pt;
}

p {
  margin: 0 0 10px 0;
}

p.home {
	font-size: 120%;
	padding: 10px 0;
	}

#container {
  width: 1020px;
  position: relative;
  left: 50%;
  margin-left: -510px;
}

fieldset legend {
	font-size: 11pt;
	font-weight: bold;
	}

#header {
  width: 1020px;
  height: 48px;
  background-image: url('images/morning-star-cruises-logo.jpg');
  background-repeat: no-repeat;
  background-position: right;
}

#weather {
  float: right;
  padding: 5px;
}

#weather #text {
  float: left;
  padding: 5px;
  width: 100px;
}

.white8 {
  font-size: 8pt;
  color: #fff;
  text-align: right;
  width: 100%;
}

.white9 {
  font-size: 9pt;
  color: #fff;
  text-align: right;
  width: 100%;
}

.white12 {
  font-size: 12pt;
  color: #fff;
  text-align: right;
  width: 100%;
}

.black8 {
  font-size: 8pt;
  color: #000000;
}

#left {
  width: 205px;
}

#left #logo {
  height: 246px;
  width: 205px;
  background-image: url('images/kbos-logo.jpg');
}

#left .space {
  height: 10px;
}

#left .button {
  height: 50px;
}

#left #home {
  background-image: url('images/buttons/home.jpg');
  background-position: 0;
  display: block;
  height: 50px;
}

#left #home:hover, #left #locations:hover, #left #activities:hover, #left #packages:hover, #left #contact:hover, #left #reservations:hover {
  background-position: -205px;
}

#left #locations {
  background-image: url('images/buttons/locations.jpg');
  display: block;
  height: 50px;
}

#left #activities {
  background-image: url('images/buttons/activities.jpg');
  background-position: 0;
  display: block;
  height: 50px;
}

#left #packages {
  background-image: url('images/buttons/packages.jpg');
  display: block;
  height: 50px;
}

#left #contact {
  background-image: url('images/buttons/contact-us.jpg');
  display: block;
  height: 50px;
}

#left #reservations {
  background-image: url('images/buttons/reservations.jpg');
  display: block;
  height: 50px;
}

#main {
  float: right;
  width: 810px;
}

#main #mainHead {
  height: 190;
  background-image: url('images/diamond-head-header.jpg');
}

#main #content {
  background-image: url('images/main-bg.gif');
  background-repeat: repeat-y;
}

#main #mainBottom {
  height: 75px;
  clear: both;
  background-image: url('images/main-bottom.jpg');
}

#main #footerLinks {
  padding: 10px;
  line-height: 200%;
}

#main #footerLinks a {
  color: #000000;
}

#main #footerLinks a:hover {
	color: #ce8b59;
	}

#main #footerLinks a.bold {
  font-weight: bold;
}

#content .margin {
  padding: 20px;
}

#content .margin p, #content .margin h1, #content .margin h3, fieldset {
  width: 540px;
}

#content .margin #right {
  float: right;
  width: 200px;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}

#heeiaMap, #kewaloMap {
	display: none;
}

span.requirements {
	color: #999;
	font-style: italic;
	}

td.description {
	font-size: 75%;
	}

img.activity {
	width: 100px;
	height: 100px;
	background: #fff;
	padding: 2px;
	border: 1px solid #999;
	margin: 4px;
	}

.phone {
	width: 100px;
	float: left;
	font-weight: bold;
	}

.phonenum {
	margin-left: 105px;
	}

input.contact, textarea.contact, div.contact, div.actList {
	width: 300px;
	background-color: #ebebeb;
	background-position: top right;
	background-repeat: no-repeat;
	border: 1px solid #cbcbcb;
	margin: 1px;
	color: #555;
	font-size: 90%;
	}

div.contact {
	text-align: right;
	width: 298px;
	}

div.actList {
	width: 298px;
	background-image: url('images/form/activities.gif');
	font-size: 90%;
	}

input#fname {
	background-image: url('images/form/first-name.gif');
	}

input#lname {
	background-image: url('images/form/last-name.gif');
	}

input#phone {
	background-image: url('images/form/phone-number.gif');
	}


input#email {
	background-image: url('images/form/email-address.gif');
	}

input#calendar, input#trigger {
	background-image: url('images/form/date.gif');
	}

input#trigger {
	margin-top: 0;
	vertical-align: bottom;
	}

textarea#message {
	background-image: url('images/form/message.gif');
	font-family: "Arial", Geneva, sans-serif;
	font-size: 9pt;
	}

.errMsg {
	font-size: 80%;
	color: #ff0000;
	}

a.book {
	font-size: 90%;
	font-weight: normal;
	padding: 0px 2px;
	margin: 2px;
	border: 1px solid #d5b604;
	background-color: #c58352;
	color: #eee;
	text-decoration: none;
	}

a.book:hover {
	color: #fff;
	}

#activities td {
	padding: 10px 0;
	border-bottom: 2px solid #ddd;
	}