/*============================
=== Generic styles ==========
===========================*/
*{ 
margin: 0;
padding: 0;
}

body {
background: #90b7da url(../images/body-bg.gif);
background-repeat: repeat-x;
color: #666;
	font : 62.5%/1.6  verdana, arial, "lucida grande", sans-serif;
}

.clear {
clear: both;
}

h1 {
display: none;
}

h2 {
color: #001e5b;
font-size: 1.6em;
}

h3 {
color: #001e5b;
font-size: 1.5em;
}

h4 {
color: #001e5b;
font-size: 1.4em;
}

p {
color: #666;
font-size: 1.2em;
margin: 10px;
}

img {
border: none;
}

/*============================
=== Wrapper styles ==========
===========================*/

/* used for the curve on the top of the wrapper */
#wrapper-top {
margin: 20px auto;
margin-bottom: 0;
background: url(../images/wrapper-top.gif);
height: 13px;
width: 941px;
}

/* used for the main wrapper */
#wrapper {
margin: 0 auto;
width: 937px;
background: #fff;
border-left: 1px solid #72a6d0;
border-right: 1px solid #72a6d0;
}

#wrapper-bottom {
margin: 0px auto;
margin-top: 0;
background: url(../images/wrapper-bottom.gif);
height: 10px;
width: 939px;
}
#label {
margin: 20px auto;
margin-top: -1px;
background-repeat: no-repeat;
height: 38px;
width: 939px;
text-align: right;
}

#label p {
float: left;
width: 550px;
text-align: left;
margin-left: 0px;
}

#label a, #label a:link {
text-decoration: none;
color: #fff;
font-size: 0.9em;
}

/*============================
=== Header styles ==========
===========================*/

#header {
width: 930px;
height: 138px;
margin: 0 auto;
background: #fff;
}


#logo {
float: left;
width: 228px;
height: 136px;
}

.header-info {
text-align: center;
float: right;
clear: right;
width: 238px;
height: 62px;
background: url(../images/header-info.gif);
text-transform: uppercase;
margin-top: 3px;
margin-right: 3px;
}

.header-info h3 {
color: #03552b;
font-size: 1.9em;
font-weight: normal;
margin-top: 2px;
}

.header-info p {
margin-top: 0px;
color: #03552b;
font-size: 1.1em;
}

.header-info a, .header-info a:link {
color: #fff;
text-decoration: none;
}

/*===========================
=== Top Navigation styles ==
===========================*/

#nav-left {
width: 17px;
height: 34px;
float: left;
background: url(../images/left-nav.gif);
margin-left: 5px;
}

#nav1 {
position: relative;
width: 894px;
height: 34px;
float: left;
background: url(../images/nav-bg.gif);
font-size: 1.2em;
text-align: center;
}

#nav-right {
width: 17px;
height: 34px;
float: left;
background: url(../images/right-nav.gif);
}

#nav1 ul{
width: 905px;
	list-style:none;
	margin-top: 4px;
	padding:0;
}

#nav1 ul li{
float: left;
  position: relative;
display: inline;
	list-style:none;
		padding: 3px 0.6em;
		padding-right: 1em!important;
		background: url(../images/devider.gif);
			background-repeat: no-repeat;
	background-position: top right;
}

#nav1 ul li a{
	color:#FFF;
	text-decoration:none;
}

#nav1 ul li a:hover{
	color: #0f267b;
}

#nav1 .active {
	background: transparent url(../images/devider.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#nav1 .last {
background: none;
}


#nav1 li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
	background: #96BDDE;
	width: 170px;
	margin-left: -10px;
}
	
#nav1 li ul li {
	display: block;
	background: none;
	clear: left;
	width: 150px;
	border: 1px solid #7DADD3;
	text-align: left;
}

#nav1 li > ul {
	top: auto;
	left: auto;
}
	
#nav1 li:hover ul, #nav1 li.over ul{ display: block; }
	
#nav1 li ul li a, 	#nav1 li ul li a:link {
	display: block;
}

#nav1 li ul li.active {
	background: none!important;
}


/*===========================
=== left Navigation styles ==
===========================*/

#left-nav-wrap {
width: 205px;
float: left;
margin-left: 7px;
margin-top: 5px;
}

#left-nav-top {
background: url(../images/left-nav-top.gif);
width: 205px;
height: 8px;
}

#left-nav {
background: url(../images/left-nav-ul.gif);
width: 205px;
font-size: 1.2em;
}

#left-nav ul {
list-style-type: none;
}

#left-nav li {
margin-left: 2px;
border-bottom: 1px solid #84ba8b;
margin-right: 1px;
}

#left-nav a, #left-nav a:link {
display: block;
padding: 9px;
padding-left: 20px;
color: #0f267b;
text-decoration: none;
}

#left-nav a:hover, .active {
background: #A2DB95;
}



#left-nav-bottom {
background: url(../images/left-nav-bottom.gif);
width: 205px;
height: 7px;
}



/*===========================
=== Enquiry form styles ====
===========================*/

#enquire-top {
background: url(../images/enquire-top.gif);
width: 206px;
height: 14px;
margin-top: 4px;
}

#enquire {
background: url(../images/enquire.gif);
width: 206px;
margin-top: -10px;
color: #033477;
height: 500px;
}

#enquire p {
color: #033477;
}

#enquire h3 {
margin: 10px;
margin-bottom: 0;
}

#enquire-bottom {
background: url(../images/enquire-bottom.gif);
width: 206px;
height: 14px;
margin-bottom: 5px;
}

#enquire form, .form form {
margin: 0 10px;
}

#enquire label, .form label {
	display: block;
margin: 0 5px;
font-size: 1.2em;
}

