/*
Middle Cottage style sheet
Ian Daisley Photography www.idpimages.co.uk
Page background colour		#333333
Content background 			#999372
Menu text				 	#c5c3a1
Outlines					#7f7c53
*/

/* Set main page colour and font */
body {
	background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: small;
	text-align:center;
}
/* ---------------------------------------------------------------------------------- */

/* This is the main site div */
#container {
	background-color:#999372;
	position: relative;
	width:1000px;
	height:720px;
	margin:0 auto;
	margin-top:0px;
	text-align:left;
}
/* ---------------------------------------------------------------------------------- */

/* The topbar div is used for holding the image across the top of the site */
#topbar {
	background-image:url(sf_top_image_1.jpg);
	position: absolute;
	width:1000px;
	height:80px;
}

#topbar a:link, #topbar a:visited {
	text-decoration: none;
	color:#ffffff;
}

#topbar h1 {
	position: relative;
	width: 400px;
	top: 10px;
	text-align:left;
	padding-left:20px;
	font-size: 22px;
	font-weight:bold;
}

#topbar h2 {
	position: relative;
	width: 400px;
	text-align:left;
	font-size:medium;
	font-weight:bold;
	padding-right:10px;
	padding-top:0px;
	padding-left:20px;
}

#topbar h3 {
	position: absolute;
	width: 600px;
	left: 350px;
	top: 20px;
	text-align:right;
	font-size:medium;
	font-style:italic;


}
/* ---------------------------------------------------------------------------------- */


/* Menu div. uses ul and li elements  */
#menu {
	position: absolute;
	top: 70px;
	left: 20px;
	width: 170px;
	padding: 0px 0px 0px 0px;
	text-align:right;
/*	background-color: #999999; */
}

/* padding positions text within overall div */
#menu ul {
	font-size: small;
	font-style:normal;
	list-style: none;
	margin: 0;
	border-bottom-style:solid;
	border-bottom-color:#7f7c53;
	border-bottom-width:1px;
	padding:5px 10px 10px 0px;
}

#menu ul a:hover {
	font-weight:bold;
	color: #ffffff;
}

#menu li {
	font-size:x-small;
	list-style: none;
	margin: 0;
	padding:0px 0px 0px 10px;
	line-height:6px;
}


#menu a:link, #menu a:visited {
	text-decoration: none;
	color:#c5c3a1;
}
/* ---------------------------------------------------------------------------------- */

/* Address div at bottom left of each page, below the menu items */
#address {
	color:#ffffff;
	position: absolute;
	top: 460px;
	left: 20px;
	width: 170px;
	text-align:right;
	font-size:x-small;
}
/* ---------------------------------------------------------------------------------- */

/* This is the main area div for all content */
#contentarea {
	position: absolute;
	left: 220px;
	top: 100px;
	width: 800px;
	height:580px;
	/*	background-color: #625e49; */
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	font-size:x-small;
	/* draw a border on the left */
	border-left-style:solid;
	border-left-color:#7f7c53;
	border-width:5px;
}

#contentarea a:link, #contentarea a:visited {
	text-decoration: none;
	color:#ffffff;
	font-weight:normal;
}

#contentarea a:hover {
	font-weight:normal;
	color: #ffcc99;
}

#contentarea p {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}


#contentarea h1 {
	text-align:left;
	padding-left:10px;
	font-weight:normal;
	font-size:medium;
}


#contentarea h2 {
	text-align:left;
	padding-left:10px;
	font-weight:normal;	
	font-size:small;
	font-style:italic;
	line-height:0px;	
}

#contentarea h3 {
	text-align:left;
	padding-left:10px;
	font-weight:normal;	
	font-size:x-small;
	font-style:normal;
	font-weight:bold;
	line-height:0px;
}

#contentarea img {
	border-style: solid;
	border-color:#ffffff;
	border-width:5px;
	text-decoration: none;
}

