html {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: Georgia, serif;
  background-color: transparent;
  border-top: 1px solid transparent;
  height: 100%;
  margin: -1px 0px 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
}

body.ie6 {
  behavior:url("csshover.htc");
}

a {
  color: maroon;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h2 {
  color: maroon;
  font-size: 14pt;
}

h1 {
  font-size: 16pt;
  font-weight: bold;
}

h3 {
  font-weight: bold;
}

h3.char {
  margin-top: 30px;
  margin-bottom: 0px;
}

img#background {
  color:white;
  height:100%;
  position:absolute;
  width:100%;
  z-index:-1;
}

img#logo {
  float: right;
  vertical-align: middle;
  border: 0;
}

#header {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #fef4de;
  font-size: 16pt;
  width: 95%;
}

#navigation, #navigation ul {
  list-style-type: none;
  margin: 0px; 
  padding: 0px;
  text-align: center;
}

#navigation li {
  width: 150px;
  float: left;
}

#navigation li ul {
  display:none;
}

#navigation li:hover ul {
  display:inline-block;
}

#navigation a {
  font-size: 10pt;
  color: #fef4de;
  text-decoration: none;
}

.ie8 #navigation a {
  display: block;
}

.ie7 #navigation a {
  display: block;
}

.ie6 #navigation a {
  display: block;
}

#navigation a:hover {
  color: maroon;
}

#subnav a {
  color: #fef4de;
  text-decoration: none;
}

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

#subnav p {
  line-height: 1.5;
  font-size: 8pt;
  margin-top: 10px;
  margin-bottom: 10px;
}

#subnav p.index {
  line-height: 1.25;
}

#subnav {
  position: absolute;
  background-image: url(images/maroon.png);
  right: 56%;
  bottom: 5%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

#content a {
  font-weight: bold;
}

#content {
  position: absolute;
  background-image: url(images/transparent.png);
  font-size: 10pt;
  height: 70%;
  left: 45%;
  bottom: 5%;
  overflow: auto;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  width: 45%;
}

#welcome {
  position: absolute;
  color: #fef4de;
  font-size: 22pt;
  left: 60%;
  bottom: 7%;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

td.data {
  font-weight: bold;
  padding-right: 10px;
}

td.history {
  font-weight: bold;
  padding-right: 10px;
}

.duration {
  text-align: left;
}

.price {
  text-align: right;
  width: 100px;
}

.date {
  text-align: center;
}

.route {
  text-align: left;
  width: 250px;
  padding-left:15px;
}

span.entry {
  font-weight: bold;
}

span.note {
  font-style: italic;
  font-size: 8pt;
}

span.important {
  font-weight: bold;
}

.img img {
  border: 0px;
}

.galleryItem img {
  border: 0px;
  float: left;
  padding-right:10px;
  margin-bottom:10px;
}

div.img {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

div.gallery {
  width: 400px;
  padding-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

div.clear {
  clear: both;
  height: 0;
  visibility:hidden;
}

div.hright {
  float: right;
  width: 200px;
}

div.hleft {
  float: left;
  width: 200px;
  text-align: center;
}

div.vright {
  float: right;
  width: 150px;
  text-align: center;
}

div.vleft {
  float: left;
  width: 150px;
  text-align: center;
}