﻿
html  {
	 scrollbar-base-color: #9999CC; 
	 scrollbar-arrow-color: white; 
	 scrollbar-track-color: #CCCCFF; 
	 scrollbar-shadow-color: black; 
	 scrollbar-lightshadow-color: black; 
	 scrollbar-darkshadow-color: gray;
	 scrollbar-highlight-color: white; 
	 scrollbar-3dlight-color: black; 
}

body  {
	    background: #f5f5f5;
	    font-family: verdana, arial, helvetica;
	}

body, td 
{ 
	font-size:11px 
}

h1   {
	font-size: 18px;
	color: #F90;
	margin: 15px 0;
}

h2   { font-size: 14px; margin-top:9px; margin-bottom:6px; color: #333; }

h3   { font-size: 11px; font-weight:bold; line-height:14px; text-align:center; margin:2px; }

h3.res { font-size: 11px; text-align: left; line-height:14px; margin: 0 0 6px 0; }

h3.ess   { font-size: 14px; letter-spacing:0px; font-weight:bold; margin: 30px 0 9px; text-align:left; color: #036; }

h4   { font-size: 11px; letter-spacing:0px; font-weight:bold; line-height:14px; margin-top: 0; }

h5   { font-size:10px; color: #666666 }

h6   { font-size: 11px; font-weight: bold; margin-top:14px; margin-bottom:3px; color:#0099CC }

a:link  { color: #0066CC; text-decoration: none }

a:visited  { color: #0066CC; text-decoration: none }

a:hover	 { color: #FF6600; text-decoration: underline }

img { border-color: #333333 }

.imgfloatl {
	float: left;
	text-align: center;
	padding: 0 20px 0 0;
	font-size:10px; 
}
	
.imgfloatl img {
	margin-top: 5px; }
	
.imgfloatr {
	float: right;
	text-align: center;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	font-size:10px; }
	
.imgfloatr img {
	margin-top: 5px; }
	
.vidfloat {
	float: right;
	text-align: center;
	margin: 5px 0 0 10px;
	width:320px;
	padding: 0;
	border: solid #666;
	border-width: 1px 1px 0 1px;
}

.imgfloatr2 {
	float: right;
	padding: 5px 0 10px 10px;
	margin: 0 0 0 10px;
	font-size:11px;
	letter-spacing: -1px;
	font-weight:bold;
	background-color: #E6E6E6;
	width: 154px;
	line-height: 18px;
	}
	
.imgfloatr2 img {
	margin-top: 8px; }

.imgfloatr3 {
	float: right;
	padding: 0 0 10px 10px;
	margin: 0 0 10px 10px;
	font-weight:bold;
	width: 180px;
	border: solid #666;
	border-width: 0 0 1px 1px;
	line-height: 26px;
	letter-spacing:-1px;
	}
	
.floatr {
	float: right;
	padding: 3px;
	margin: 3px 0 0 5px;
	text-align: center;
	width: 156px;
	border: solid 1px #f90;
	line-height: 14px;
	}
	
.content  
{
	 line-height:17px; 
	 text-align:justify; 
	 padding: 0 0 5px 10px; 
	 margin-bottom:30px;
}

.topbg {
	background-image:url('images/topbg15.gif');
	margin-top: 3px;
	margin-bottom: 3px;
}
	
.search {
	color: #f0f0f0;
	text-align:right;
	font-size:12px;
	padding: 0 8px 12px 0;
}

.search input { font-size: 11px; line-height:11px; font-family: verdana, arial, helvetica; border:none; padding-top:2px}

.searchsubmit { background-color: #F90; color:#f0f0f0; font-weight: bold; }

.topnav {
	color: #ccc;
	text-align:right;
	font-size:12px;
	padding: 0 8px 3px 0;
	line-height:22px;
}

.topnav a:link { color: #F0F0F0; text-decoration:none }

.topnav a:visited  { color: #F0F0F0; text-decoration: none }

.topnav a:hover	 { color: #FFFFFF; text-decoration: underline }

.line { color: #666666; height:1px; width:100%}

#bottombar {
	background-image:url('images/bottombar-green.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #f5f5f5;
	text-align:center;
	height:20px;
	font-size:10px;
	color: #ffff33;
}

.bottomba_link;
{
	color: #ffff33;
	font-weight:bold;
}

.comm1a {
	color: #669;
	padding: 10px;
	border: solid #669;
	border-width: 1px 0;
}

.comm1b {
	font-size: 14px;
	line-height:21px;
	font-style:italic;
	text-align:center;
}

.comm2b {
	font-size: 12px;
	line-height:17px;
	font-style:italic;
	text-align:center;
}

.comm3b {
	font-size: 11px;
	line-height:15px;
	font-style:italic;
	text-align:center;
}

#highlight {
	background-image:url('images/highlight.jpg');
	background-repeat: no-repeat;
	background-position: left;
	background-color: #f5f5f5;
	text-align:center;
	font-size: 12px;
	color: #f5f5f5;
	letter-spacing: 0px;
	height: 30px;
	padding-top: 10px;
	vertical-align: middle;
}

#bottombar a:link { color: #F0F0F0; text-decoration:none }

#bottombar a:visited  { color: #F0F0F0; text-decoration: none }

#bottombar a:hover	 { color: #FFFFFF; text-decoration: underline }

#language {
	background-image:url('images/navtop.gif');
	background-repeat: no-repeat;
	background-position: center top;
	padding:9px 0;
	padding-bottom:0px;
	background-color: #ccc;
	text-align:center;
}

#navbottom {
	background-image:url('images/navbottom.gif');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #f5f5f5;
	text-align:center;
	height:20px;
	font-size:10px;
	border-top: dotted 1px #f5f5f5;
}

#newsletter 
{
	background-image:url('images/newsletter1-copy.gif');
	background-position:center;
	background-repeat: no-repeat;
	height:250px;
	font-size:11px;
	line-height:14px;
	padding: 5px 11px 5px 11px;
	padding-top:30px;
	text-align:left;
	margin-left:10px;
	margin-left:10px;
}

.off1 p {
	padding-bottom:3px;
	padding-top: 3px;
	margin: 0px;
	font-size:11px;
	line-height:13px;
	letter-spacing: -1px;
	border-bottom: dotted 1px #999999;
}

.top { background-image:url('images/pointer3.gif'); 
background-repeat: no-repeat; background-position: left; padding-left:12px; font-size:11px; }

.ohead { font-size: 12px; letter-spacing:-1px; font-weight:bold; color: #FFF; margin-bottom:5px; background-color:#36C; padding: 2px}

.discount2    { margin: 11px 3px; padding: 3px; border: solid 1px #C00; text-align:center; background-color: #FFE1FF }

.pointer1 {font-size:10px; font-weight:bold; padding: 1px 0 3px 12px; border-bottom: dotted #606060 1px;}

#gnl td { border: solid 1px #3366CC; padding:3px; }

.sched { width:100%; border-bottom: solid 1px #666; height: 190px; }

.schedbig { width:100%; height: 500px; border-bottom: solid 1px #666 }

.schedtab a:link, .schedtab a:visited, .schedtab a:hover {text-decoration:underline}

.hotel {background-image: url('images/house.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding-left:20px; margin-bottom:3px; }

.exclamation {background-image: url('images/exclamation.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 8px 3px 20px; }

.star {background-image: url('images/star.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 8px 3px 18px; }

.centre {background-image: url('images/medal.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 8px 3px 18px; }

.flag {background-image: url('images/flag.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 8px 3px 15px; }

.information {background-image: url('images/information.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 8px 3px 18px; }

.television {background-image: url('images/television.png'); 
background-repeat: no-repeat; background-position: left top; 
padding: 3px 8px 3px 18px; }

.video {background-image: url('images/film.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 8px 3px 18px; }

.reefci {background-image: url('images/reefci.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 8px 3px 18px; }

.user {background-image: url('images/user.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 8px 3px 18px; }

.tick {background-image: url('images/tick.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 0 3px 18px; }

.group {background-image: url('images/group.png'); 
background-repeat: no-repeat; background-position: left 50%; 
padding: 3px 0 3px 18px; }

/* form styles */

form  { margin: 0 }

textarea  { color: black; font-size: 11px; font-family: verdana, arial, helvetica; background-color: white; border: solid 1px black }

select  { color: black; font-size: 11px; font-family: verdana, arial, helvetica; background-color: white; margin: 0px; padding: 0px; }

input   { color: black; font-size: 11px; font-family: verdana, arial, helvetica; font-weight: normal; background-color: white; margin: 0px; padding: 1px; border: solid 1px black }

.navcontainer ul
{
	margin: 0;
	padding: 0;
	margin-right: 1px;
	list-style-type: none;
	font-family: verdana;
	letter-spacing:0px;
	font-weight: bold;
	border:solid #ccc;
	border-width: 0 0 3px 0;
	width: 170px;
}

.navcontainer li { margin: 0 0 0 0; border:solid #ccc; border-width: 2px 0 0 0; }

.navcontainer a
{
	display: block;
	padding: 5px 8px 5px;
	width: 154px;
	text-align: center;
	color: #333;
	text-decoration: none;
	background-color: #ccc;
	background-image:url('images/mainnav.jpg');
	background-position: center bottom;
	background-repeat:no-repeat;
}

.menu_selected
{
    background-image:url('images/mainnavover.jpg') !important;
}

.navcontainer a:hover
{
	background-image:url('images/mainnavover.jpg');
	background-position: center bottom;
	background-repeat:no-repeat;
	text-decoration: none;
}

.booked a:link, .booked a:visited
{
	background-image:url('images/mainnav_book.jpg')!important;
	background-position: center bottom !important;
	background-repeat:no-repeat !important;
	text-decoration: none !important;
	color:Red;
}

.booked a:hover
{
	background-image:url('images/mainnavover.jpg') !important;
	background-position: center bottom  !important;
	background-repeat:no-repeat !important;
	text-decoration: none !important;
}

div#navcontainer3
{
	background-image:url('images/submenubar.jpg');
	margin: 3px 0;
}

div#navcontainer3 ul
{
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding-bottom: 1px;
	padding-top: 2px;
	padding-left: 0;
}

div#navcontainer3 ul li
{
	display: inline;
}

div#navcontainer3 ul li a
{
	padding: 5px 8px 5px 8px;
	color: #333;
	text-decoration: none;
}

div#navcontainer3 ul li a:hover
{
	background-image:url('images/submenubarover.jpg');
}