#contentarea li {
	font-size: x-small;
	font-style:normal;
	list-style: disc;
	margin: 0;
	margin-left:30px;
	padding: 5px 0px 0px 0px;
}
/* ---------------------------------------------------------------------------------- */
#termspage {
	width: 580px;
}

/* ---------------------------------------------------------------------------------- */
#linkspage {
	width: 800px;
}
/* ---------------------------------------------------------------------------------- */
table.links {
	text-align: center;
	font-weight: normal;
	width:700px;
	border-style:solid;
	border-width:0px;
	table-layout: fixed;
	border-collapse: collapse;
}

table.links img { 
	border-style: solid;
	border-color:#ffffff;
	border-width:0px;
	text-decoration: none; 
}

table.links tr {
	vertical-align:top;
}

table.links td {
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:0px;
	padding-bottom:7px;
	padding-top:7px;
	border-color:#002000;
}


/* ---------------------------------------------------------------------------------- */
#infopage {
	width: 580px;
}

/* ---------------------------------------------------------------------------------- */
#contactresp {
	width: 580px;
}

/* ---------------------------------------------------------------------------------- */
/* Booking form needs a different set-up.... */
#booking {
	position: absolute;
	left: 220px;
	top: 100px;
	width: 650px;
	height:600px;
	/*	background-color: #625e49; */
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	font-size:x-small;
	/* draw a border on the left */
	border-left-style:solid;
	border-left-color:#7f7c53;
	border-width:5px;
}

#booking a:link, #booking a:visited {
	text-decoration: none;
	color:#ffffff;
	font-weight:normal;
}

#booking a:hover {
	font-weight:normal;
	color: #ffcc99;
}

#booking p {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}


#booking h1 {
	text-align:left;
	padding-left:10px;
	font-weight:normal;
	font-size:medium;
}


#booking h2 {
	text-align:left;
	padding-left:10px;
	font-weight:normal;	
	font-size:small;
	font-style:italic;
	line-height:0px;	
}

#booking img {
	border-style: solid;
	border-color:#ffffff;
	border-width:5px;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------------- */
/* The form that is embedded in the booking page */
#booking_form {
	position:absolute;
	top: 110px;
	padding-left: 10px;

}
/* ---------------------------------------------------------------------------------- */
/* Welcome page needs a different set-up.... */
#welcomepage {
	position: absolute;
	left: 220px;
	top: 100px;
	width: 580px;
	height:600px;
	/*	background-color: #625e49; */
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	font-size:x-small;
	/* draw a border on the left */
	border-left-style:solid;
	border-left-color:#7f7c53;
	border-width:5px;
}

#welcomepage a:link, #welcomepage a:visited {
	text-decoration: none;
	color:#ffffff;
	font-weight:normal;
}

#welcomepage a:hover {
	font-weight:normal;
	color: #ffcc99;
}

#welcomepage p {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

#welcomepage h1 {
	text-align:left;
	padding-left:10px;
	font-weight:normal;
	font-size:medium;
}

#welcomepage h2 {
	text-align:left;
	padding-left:10px;
	font-weight:normal;	
	font-size:small;
	font-style:italic;
	line-height:0px;	
}

#welcomepage img {
	border-style: solid;
	border-color:#ffffff;
	border-width:5px;
	text-decoration: none;
}


/* ---------------------------------------------------------------------------------- */

/* Right margin content used for message & news etc */
#rightmargin {
	position: absolute;
	left: 820px;
	width: 170px;
	top: 100px;
	color: #dddddd;
	text-align: left;
	font-style:normal;
	font-size:x-small
}

#rightmargin h1 {
	font-style:italic;
	font-size:small;
	font-weight:bold;
}

#rightmargin ul a:hover {
	color:#900000;
}

#rightmargin li {
	font-size: x-small;
	font-style:italic;
	list-style: disc;
	margin: 0;
	padding: 5px 0px 0px 0px;
}

