/* CSS Document */

body {
	background-color: #ffffff;
	background-image: url(../images/back_slice.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position:center top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}


/*
HTML ELEMENTS
*********************************************************************************************************/
p {
	margin:0px 20px 0px 20px;
	padding:0px 0px 10px 0px;
	font-size: 80%;
	color:#666666;
	line-height:150%;
}

#content-left p {text-align:justify;}
#content-left p.left {text-align:left;}
#content-left p.center {text-align:center;}
#content-left p.right {text-align:right;}

a {
	color:#3f7696;
	text-decoration:underline;
}
	
a:hover {
	color:#000000;
	text-decoration:underline;
}

ul {
	margin:0px 20px 0px 40px;
	padding:0px 0px 0px 0px;
	font-size: 80%;
	color:#666666;
}

li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#666666;
}

h1 {
	margin:4px 20px 10px 20px;
	padding:0px 0px 0px 0px;
	font-size: 135%;
	font-weight:normal;
	color:#3F7696;
}

h2 {
	margin:15px 20px 10px 20px;
	padding:0px 0px 3px 0px;
	font-size: 110%;
	font-weight:normal;
	color:#999999;
	border-bottom: dotted 1px #999999;
}

.clear { height:1px; clear:both; }




/*
COLOURS & ALIGNMENT
*******************************************/
.cream {color:#eadea1;}
.dirtygreen {color:#808355;}
.blue {color:#3f7696;}




/*
CONTAINERS
*******************************************/

#wrap {
	margin:0px auto;
	width:812px;
	}

#page {
	position:relative;
	width:812px;
	margin:35px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/*
DROP SHADOW CONTAINERS
*********************************************************************************************************/
#top_slice {
	width:812px;
	height:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#mid_slice {
	position:relative;
	width:812px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(../images/rightleft_slice.jpg);
	background-repeat: repeat-y;
}

#bottom_slice {
	position:relative;
	width:812px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*
NAV Styles
*********************************************************************************************************/
#nav {
	position:relative;
	width:800px;
	height:34px;
	margin:0px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	background-color:#eadea1;
	font-family:"Times New Roman", Times, serif, Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}
#nav ul {
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
	list-style-type:none;
}

#nav ul li {
	display:inline;
	margin:0px 3px 0px 3px;
	padding:0px 0px 0px 0px;
	color:#333333;
	font-size:135%;
	font-weight:bold;
}

#nav ul li a {
	color:#333333;
	text-decoration:none;
	font-size:16px;
}
#nav ul li a:hover {
	color:#333333;
	text-decoration:underline;
}

/*
TITLE Styles
*********************************************************************************************************/
#title {
	position:relative;
	width:800px;
	margin:0px 0px 5px 6px;
	padding:0px 0px 0px 0px;
}
#title-left {
	position:relative;
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#title-right {
	position:relative;
	width:300px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:right;
}

#title-right p {
	margin:20px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	font-size: 70%;
	color:#ffffff;
	line-height:100%;
}

#title a {
	color:#FFFFFF;
	text-decoration:none;
}
	
#title a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/*
HEADER & CONTENT Styles
*********************************************************************************************************/
#header {
	position:relative;
	width:800px;
	margin:0px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	border-bottom: solid 10px #4E493D;
}

#content {
	position:relative;
	width:800px;
	margin:12px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	background-image: url(../images/content-back.gif);
	background-repeat: repeat-y;
}

#content-wide {
	position:relative;
	width:800px;
	margin:12px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}

#content-left {
	position:relative;
	width:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	/*border-right: solid 1px #a3a375;*/
}
#content-left img.photo {
	margin:44px 0px 10px 50px;
	padding:0px 0px 0px 0px;
}

#content-left img.photo-left {
	margin:10px 0px 10px 50px;
	padding:0px 0px 0px 0px;
}

#content-right {
	position:relative;
	width:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	
}

#content-right img.photo {
	margin:44px 0px 10px 50px;
	padding:0px 0px 0px 0px;
}


/*
NEWS Styles
*******************************************/

img.newsline { 
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

#home_thumb_images {
	position:relative;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

img.home_thumb {
	margin:0px 15px 0px 15px;
	padding:0px 0px 0px 0px;
}

/*
TARIFF TABLE Styles
*********************************************************************************************************/


table.tariff-table {
	margin:0px 20px 0px 20px;
	padding:0px 0px 0px 0px;
}

table.tariff-table p {
	margin:0px 0px 0px 0px;
	padding:5px;
	color:#666666;
	line-height:100%;
	font-size:70%;
}

table.tariff-table th {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
	color:#000000;
}

table.tariff-table th p {
	color:#000000;
}

table.tariff-table th.cottage {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#3f7696;
}

table.tariff-table th.cottage p {
	color:#FFFFFF;
}
 
table.tariff-table th.cottage a {
	color:#FFFFFF;
	text-decoration:none;
}

table.tariff-table th.cottage a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

table.tariff-table td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

table.tariff-table td.date {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

table.tariff-table td.date p {
	font-weight:bold;
}

table.tariff-table td.available {
	background-color: #eadea1;
}
table.tariff-table td.booked {
	background-color: #ffcc00;
}

.cream {color:#eadea1;}
.dirtygreen {color:#808355;}
.blue {color:#3f7696;}

/*
FOOTER Styles
*********************************************************************************************************/
#footer {
	position:relative;
	width:800px;
	margin:0px 0px 5px 6px;
	padding:0px 0px 0px 0px;
}

#footer-left {
	position:relative;
	width:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#footer-right {
	position:relative;
	width:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:right;
}
#footer p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 70%;
	color:#ffffff;
	line-height:150%;
}

#footer a {
	color:#ffffff;
	text-decoration:underline;
}
	
#footer a:hover {
	color:#cccccc;
	text-decoration:underline;
}




