body {
  margin:0;
  text-align:center;
  font:normal 12px "Lucida Grande", verdana, sans-serif, Arial, helvetica;
  text-align:justify;
  color:#666666;
  background:#FFF;
}

img {border:0}

h2 {font-size:150%;}
h3 {font-size:125%; color:#f36d20;}
h4 {font-size:110%; color:#808080}

a:link, a:visited {color:#00476d;}
a:hover, a:active {color:#990000;}

#submenu a:link, #submenu a:visited {color:#ffffff; text-decoration:none;}
#submenu a:hover, #submenu a:active {color:#cbe23c;text-decoration:none;}


#footer a:link, #footer a:visited {text-decoration:none; color:#fff;}
#footer a:hover, #footer a:active {text-decoration:underline; color:#cbe23c;}

#wrap {
  width:760px;
  margin:0 auto;
  text-align:justify;
  background:#fff;
  
/*  border:1px solid #ccc;
  border-width:0 1px;*/
}

#wrapcontent {
  /*background:#00476D;*/
  background:#fff;
}
/* before activation
#sidemenu {
  float:left;
  width:198px;
  height:auto;
  margin-left:10px;
  margin-bottom:10px;
  background:#f3f8fe;
  border:1px solid #ccc;
  color:#000;
}
*/

#header {
  width:760px;
  height:78px;
  background:#fff url(images/header.jpg) no-repeat;
  text-align:right;
}

#sidemenu {
  float:left;
  width:180px;
  height:auto;
  margin-left:20px;
  margin-bottom:10px;
  text-align:left;
}

#sidemenu .header {
  background:#6283d9;
  text-align:center;
  color:#fff;
  font:bold 125%;
  padding:3px;
}

#content {
  float:left;
  width:550px;
  background:#fff;
}

.clearwrap{
  clear:both;
  margin-top:5px;
}

ul#menu {
  width:760px;
  clear:both;
  padding:0;
  list-style:none;
  margin:0;
}

ul#menu li, ul#menu li a {
  display:block; 
  float:left;
  margin:0; 
  padding:0;
}
ul#menu li img {border:0; margin:0;padding:0;}

#submenu {
  width:630px;
  margin:0 auto;
  height:26px;
  background: #fff url(images/cp-menu/submenu.jpg) no-repeat;
  text-align:center;
  color:#cbe23c;
  padding-top:5px;
  font-size:11px;
}

#mainpromo {
  clear:both;
  margin-top:10px;
}

.inner {padding:5px;}

.right {text-align:right;}
.center {text-align:center;}

#footer {
  display:block;
  clear:both;
  background:#022451 url(images/bg-footer.jpg);
  color:#fff;
  text-align:center;
  padding:15px;
  height:100%;
  overflow:hidden;
}

.funbox {
  float:left;
  width:500px;
  height:150px;
  padding:10px;
  border:1px solid #ccc;
  border-top:#fff;
  border-left:#fff;
  margin-bottom:10px;
  background:#fffac8 url(images/cp-layout/bg-paw.jpg) repeat-x;
  color:#fff;
  text-align:center;
}

.funbox img {border:1px solid #fff;}

.funtable {
  border-collapse:collapse;
  border:1px solid #ccc;
  border-width:0 1px 1px 0;
  background:#e8f3b1;
}

.funtable th {background:#00476d; color:#fff;}
.funtable th, .funtable td {padding:5px;}
.funtable .bg1 {background:#f3f8fe;}
.funtable .bg2 {background:#a5becb;}

/* Boarding with Us */

#boardingmenu {
  background:#fff url(images/cp-content/services/bg-boarding-menu.jpg) repeat-x;
  text-align:center;
  color:#000;
  border:1px solid #ccc;
}

#boardingmenu dl {
  float:left;
  width:210px;
  margin:10px;
}

#boardingmenu dt, #boardingmenu dd {
  margin:10px 0 0 0;
}

#boardingmenu dt {
  font: bold 14px "Lucida Grande", sans-serif, arial, helvetica;
}

#boardingmenu .desc {
  font-size:95%;
  font-style:italic;
}

#boardingmenu hr {
  clear:both;
  border: none 0;
  border-top: 1px dashed #666;
  width: 80%;
  height: 1px;
}

#checkin {
  float:right; 
  width:242px; 
  margin:0 0 10px 10px; 
  background:#ebedec url(images/cp-content/services/bg-boarding-menu.jpg) repeat-x; 
  border:1px solid #ccc; 
  color:#000;
}

