br.clear,.clearboth,.clear { clear:both; }

* { margin:0; padding:0; }
body { color:#000; font-family:Arial, Lucida Grande, Helvetica, sans-serif; font-size:12px; line-height:16px; background:#000 url() fixed no-repeat top center; }
.no_bold { font-weight:normal; }
.no_bold { font-weight:bold; }
.highlight { color:#84b1d7; }
.clear_both { clear:both; }
h1 { font-family:Arial, Lucida Grande, Helvetica, sans-serif; font-size:26px; color:#333333; font-weight:bold; margin:5px 0 10px; }
h2 { font-family:Arial, Arial, Helvetica, sans-serif; margin:20px 0 10px;color:#099; font-size:24px; margin: 10px 0px 10px 10px; line-height:24px;  }
h3 { font-family:Arial, Arial, Helvetica, sans-serif; font-size:23px; line-height:20px; margin:20px 20px 0;   }
h4 { font-family:Arial, Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; margin:20px 20px 0; line-height:24px;  }
h5 { font-family:Arial, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;  }
a:link { color:#2c6c7e; text-decoration:none; }
a:visited { text-decoration:none; color:#2c6c7e; }
a:hover { text-decoration:underline; color:#2c6c7e; }
a:active { text-decoration:none; color:#2c6c7e; }
img { border:none; }
p { padding:10px 10px 10px 20px;  font-size:12px; color: #000; }
.center {text-align: center;}
.bold {font-weight: bold;}
.brown {color: #cc6600;}

#wrapper {border:0 none; margin-left:auto; margin-right:auto; position:relative; width: 1000px;}

/*========================
------ HEADER AREA -------- 
========================*/

#header { width:1000px; background:transparent url(../images/headerBg.jpg) no-repeat 0 0; height:172px;  }

h1#logo { width:395px; height:85px; margin: 30px 0px 0px 20px; float: left; }
h1#logo a { width:395px; height:85px; display:block; text-indent:-9999px; }

#utilNav { overflow: auto; height: 30px; }
#utilNav ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:5px 0px 0px 0px;; float: right;  }
#utilNav li { float:left; background:none; padding:0px 0px 0px 0px; margin:0px 10px 0px 10px; display: inline; }
#utilNav li a {  overflow:hidden;  margin:0; padding:5px 0px 0px 0px; cursor:pointer; color: #728e92; text-transform: uppercase; }

#search { float:right; height:40px; margin:60px 20px 0 0; }
#search img { vertical-align:middle; }
.search_box { margin:0px 10px 0px 0px; }

/*========================
------ NAVIGATION -------- 
========================*/
#nav { clear:both; width:1000px; height:56px; overflow:hidden; padding:0; margin:0; z-index:1; }
#nav ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
#nav li { float:left; background:none; padding:0; margin:0; }
#nav li a { background:transparent url(../images/navMainBg.gif) no-repeat scroll 0 0; float:left; height:56px; overflow:hidden; text-indent:-9999px; margin:0; padding:0; cursor:pointer; }
#nav li a.home { background-position:0 0; width:121px; }
#nav li a.tours { background-position:-121px 0; width:103px; }
#nav li a.rentals { background-position:-224px 0; width:119px; }
#nav li a.lessons { background-position:-343px 0; width:117px; }
#nav li a.groups { background-position:-460px 0; width:117px; }
#nav li a.catering { background-position:-577px 0; width:147px; }
#nav li a.about { background-position:-724px 0; width:132px; }
#nav li a.blog { background-position:-856px 0; width:144px; }
#nav li a.home:hover,#nav li a.homeSelected { background-position:0 -56px; width:121px; }
#nav li a.tours:hover,#nav li a.toursSelected { background-position:-121px -56px; width:103px; }
#nav li a.rentals:hover,#nav li a.rentalsSelected { background-position:-224px -56px; width:119px; }
#nav li a.lessons:hover,#nav li a.lessonsSelected { background-position:-343px -56px; width:117px; }
#nav li a.groups:hover,#nav li a.groupsSelected { background-position:-460px -56px; width:117px; }
#nav li a.catering:hover,#nav li a.cateringSelected { background-position:-577px -56px; width:147px; }
#nav li a.about:hover,#nav li a.aboutSelected { background-position:-724px -56px; width:132px; }
#nav li a.blog:hover,#nav li a.blogSelected { background-position:-856px -56px; width:144px; }
#nav li ul li a { float:none; height:32px; margin:0; padding:2px 0; cursor:pointer; display:block;  z-index:20; letter-spacing:.15em; }

#nav li ul li { float:none; display:block;  z-index:20; }
#nav li ul { position:absolute; float:none; z-index:20; top:132px; width:130px; left:-999em; }

/*========================
------ CONTENT AREA -------- 
========================*/

#content {width: 1000px;background:#2c6c7e url(../images/contentBg.gif) repeat-x 0 0; overflow: hidden; padding: 10px 0px 20px 0px; }

#colLeft {width: 204px; float: left;}
#colMain {width: 592px; float: left;}
#colRight {width: 204px; float: left;}

.widget {width: 188px; margin-left: auto; margin-right: auto; margin-bottom: 10px; background-color: #76b5c3; overflow: hidden; padding: 0px 0px 10px 0px;}

.widget ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; background-color: #76b5c3; }
.widget li {  background:none; padding:5px 5px 5px 5px; margin:0px 0px 0px 0px; border-bottom: dashed 1px #3f7482; }
.widget li a {  overflow:hidden;  margin:0; padding:0px 0px 0px 0px; cursor:pointer; color: #fff; display: block; width: 100%;  }
.widget li a:hover, .widget li a:visited, .widget li a:link  {color: white;}

.widget li.whatsNewList { padding:15px 10px 15px 10px; margin:0px 0px 0px 0px; border-bottom: dashed 1px #3f7482; }

.widget h2 {width:188px; height:35px; margin:0px 0px 0px 0px;}
.widget h2 span {text-indent: -9999px}
.widget p {color: #fff; font-size: 12px;  line-height: 1.2em; padding: 5px 5px 5px 5px;}


#subscribeBox { margin:0px 0px 0px 15px; border: 1px solid #000;  }
#btnJoin {margin: 5px 0px 0px 0px;}


/*========================
------ MAIN CONTENT AREA -------- 
========================*/
#mainContentTop { width: 592px; height: 10px; }
#mainContentBg {width: 584px; border-left: 4px solid #5da8b4; border-right: 4px solid #5da8b4; background-color: #fff; margin: 0px; padding: 0px 0px 0px 0px; overflow: hidden;}
#mainContentBtm {width: 592px; height: 11px; margin-top: -1px;}

#imgMainHolder {margin-left: auto; margin-right: auto; width: 572px; margin-top: 0px;}

h3#mainContentHdr {width: 421px;background:#0a242c url(../images/contentHdrWelcome.gif) repeat-x 0 0; height: 23px; text-indent: -9999px; margin: 20px 0px 0px 0px; }

.bookNowItem {width: 260px; float: left; margin: 0px 0px 0px 20px; }
*html .bookNowItem {margin: 0px 0px 0px 10px;}
.bookNowItem img {float: left;}
.bookNowItem h5 { margin: 0px 0px 0px 115px; }
.bookNowItem a img { float: right; padding: 15px 10px 0px 0px; }
.bookNowItem p {margin: 0px 0px 0px 115px; padding: 0px;  }
  
  


/*========================
------ FOOTER AREA -------- 
========================*/
#footer {width: 1000px;background:#0a242c url(../images/footerBg.gif) repeat-x 0 0; height: 225px;  }

#footerCol1 {width: 178px; float: left; margin: 0px 0px 0px 30px}
#footerCol2 {width: 178px;float: left;}
#footerCol3 {width: 250px;float: left;}
#footerCol4 {width: 325px;float: left;}

#footer dl  {margin: 10px 0px 0px 0px;}
#footer dl dt { height: 25px; font-weight: bold;}
#footer dl dd{ margin: 0px 0px 0px 10px;}

#footerCol4 dl  {margin: 10px 0px 0px 0px;}
#footerCol4 dl dt { height: 25px;}
#footerCol4 dl dd{ margin: 0px 0px 0px 10px; float: left; width: 135px;}

#copyright { float: right; color: #666666; font-size: 9px; margin: 65px 0px 0px 0px; }
#copyright a {color: #999999;  }