/* h6 is used to draw a horiontal line across the div */
#rightmargin h6 {
	border-bottom-style:solid;
	border-bottom-color:#7f7c53;
	border-bottom-width:1px;
	line-height:0px;
}

#rightmargin img {
	border-style: solid;
	border-color:#ffffff;
	border-width:1px;
	text-decoration: none; 
}

#rightmargin a:link, #rightmargin a:visited {
	text-decoration: none;
	color:#ffffff;
}

/* ---------------------------------------------------------------------------------- */

/* Bottom margin content used for informatio under landscape gallery images */
#bottommargin {
	position: absolute;
	left: 260px;
	width: 500px;
	top: 540px;
	color: #cccccc;
	text-align: left;
	font-style:normal;
	font-size:x-small
}

#bottommargin h1 {
	font-style:italic;
	font-size:small;
	font-weight:bold;
}

#bottommargin ul a:hover {
	color:#900000;
}

#bottommargin img {
	border-style: solid;
	border-color:#ffffff;
	border-width:1px;
	text-decoration: none; 
}

#bottommargin a:link, #bottommargin a:visited {
	text-decoration: none;
	color:#ffffff;
}
/* ---------------------------------------------------------------------------------- */

/* Style mods for accommodation pages */
#acc_roomdesc {
	width: 200px;
}
#acc_roomdesc li {
	font-size: x-small;
	font-style:normal;
	list-style: disc;
	margin: 0;
	padding: 5px 0px 0px 0px;
}
/* ---------------------------------------------------------------------------------- */

#acc_content {
	width: 800px;
}

#acc_content img {
	border-style: solid;
	border-color:#ffffff;
	border-width:1px;
	text-decoration: none;
}

#acc_submenu {
	position:absolute;
	top: 420px;
	width: 600px;
	padding-left: 10px;
}

/* ---------------------------------------------------------------------------------- */
#acc_largeimage {
	position:absolute;
	top: 40px;
	left: 210px;
}

/* ---------------------------------------------------------------------------------- */

#accommodation {
	width: 600px;
}

#accommodation img {
	border-style: solid;
	border-color:#ffffff;
	border-width:2px;
	text-decoration: none;
}
/* ---------------------------------------------------------------------------------- */

/* Accommodation gallery area */
#acc_gallery {
	position: absolute;
	left: 870px;
	width: 170px;
	top: 140px;
	color: #c5c3a1;
	text-align: left;
	font-style:normal;
	font-size:x-small
}

#acc_gallery h1 {
	font-style:italic;
	font-size:small;
	font-weight:bold;
}

#acc_gallery ul a:hover {
	color:#900000;
}

#acc_gallery h6 {
	border-bottom-style:solid;
	border-bottom-color:#7f7c53;
	border-bottom-width:1px;
	line-height:0px;
}

#acc_gallery img {
	border-style: solid;
	border-color:#ffffff;
	border-width:1px;
	text-decoration: none; 
}

#acc_gallery a:link, #acc_gallery a:visited {
	text-decoration: none;
	color:#ffffff;
}

/* ---------------------------------------------------------------------------------- */

/* Table to hold information for accommodation main page */

table.accfrontpage {
	text-align: center;
	font-weight: normal;
	width: 580px;
	border-style:solid;
	border-width:0px;
	table-layout: fixed;
	border-collapse: collapse;
/*	background-color:#7f7c53; */
}

table.accfrontpage img { 
	border-style: solid;
	border-color:#ffffff;
	border-width:1px;
	text-decoration: none; 
}

table.accfrontpage th {
	vertical-align:middle;
	font-weight:bold;
}

table.accfrontpage tr {
	vertical-align:middle;
}

table.accfrontpage td {
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:0px;
	padding-bottom:10px;
	padding-top:0px;
}
/* ---------------------------------------------------------------------------------- */

/* Accommodation gallery table */
table.acc {
	text-align: center;
	font-weight: normal;
	width:100px;
	border-style:solid;
	border-width:0px;
	table-layout: fixed;
	border-collapse: collapse;
	background-color:#7f7c53;
}