#enquire input, .form input {
background: url(../images/input.png);
width: 181px;
height: 20px;
border: none;
padding-top: 3px;
padding-left: 5px;
}

#enquire textarea, .form textarea {
background: url(../images/textarea.png);
width: 182px;
height: 106px;
border: none;
padding-top: 3px;
padding-left: 5px;
}

#submitform {
background: none!important;
margin-left: -2px;
}






#whats-on form {
margin: 0 10px;
}

#whats-on label {
	display: block;
margin: 0 5px;
font-size: 1.2em;
}

#whats-on input {
background: url(../images/input2.png);
width: 151px;
height: 20px;
border: none;
padding-top: 3px;
padding-left: 5px;
}

#whats-on p {
padding-top: 35px!important;
font-size: 1em;
color: #033477;
}


#submitform {
background: none!important;
margin-left: -2px;
}

.submit2 {
float: right;
background: none!important;
width: 65px!important;
height: 23px!important;
}

/*===========================
=== Main Content styles ====
===========================*/

#main-content {
width: 531px;

float: left;
margin-left: 4px;
margin-top: 4px;
}

#cont-main-top {
background: url(../images/cont-main-top.gif);
width: 531px;
height: 18px;
}

#cont-midd {
background: #fff url(../images/cont-midd.gif);
width: 511px;
padding: 0 10px;
height: auto!important;
min-height: 250px;
height: 250px;
}

#cont-midd ul {
margin-left: 30px;
font-size: 1.2em;
}

#cont-midd li {
margin: 10px 0;
}

#cont-main-bott {
background: url(../images/cont-main-bott.gif);
width: 531px;
height: 18px;
margin-top: -10px;
}

#cta {
width: 531px;
margin-top: 5px;
}

#cta img {
border: none;
float: left;
width: 175px;
height: 194px;
margin-right: 2px;
}





/*===========================
=== right colum styles =====
===========================*/

#right {
float: right;
width: 180px;
margin-top: 230px;
margin-right: 5px;
}

#weather {
background: #fff url(../images/weather.gif);
width: 179px;
height: 226px;
}

#whats-on {
margin-top: -12px!important;
background: #fff url(../images/whats-on.gif);
width: 177px;
height: 208px;
margin-left: 1px;
}

#poll {
margin-top: 2px!important;
background: #fff url(../images/party.gif);
width: 177px;
height: 208px;
margin-left: 1px;
}

#webcam {
margin-top: 5px;
width: 178px;
height: 202px;
}

#webcam img {
border: none;
}

/*===========================
=== Footer styles ==========
===========================*/

#footer {
clear: both!important;
margin: 0 auto;
background: #fff url(../images/footer.gif);
background-repeat: no-repeat;
width: 925px;
height: 165px;
margin-top: 5px;
}

#footer li {
float: left;
width: 200px!important;
margin: 7px 0px;
font-size: 1.2em;
}

#footer ul {
margin-left: 100px;
list-style-type: square;
}

#footer a, #footer a:link {
display: block;
width: 200px;
color: #033477;
text-decoration: none;
}

#footer .active {
background: none;
}

.strong {
clear: both;
font-size: 1em;
font-weight: bold;
color: #033477;
padding-top: 10px;
}

.strong a, .strong a:link {
display: inline!important;
font-weight: bold;
color: #033477;
text-decoration: none;
}

table {
width: 490px;
border: 1px solid #A2DB95;
margin-left: 10px;
margin-top: 10px;
font-size: 1.1em;
}

td {
width: 95px;
text-align: center;
border: 1px solid #A2DB95
}

th {
border: 1px solid #A2DB95
}

ul.tides  {
list-style-type: none;
margin-left: 10px!important;
}

.tides li {
width: 150px;
height: 30px;
float: left;
text-align: center;
background: url(../images/but2.jpg);
margin-left: 10px!important;
}

.tides a, .tides a:link {
display: block;
color: #001E5B;
text-decoration: none;
padding-top: 3px;
}

.tide {
background: url(../images/but.jpg);
background-repeat: no-repeat;
padding-bottom: 10px!important;
width: 234px;
margin-left: 10px;
}

.tide a, .tide a:link {
color: #001E5B;
text-decoration: none;
display: block;
}

.tide p {
padding-top: 9px;
text-align: center;
}

ul.gallery {
list-style-type: none;
margin-left: 0px!important;
}

.gallery li {
float: left;
width: 150px;
height: 113px;
background: #CEE0EE;
border: 1px solid #001E5B;
padding: 6px;
margin-left: 5px!important;
margin-top: 10px!important;
}

.paginate a, .paginate a:link {
font-size: 1.2em;
color: #666;
padding: 5px;
margin-left: 10px;
}

.ditto_currentpage {
font-size: 1.2em!important;
font-weight: bold;
}

#ditto_pages {
margin-left: 10px!important;
}

#availability {
padding: 10px;
background: #fba6a6;
border: 1px solid #ff0101;
color: #001e5b!important;
}

#availability p {
color: #001e5b!important;
}
.date {
font-weight: bold;
}

#easypollform {
border: none;
width: 165px;
padding: 10px;
padding-top: 50px;
}

.pollresults  {
border: none;
width: 165px;
padding: 10px;
padding-top:60px;
}

.pollresults h3 {
font-size: 12px;
}

#easypollform  fieldset {
border: none;
}

.pollvotes {
font-size: 8px;
margin-top: 10px;
}

.pollvotes ul, .pollresults ul {
list-style-type: none;
margin-left: 15px;
margin: 10px 0;
}

.teaser {
border: 1px solid #7DADD3;
padding: 5px;
margin: 10px auto;
}