/* Flexible CSS coding by HotScot, http://www.hotscot.net

These styles control the overall design*/

body {
  background-color: #688EB3;
  margin: 0;
  padding: 0;
}
#container {
  margin: 0px auto 0px auto;
  width: 750px;
  position: relative;
  background-image: url(graphics/background.gif);
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  background-color: #F5F3E9;
}
#header {
  width: 750px;
  height: 253px;
  top:0;
  position: relative;
}

/* These styles control the navigation column*/

#nav {
  width: 169px;
  position: relative;
  float:left;
  margin: 0;
  padding: 15px 0px 0px 0px;
}
#subnav ul {
  margin: 5px 0px 7px 40px;
  padding: 0;
}
#subnav li {
  margin :0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}
#subnav li a {
  font: bold 11px/18px Arial, Helvetica, sans-serif;
  color: #003366;
  text-decoration: none;
 }
#subnav li a:hover {
  color: #000;
  text-decoration: underline;
}
#subnav p {
  font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
  color: #162843;
  margin: 0px 0px 15px 20px;
}
#nav p {
  font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
  color: #162843;
  margin: 0px 0px 15px 20px;
}
#nav .email  {
  font-weight: bold;
  color: #162843;
}
#nav .email:hover  {
  text-decoration: none;
}
/* These styles control the left hand content column*/

#leftcontent {
  width: 288px;
  position: relative;
  float: left;
  margin: 0;
  padding: 14px 10px 10px 30px;
}
#leftcontentwide {
  width: 540px;
  position: relative;
  float: left;
  margin: 0;
  padding: 14px 10px 10px 30px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#leftcontentwide a, #leftcontent a {
  font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
  color: #CC0000;
}
#leftcontentwide a:hover, #leftcontent a:hover {
 color: #000;
 text-decoration: none;
}
#leftcontent h1, #leftcontentwide h1,.price {
  font: 18px  Verdana, Arial, Helvetica, sans-serif;
  color: #000033;
  margin: 0px 0px 5px 0px;
  padding: 0;
}
#leftcontent h2, #leftcontentwide h2  {
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  color: #67482D;
  margin: 0px 0px 15px 0px;
  padding: 0;
}
#leftcontent h3, #leftcontentwide h3 {
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  color: #67482D;
  margin: 30px 0px 10px 0px;
  padding: 0;
}
#leftcontent h4, #leftcontentwide h4 {
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #333;
  margin: 30px 0px 5px 0px;
  padding: 0;
}
#leftcontent h5, #leftcontentwide h5 {
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  color: #67482D;
  margin: 30px 0px 10px 0px;
  padding: 0;
  width: 150px;
}
#leftcontent p, #leftcontentwide p {
  font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 10px 0px;
  width: 280px;
}
#leftcontentwide p {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 10px 0px;
  width: 540px;
}
#leftcontent li, #leftcontentwide li {
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  margin: 0px 0px 7px 0px;
  list-style-image: url(graphics/bullet.gif);
}
#news a {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  color: #333;
}
.title {
  font-weight: bold; 
}
#gallery img {
  margin: 20px 0px 7px 0px;
  border: 1px solid #BEB174;
  padding: 1px;
}
#mainimage {
  text-align: center;
}
#mainimage img {
  margin: 10px 0px 10px 0px;
  border: 1px solid #BEB174;
  padding: 1px;
}
#links ul {
  margin: 0px 0px 4px 28px;
  padding: 0;
}
#links li {
  margin: 0;
  padding: 0;
}
#tariff {
  font: 12px Arial, Helvetica, sans-serif;
}
#tariff h2 {
  font: bold 13px/18px Verdana Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 30px 0px 20px 0px;
  width: 530px;
  color: #FFFFFF;
  background-color: #9D6844;
  height: 18px;
}
#leftcontentwide #charts p {
  text-align: center;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  width: 250px;
  margin: 0px 0px 0px 0px;
}
.calendars {
 text-align: center;  
}

/* These styles control the right hand content column*/

#rightcontent {
  width: 240px;
  position: relative;
  float: right;
  padding: 0px 0px 0px 4px;
  background-image: url(graphics/backgroundleft.gif);
  text-align: center;
  margin: 30px 0px 0px 0px;
}
#rightcontent img.image1 {
  margin: 0;
  border: 1px solid #BEB174;
  padding: 1px;
  width:200px;
}
#rightcontent img.book {
  display:block;
  margin: 0px 0px 10px 18px;
  padding: 0px 0px 0px 0px;
}
#rightcontent p {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  margin: 5px 0px 20px 0px;
  padding: 0;
}
#breakrates {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
}
#breakrates td {
  width: 200px;
  padding: 3px;
  text-align: center;
}

/* These styles control the footer content*/

#footer {
  width: 750px;
  height: 50px;
  background-color:#FFF;
  position: relative;
  clear: both;
  padding: 67px 0px 0px 0px;
  background-image: url(graphics/footer.jpg);
  margin: 0px 0px 0px 0px;
  border: 0px solid #333;
}
#footer p {
  font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
  color: #162843;
  margin: 15px 0px 0px 5px;
  padding: 0;
}
#footer p.copyright{
  margin: 0px 0px 0px 5px;
}
#footer a {
    color: #162843;
}
#footer a:hover {
    text-decoration: none;
}