#checkin ul, #checkin ol {
  list-style: square url(images/cp-layout/paw2.gif); 
  margin: .5em .5em 0 25px;  /* bullet image is in left margin */
  padding-left: 0;
}

#checkin ul li {
  margin-left: 0;
  padding-left: 0;     /* distance between marker and text */
  margin-bottom: .5em; /* a little spacing between list items */
}

/* Rates & Packages */

#ratesmenu,
#ratesmenu2 {
  width:504px;
  color:#f2f2f2;
  text-align:left;
}

#ratesmenu .menu,
#ratesmenu2 .menu {
  float:left;
  width:513px;
  height:628px;
  background:#fff url(images/cp-content/bookings/bg2.jpg) repeat-y;
}

#ratesmenu table,
#ratesmenu2 table {
  border-collapse:collapse;
  margin:0;
  border:1px solid #ccc;
  border-width:1px 0 0 1px;
}
#ratesmenu caption,
#ratesmenu2 caption {
  margin-bottom:40px;
}
#ratesmenu th,
#ratesmenu2 th {
  background:#754F2A;
}

#ratesmenu th, 
#ratesmenu td,
#ratesmenu2 th,
#ratesmenu2 td {
  padding:5px;
  border-right:1px solid #ccc;
}
#ratesmenu tr,
#ratesmenu2 tr {
  border-bottom:1px solid #ccc;
}
#ratesmenu .bg2,
#ratesmenu2 .bg2 {background:#666;}

/* Awards & Recognition */

.awards {
  width:480px;
  padding:30px;
  background:#fff599 url(images/cp-content/about/awards-bg.jpg) repeat-y;
  color:#000; 
}

#pagemenu {
  width:auto;
  padding:0px;
  margin:10px 0px;
  background:#fff;
  border-bottom:1px solid #cbe23c;
}

#pagemenu ul {
  padding:0;
  margin:0;
}
#pagemenu li {
  list-style:none;
  padding:0px;
  margin:0;
  display:block;
  float:left;
}
#pagemenu li a {
  display:block;
  background:#fff;
  padding:5px;
}
#pagemenu li a:hover {
  background:#cbe23c;
}
/* Fun Gallery */

dl.gallery {
  float:left;
  width: 200px;
  margin:10px 20px;
  text-align:left;
}
dl.gallery dt {
  font-size:105%;
  font-weight:bold;
  height:50px;
  text-align:center;
}
dl.gallery dd.galleryinfo {
  text-align:center;
  font-size:95%;
}
dl.gallery dd {
  margin:0;
  text-align:center;
}
.photo {float:left; width:125px; height:125px; margin:5px;}

/* Wallpapers */

#wallpapers {width:100%; text-align:center;}
#wallpapers dl {
  float:left;
  width:220px;
  margin:10px 5px;
  background:#f2f2f2;
}
#wallpapers dd {
  margin:0;
}
/* Booking */

#booking {
  color:#000;
}
#booking .notice {
  color:000;
  margin:10px 0;
  padding:5px;
  background:#BCD6ED;
}

/* Sitemap */

#sitemap dl {
  float:left;
  width:140px;
  height:140px;
  text-align:left;
  background:#f2f2f2 url(images/cp-content/services/bg-boarding-menu.jpg) repeat-x; 
  margin:10px;
  padding:5px;
  border:1px solid #ccc;
}
#sitemap dl dt {
  font-size:105%;
  font-weight:bold;
  color:#000;
  margin-bottom:10px;
}
#sitemap dl dd {
  margin-left:0;
}

/* Lists */

ul.lroman {list-style-type:lower-roman;}
ul.lalpha {list-style-type:lower-alpha;}

/* tabs */

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: underline;
padding: 3px 0.5em;
margin-left: 3px;
border-bottom: none;
}

#tablist li a:link, #tablist li a:visited{
}

#tablist li a.current{
text-decoration:none;
font-weight:bold;
border:1px solid #eee;
}

#tabcontentcontainer{
height:100px;
margin-top:10px;
}

.tabcontent{
display:none;
}

#sidesearchbox {
  background:#BCD6ED;
  padding:3px 5px;
}

#sidesearchbox input#s {
  width:100px;
}


.navigation {
  background:#CCC;
  padding:3px;
}

.navigation .alignleft {
  float:left;
}

.navigation .alignright {
  float:right;
}

p.intro {
  font:bold 16px Arial, helvetica;
  color:#333;
}


/* Float Clearing Fix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */