body {
background-color: #F4E6B0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center; /* IE hack to make #main_container centre in the page */
margin-top: 3px;	
}

#main_container {
width: 760px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
background-color: #F4E6B0;
}

#header {
background-image:url(./graphics/masthead.jpg); /* This image must be the same width as the main_container id width */
background-repeat:no-repeat;
background-color: #FFF;
text-align: left;
width: 100%;
height: 140px; /* This height declaration value must be the same as the height of the image referenced in the header id */	
}

#mainnavigation {
clear: both;
width: 100%;
height: 40px;
overflow: hidden;
padding-top: 10px
}

#subnavigation {
width: 100%;
height: 25px;
overflow: hidden;
clear: both;
}

#content{
width: 100%;
text-align: left;

}

#footer{
margin: 0;
color: #000;
font-size: x-small;
padding: 0;
text-align: center;	
}

#footer a:hover{
color: #FFF;
text-decoration: underline;
font-weight: normal;
}

#footerTopBar{
background: url("./graphics/footer-top-bar.jpg"); /* This colour can be changed to suit the site's colour scheme */
width: 760px;
height: 15px;
margin: 0;
padding: 0;	
}

#footerBottomBar{
background: url("./graphics/footer-bottom-bar.jpg"); /* This colour can be changed to suit the site's colour scheme */
width: 760px;
height: 9px;
margin-top: 3px;
padding: 0;	
}

p{
font-family:Arial, Verdana, Helvetica, sans-serif;
color: #000;
font-size: 75%;
margin-bottom: 5px;
text-indent: 1.5em
}

a {
color: #5C171A;
font-weight: normal;
text-decoration: underline;
}

a:hover {
color: #000;
font-weight: normal;
text-decoration: underline;
}

h1{
color: #fff;
font-size: 140%;
font-weight: bold;
margin: 0em;
}

h2{
padding-top: 0px;
margin-top: 10px;
text-align: left;
color: #A09DA0; /* This colour can be changed to suit the site's colour scheme */
font-size: large;
font-weight: bold;
}

h3{
color: #006699; /* This colour can be changed to suit the site's colour scheme */
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
}

h4{
color: #000; /* This colour can be changed to suit the site's colour scheme */
font-size: small;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}

h5{
text-align: center;
color: #006699; /* This colour can be changed to suit the site's colour scheme */
font-size: small;
font-weight: bold;
margin-bottom: 0;
}
.text1 p{
text-align: center;
/*padding: 0px 0px 0px 140px;*/
font-size: 100%;
}
li {
font-family: verdana, arial, helvetica, comic sans;
font-size: 100%;
color: #000;
}

.clearboth {
clear: both;
margin: 0;
padding: 0;
}

/* NAVIGATION START */



/* NAVIGATION END */

/* FORM STYLING - START */

.tblback {

}
.tbltariff {
border: 1px solid #5C1819;

}
.cellouter {

}

.cellheading {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #5D161E;
padding: 2px;
text-align: center;
}

.cellsubheading {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight: bold;
color: #946752;
padding: 2px;
text-align: center;
}

.piccell {
background-color: #EFD383;
padding: 5px;
text-align: center;
}

.cellleft {
align: center;
font-family: verdana, arial, helvetica, comic sans;
font-size: 75%;
color: #5C1819;
padding: 2px;
text-align: left;
}

.cellright {

font-family: verdana, arial, helvetica, comic sans;
font-size: 75%;
color: #FFF;
padding: 2px;
text-align: left;
}

.cellright p {
color: #000;
}
.cellrighttariff {

font-family: verdana, arial, helvetica, comic sans;
font-size: 75%;
color: #333;
padding: 2px;
text-align: left;
width : 70%
}
.celllefttariff {

font-family: verdana, arial, helvetica, comic sans;
font-size: 75%;
color: #333;
padding: 2px;
text-align: left;
width : 30%
}

.cellrightcontact {

font-family: verdana, arial, helvetica, comic sans;
font-size: 75%;
color: #333;
padding: 2px;
text-align: left;
width : 60%
}
.cellleftcontact{

font-family: verdana, arial, helvetica, comic sans;
font-size: 75%;
color: #333;
padding: 2px;
text-align: left;
width : 40%
}
.button {
background-color: #FFF; 
color: #5C1819; 
font-family: Verdana, Arial, Helvetica; 
font-size: 11px; 
font-weight:bold; 
border: 1px #000; 
border-bottom-style: outset; 
border-left-style: outset; 
border-right-style: outset;
border-top-style: outset;
}

.required {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #F00;
}

.feature{
	font-family: sans-serif;
	padding: 0px 30px 0px 40px;
	font-size: 20px;
   	clear: both; 
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 2px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
.feature2{
	font-family: sans-serif;
	padding: 0px 30px 0px 40px;
	font-size: 20px;
	clear: both;
}
.feature2a{
	font-family: sans-serif;
	padding: 0px 30px 0px 0px;
	font-size: 20px;   
}
.feature2 img{
	float: right;
	padding: 2px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
.feature3{
	font-family: sans-serif;
	padding: 0px 30px 0px 140px;
	font-size: 20px;
    
}
/****** map page******/
.map1{
    text-align: center;
}
 

/****** contact-us page******/
.contact{
    text-align: center;
}
.contactp{
	font-size: 20px;
}
/****** Bookings Enquiries page******/
.label{
	font-family: sans-serif;
	font-size: 20px;
	padding: 0px 0px 0px 180px;
}

.bookings{
    float: right;
    margin: 0 170px 0px 0px;
}
/********* Amenities&Attractions ****/
.amient{
	font-family: sans-serif;
	font-size: 20px;
	padding: 0px 30px 0px 140px;
}

.amient img{
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

/********* booking enquiries ****/
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 


/* FORM STYLING END */