/*******************/
/* --- GENERAL --- */
/*******************/
* {
   border:0;
   padding:0;
   margin:0;
}

/******************/
/* --- LAYOUT --- */
/******************/
body {
   margin-top: 20px;
}

div#pagewrap{
   margin: auto;
}

div#page {
   margin: 0px auto;
   width: 800px;
   background: #fff;
}

div#header {
   width: 800px;
   height: 255px;
   margin: auto;
}

div#phonebar {
   width: 800px;
   height: 40px;
}

div#main {
   width: 800px;
   background-color: #fff;
   clear: both;
}

div#mainOneCol {
   display:inline /*Fix IE floating margin bug*/;
   width: 530px;
   float: right;
   margin-right: 50px;
}

div#mainTwoCol {
   display:inline /*Fix IE floating margin bug*/;
   width: 230px;
   margin:20px 30px 10px 0px;
   float:left;
}

div#mainThreeCol {
   display:inline /*Fix IE floating margin bug*/;
   width: 155px;
   margin:20px 0px 10px 20px;
   float:left;
}

div#lightBoxCol {
   float:right;
   width:150px;
   margin-left:20px;
}

div#sidebar {
   width:180px;
   background-color:#FFF;
   float: left;
   min-height:400px;
}

div#footer {
   margin:auto;
   margin-top:20px;
   width:800px;
   border-top:1px solid black;
   padding-bottom: 5px;
   clear:both;
}

#header:after, #phonebar:after, #main:after, #sidebar:after, #main:after, #mainSingleCol:after, #footer:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}


/**********************/
/* --- FORMATTING --- */
/**********************/
body {
   color: #000;
   background: #333;
   font-family: arial, helvetica, geneva, sans-serif;
   font-size: 80%;
   line-height: 1.125em;
}

h1 {font-size: 1.8em; font-weight: bold; margin: 0.5em 0 1.2em 0; padding: 0.3em 0; color: #86A933; font-style: italic; border-bottom: 1px solid #D36600;}
h2 {font-size: 1.5em; font-weight: bold; margin: 0.5em 0 1.2em 0; line-height: 1.3em;}
h3 {font-size: 1.0em; font-weight: bold; margin: 0.5em 0 1.2em 0; line-height: 1.3em;}

p {
   font-size:1em;
   margin-bottom:1.2em;
   line-height: 1.3em;
   text-align: justify;
}

p.home {
   font: 1.2em 'times new roman', serif;
   font-style: italic;
}

p.home .hidden {
   visibility:hidden;
   font-size:0.1px;
}

div#phonebar p {
   float: right;
   margin: 1em 2em;
   text-align: right;
}

div#phonebar #phone {
   font-size: 1.4em;
   font-weight: bold;
}

div#phonebar #subtext{
   font-size: 0.9em;
}

div#phonebar img {
   float: right;
   margin-right: 20px;
   margin-top: 5px;
}

table {margin:0.3em 0 1.5em 0;}

table.pricing {
   width: 560px;
   margin-left: auto;
   margin-right: auto;
   background: transparent;
   font-size: 1em;
   color: #000;
   border: 1px solid black;
}

table.pricing th {
   text-align: center;
   font-weight: bold;
   background: #999;
}

table.pricing td {
   padding: 3px;
   background: #f3f3f3;
   text-align: center;
}

table.pricing td.child {
   background: #e9e9e9;
}

table.pricing th.total {
   background: #64B4FF;
}

table.pricing td.total {
   background: #64B4FF;
   font-weight: bold;
   font-size: larger;
}

td, form, li {font-size:1em;}

input, textarea, select{
   font: 0.8em verdana, helvetica, geneva, sans-serif;
   padding:0.2em;
   border:1px solid #CFD4FF;
}

div#mainOneCol ul {
   margin: -1.0em 0 1.2em 2.0em;
}

div#mainOneCol li {
   margin: 0 0 0.8em 0;
}

