@charset "utf-8";
/* CSS Document */
body {
		background-color: #E3F3E9;
		/* hides from IE5-mac \*/
* html .fixme height: 1%;
}
p {
line-height: 170%;

}
body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color:#2C2C2C
}
h1 {
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		font-size:22px;
		margin:-5px 0 0 70px;
}
h2 {
		font-weight:normal;
		font-size:24px;
		margin-top:0px;
}

h3 {
		font-weight:normal;
		font-size:18px;
		margin:15px 0 10px 0;
		background-color: #DEECEF;
		width: 734px;
		padding: 5px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #000000;
}
#container {
		width:868px;
		margin: 0 auto;
		background-image:url(css_images/container_bg.jpg);
		background-repeat:repeat-x;
		background-color:#FFFFFF;
}
#header {
		background-image:url(css_images/header_bg1.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		height:140px;
		margin:0px;
		padding:0px;

}
#header_image {
		margin-left:80px; margin-top:15px;

}
#header_border {
		border-left:1px #A3D5B2 solid;
		border-right:1px #A3D5B2 solid;
		background-color:#FFFFFF;
		padding:5px 40px 0px 40px;
margin-bottom:0px;
}
#green_bar {
		height:5px;
		background-color:#009900;
		padding:0px;
		margin:0px;
		font-size:7px;
}
#nav_container {
		background-image:url(css_images/nav_bg.jpg);
		background-repeat:no-repeat;
		height:30px;
		width:786px;
		margin-top:8px;

}
/* NAVIGATION */
#navbar ul{
		list-style-type:none;padding:0px; margin-left:2px;
}
#navbar li {
		margin:0px;
		float:left;
}
#navbar a, #navbar a:visited, #navbar a:active {
		display:block;
		width:111px;
		height:22px;
		text-align:center;
		padding-top:8px;
		text-decoration:none;
		font-size:12px;
		color:#000;
		background-image: url(css_images/nav_bg1.jpg);
		margin-right:1px;
}
#navbar a:hover {
		display:block;
		width:111px;
		height:22px;
		background-image: url(css_images/nav_bg2.jpg);
		text-align:center;
		padding-top:8px;
		color:#000;
		margin-right:1px;
}
#current {
		background-image: url(graphics/button_bg_selected.jpg);
}
#main_image {
		width:575px;
		height:279px;
		background-image:url(css_images/photos/home.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		padding:0px;
		margin-top:8px;

		
}
#main_content {
		border-left:1px #A3D5B2 solid;
		border-right:1px #A3D5B2 solid;
		background-color:#FFFFFF;
		padding:5px 40px 40px 40px;
		margin-bottom:0px;
		margin-top:0px;



}
#booking { 
		height:246px;
		width:180px;
		background-image:url(css_images/booking_bg.jpg);
		float:right;
		background-repeat:no-repeat;
		background-position:top right;
		background-color:#A3D5B2;
		margin-top:8px;
		padding:10px;

}
#booking_submit {
		background-image:url(css_images/booking_button.jpg);
		width:139px;
		height:28px;
		margin-top:5px;
		padding-top:8px;
		padding-left:20px;
		background-repeat:no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		cursor: pointer;
}
.offer_one {
	width:234px;
	height:176px;
	background-image:url(css_images/home_offer_bg1.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:10px;
	

}
.offer_two {
	width:234px;
	height:176px;
	background-image:url(css_images/home_offer_bg2.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:10px;
	

}
.offer_three {
	width:234px;
	height:176px;
	background-image:url(css_images/home_offer_bg1.jpg);
	background-repeat:no-repeat;
	float:right;
	padding:10px;
	

}
#pages_centre {

	padding:20px;
	border:#A3D5B2 solid 1px;

}
#pages_centre img {border:#CECECE solid 4px;
}


#footer {
background-image:url(css_images/footer_bg1.jpg);
height:99px;
background-repeat:no-repeat;
padding:10px;
clear:both;
margin-top:0px;

}
#footer_address {
margin-top:25px;
margin-left:20px;
width:150px;
float:left;

}
#arrow {
width:90px;
height:30px;
background-image:url(css_images/arrow_circle.jpg);
background-position:top right;
background-repeat:no-repeat;
float:right;
vertical-align:middle;
margin-top:5px;
padding-top:2px;
}

input.textfield, select.textfield, textarea.textfield {
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-family: Georgia, Times New Roman, Times, serif;
	margin-bottom: 3px;
	font-size: 12px;
}

input.textfield:focus, input.textfield:active, select.textfield:focus, select.textfield:active, textarea.textfield:focus, textarea.textfield:active {
	background-color: #EEEEEE;
}

label {
	font-weight: bold;
	display: block;
}


/* Add On /*
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:25px 0 100px 15px; position:relative; width:735px; height:25px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:120px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#7484ad;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#dfd7ca; color:#c00;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#c00;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#7484ad url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */




div#homepage_highlights {
  border: 1px solid #a3d5b2;
  padding: 0;
  margin: 0;
}
div#homepage_highlights h2 {
  background-color: #a3d5b2;
  padding: 5px 10px;
}

div#homepage_highlights div.item {
/*  border: 1px dashed #f00; */
  clear: left;
  padding: 15px;
}

div#homepage_highlights div.item img {
  width: 80px;
  padding: 5px;
  float: left;
  border: 0;
}

div#homepage_highlights div.item h3 {
  display: inline;
  background-color: #fff;
}

div#homepage_highlights div.item p {
  display: inline;
}

div#homepage_highlights div.item p a {
  display: inline;
}

div#homepage_highlights div.clearing {
  clear: left;
}

#pages_centre a {
	font-weight: bold;
	text-decoration: underline;
}

#pages_centre a:hover {
	text-decoration: none;
}