* {
margin: 0;
padding: 0;
}

body {
font-family: Helvetica, sans-serif;
background-color: #FFFFFF;
color: navy;
text-align:center;
}

h1 {
margin: 0.25em 0 0.25em 0;
}

h2 {
margin: 0.50em 0 0 0;
text-align: left;
}

h3 {
margin: 0.50em 0 0 0;
text-align: left;
}

h4 {
margin: 0.50em 0 0 0;
text-align: left;
}

table.prices
{
margin:0.50em;
padding:0.50em;
border:collapse;
}

table.prices th, table.prices td {padding:0.50em;text-align:center;border:1px solid blue;}
table.prices th {background-color:whitesmoke;}
 
a:link	{ text-decoration: none;color:purple;}
a:visited	{ text-decoration: none;}
a:hover	{ text-decoration: none; color:orange;} 
a:active	{ text-decoration: none; color:red;}

p {
margin-top: 0.50em;
text-align: left;
font-size: 0.80em;
}

.circle {
margin-left:2em;
list-style-type: circle;
text-align: left;
}

.disc {
margin-left:2em;
list-style-type: disc;
text-align: left;
}

li {
text-align: left;
margin-left: 1.25em;
font-size: 0.80em;
}

#wrapper {
margin-top: 1em;
background-color: #F0F0F0;
width: 820px;
border:1px solid navy;
margin: 5px auto;
}

#masthead {
/*background-color: lavender;*/
background-image:url('/images/harbour_820x140_with_award.jpg');
background-repeat:no-repeat;
/*padding: 0.50em 0 0.50em 0;*/
height:140px;
}

#heading {
color: navy; 
margin-top: 1.50em;
vertical-align: middle;
font-size: 24px;
font-weight: bold;
}

#strapline {
color: cornflowerblue; 
margin: 1.50em;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
font-style:italic;
}

#navigation1 {
/*background-color: #FFFF99;*/
background-color:khaki;
padding: 0.50em;
}

#navigation1 a {
font-weight: bold;
font-size: 0.85em;
}

#contentarea {
padding: 0.75em;
min-height:410px;
}

#contentarea img {
 border: none;
 margin: 0.50em;
}

#footer {
clear: both;
margin-top: 2em;
background-color: khaki;
padding: 0.50em 0 0.50em 0;
}

.menuSection-s {
color: red;
}

/*
.menuSection-u {
color: darkblue;
}
*/

.menuSubsection-s {
margin-bottom: 1px;
color: #FF0000;
}

.menuSubsection-u {
margin-bottom: 1px;
color: #0000FF;
}

.bv {
font-size: 1em;
}

.pg1 {
width: 134px;
height: 84px;
}

.h2p {
}

.h3p {
}

.h4p {
}

.authorcredit {
font-size: 0.60em;
text-align: center;
}

.centerit {
text-align: center;
}

.boldit {
font-weight: bold;
}

.collage {
margin:1px;
width:150px;
height:112px;
}

.booking_form {
  text-align:left;
  width:75%;
  margin:5px;
  padding:5px;
  border:1px solid #f8f8f8;
 }
 
.clearit {clear:both;}
.attraction {clear:both;margin-top:10px;}
.floatleft {width:250px;float:left;text-align:center;}
.floatright {width:400px;float:left;text-align:left;}

.next, .previous {margin:1em auto;}

div.holdit {margin:auto 0;padding:5px;}
div.keycodes {width:27%;margin:5px;padding:5px;border:1px solid blue;float:left;}
div.keycodes_new {width:75%;margin:2px auto 2px auto;padding:5px;border:1px solid blue;}
div.dates {width:95%;margin:5px auto 5px auto;padding:5px;border:1px solid blue;}
div.previous {margin:0;}
div.next {margin:0;}
table.tm {border:1px solid blue;float:right;margin:5px;padding:5px;}
table.tm td {vertical-align:top;}
table.tm_new {margin:0 auto;padding:0;}
table.tm_new td {vertical-align:top;}
table.calendar {margin:5px;padding:5px;background-color:#F6F9ED;}
table.calendar th.calendar-month {text-align:center;font-style:italic;color:#7AC5CD}
table.calendar td {width:30px;text-align:right;}
table.calendar_new {margin:10px;padding:5px;background-color:#F6F9ED;}
table.calendar_new th.calendar-month {text-align:center;font-style:italic;color:#7AC5CD}
table.calendar_new th.price {color:indianred}
table.calendar_new td {width:30px;padding:3px;text-align:right;}
.free {background-color:#CAFF70;}
.request {background-color:yellow;}
.provisional {background-color:#FFB90F;}
.booked {background-color:#FF0000;}
.notforrent{background-color:cyan;}
.actions {margin-top:20px;}
.alert {color:red;}