a:link {text-decoration: none; color: #00F;}
a:visited {text-decoration: none; color: #00F;}
a:hover {text-decoration: underline; color: #F00;}

div#footer a:link {text-decoration: none; color: #00F;}
div#footer a:visited {text-decoration: none; color: #00F;}
div#footer a:hover {text-decoration: underline; color: #F00;}

img {line-height: 0;}

div#header h1 {
   font-size:2em;
   font-weight:500;
   letter-spacing: 5px;
   padding:35px 0px 3px 20px;
}

div#footer p {
   text-align: center;
   font-size:0.8em;
}

/*******************/
/* --- CLASSES --- */
/*******************/
.tiny {font-size:0.7em;}
.small {font-size:0.8em;}
.big {font-size:1.1em;}
.bigger {font-size:1.2em;}
.note {font-size: 0.75em; color: #B22222;}
.bignote {font-size: 0.9em; color: #B22222;}
.indent {padding-left: 3em;}
.rightPad {float:right; margin-left:20px;}
.leftPad {float:left; margin-right:20px;}
.imgBorder {border:1px solid #000;}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {text-decoration:underline;}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}
.clear {clear: both}
.divider{
   width:100%;
   height: 1em;
   border-bottom: 1px solid #333;
   margin:20px 0 30px 0;
   clear:both;
}

div.yellowbox {
   border:1px solid black;
   background:#FFFF00;
   padding:10px 5px;
   width:350px;
}

/* button rollovers */
div.booknow {
   background:url('../images/button-booknow.gif') top left no-repeat;
   text-indent: -9999px;
   width: 146px;
   height: 34px;
}

div.booknow:hover {
   background:url('../images/button-booknow.gif') bottom left no-repeat;
   cursor: pointer;
}

/****************/
/* --- MENU --- */
/****************/
div#menu {
   width: 175px;
   float:left;
}

/* since all list items are links, remove all styles
from <ul> ans <li> and transfer it to <a>  */

div#menu ul {
   list-style: none;
   margin: 0 0 0 1em;
   padding: 0;
   border: none;
}

div#menu ul li {
   background: #fff;
   margin: 0;
   padding: 0;
   border: none;
   width: 170px;
   height:36px;
}

div#menu ul li a {
   display: block;
   margin: 0;
   padding: 0;
   border: none;
   height:36px;
   width:170px;
   text-indent:-9999px;
}

div#menu ul li a.active {
   margin: 0;
   padding: 0;
   border: none;
   color: #FF4500;
}

html>body div#menu ul li a {
   width: auto;
   }

div#menu ul li a:hover {
   margin: 0;
   padding: 0;
   border: none;
   color: #FFD700;
}

div#menu ul li a.active:hover {
   margin: 0;
   padding: 0;
   border: none;
   color: #FF4500;
}

div#menu ul li a#home {
   background: url('../images/nav-home.gif') top left no-repeat;
}
div#menu ul li a#home:hover {
   background: url('../images/nav-home.gif') bottom left no-repeat;
}

div#menu ul li a#daytours {
   background: url('../images/nav-daytours.gif') top left no-repeat;
}
div#menu ul li a#daytours:hover {
   background: url('../images/nav-daytours.gif') bottom left no-repeat;
}

div#menu ul li a#overnighttours {
   background: url('../images/nav-overnighttours.gif') top left no-repeat;
}
div#menu ul li a#overnighttours:hover {
   background: url('../images/nav-overnighttours.gif') bottom left no-repeat;
}

div#menu ul li a#packages {
   background: url('../images/nav-packages.gif') top left no-repeat;
}
div#menu ul li a#packages:hover {
   background: url('../images/nav-packages.gif') bottom left no-repeat;
}

div#menu ul li a#gallery {
   background: url('../images/nav-gallery.gif') top left no-repeat;
}
div#menu ul li a#gallery:hover {
   background: url('../images/nav-gallery.gif') bottom left no-repeat;
}

div#menu ul li a#aboutus {
   background: url('../images/nav-aboutus.gif') top left no-repeat;
}
div#menu ul li a#aboutus:hover {
   background: url('../images/nav-aboutus.gif') bottom left no-repeat;
}

div#menu ul li a#contactus {
   background: url('../images/nav-contactus.gif') top left no-repeat;
}
div#menu ul li a#contactus:hover {
   background: url('../images/nav-contactus.gif') bottom left no-repeat;
}

div#menu ul li a#importantinformation {
   background: url('../images/nav-importantinfo.gif') top left no-repeat;
}
div#menu ul li a#importantinformation:hover {
   background: url('../images/nav-importantinfo.gif') bottom left no-repeat;
}

div#menu ul li a#employment {
   background: url('../images/nav-employment.gif') top left no-repeat;
}
div#menu ul li a#employment:hover {
   background: url('../images/nav-employment.gif') bottom left no-repeat;
}

div#menu ul li a#brochure {
   background: url('../images/nav-brochure.gif') top left no-repeat;
}
div#menu ul li a#brochure:hover {
   background: url('../images/nav-brochure.gif') bottom left no-repeat;
}

div#menu ul li a#links {
   background: url('../images/nav-links.gif') top left no-repeat;
}
div#menu ul li a#links:hover {
   background: url('../images/nav-links.gif') bottom left no-repeat;
}