table.acc img { 
	border-style: solid;
	border-color:#ffffff;
	border-width:0px;
	text-decoration: none; 
}

table.acc th {
	vertical-align:top;
	font-weight:bold;
}

table.acc tr {
	vertical-align:top;
}

table.acc td {
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:0px;
	padding-bottom:7px;
	padding-top:7px;
	border-color:#002000;
}
/* ---------------------------------------------------------------------------------- */

table.terms {
	text-align: left;
	font-weight: normal;
	margin-left:10px;
	width:550px;
	border-color:#333333;
	border-style:solid;
	border-width:0px;
	table-layout: fixed;
	border-collapse: collapse;
}

table.terms tr {
	vertical-align:top;
}

table.terms td {
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px;
	padding-bottom:10px;
	padding-top:5px;
	border-color:#002000;
}
/* ---------------------------------------------------------------------------------- */

table.tarrif {
	text-align: center;
	font-weight: normal;
	margin-left:10px;
	width:560px;
	border-color:#333333;
	border-style:solid;
	border-width:0px;
	table-layout: fixed;
	border-collapse: collapse;

}

table.tarrif tr {
	vertical-align:top;
}

table.tarrif td {
	text-align:left;
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	border-color:#002000;
}

table.tarrif th {
	text-align:left;
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	border-color:#002000;
	font-weight:bold;
	font-size:small;
}

/* ---------------------------------------------------------------------------------- */

#gallery {
	width: 700px;
}

#gallery img {
	border-style: solid;
	border-color:#ffffff;
	border-width:1px;
	text-decoration: none; 
}

/* ---------------------------------------------------------------------------------- */
#galleryimage {
	text-align:center;
	width: 600px;
}

#galleryimage img {
	border-style: solid;
	border-color:#ffffff;
	border-width:5px;
	text-decoration: none; 
}

/* ---------------------------------------------------------------------------------- */
#galleryimage_land {
	position:absolute;
	text-align:left;
	width: 700px;
	left: 30px;
}

/* ---------------------------------------------------------------------------------- */

table.gallery {
	text-align: center;
	font-weight: normal;
	margin-left:10px;
	border-color:#333333;
	border-style:solid;
	border-width:0px;
	table-layout: fixed;
	border-collapse: collapse;
}

table.gallery tr {
	vertical-align:top;
}

table.gallery td {
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:0px;
	padding-bottom:0px;
	padding-top:5px;
	border-color:#7f7c53;

}

/* ---------------------------------------------------------------------------------- */

/* Availabiliy calendar */
#cal_area {
	position: absolute;
	left: 220px;
	top: 100px;
	width: 700px;
	height:600px;
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	font-size:x-small;
/* draw a border on the left */
	border-left-style:solid;
	border-left-color:#7f7c53;
	border-width:5px;
	padding-left:10px;
}

#cal_area h1 {
	text-align:left;
	font-weight:normal;
	font-size:medium;
}

#cal_area a:link, #cal_area a:visited {
	text-decoration: none;
	color:#ffffff;
}
/* ---------------------------------------------------------------------------------- */

#contentwindow {
	position: absolute;
	left: 20px;
	top: 20px;
	/*	background-color: #625e49; */
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	font-size:x-small;
	/* draw a border on the left */
	border-left-style:solid;
	border-left-color:#7f7c53;
	border-width:5px;
}

/* ---------------------------------------------------------------------------------- */

#map {
	width:550px;
	height:410px;
	margin-left:10px;
}

/* ---------------------------------------------------------------------------------- */
/* Designed by link at bottom of page */
#designedby {
	color:#444444;
	position: absolute;
	top: 680px;
	left: 20px;
	width: 170px;
	text-align:right;
	font-size:x-small;
}

#designedby a:link, #designedby a:visited {
	text-decoration: none;
	color:#444444;
	font-weight:bold;
}

/* ---------------------------------------------------------------------------------- */