body {
font-family: Georgia, "Trebuchet MS", Verdana, Geneva, sans-serif;
background-color:       #C89E71;
margin:0;
padding:0;
}

a {
color: #C80B60;
}

p{
	line-height: 1.2em;
}

div#container {
margin-left: auto;
margin-right: auto;
width:986px;
}

div#centre_column{
background-image: url(images/bg_centre_column.gif);
min-height:300px;
padding-left:23px;
padding-right:23px;
}

div#footer{
background-image: url(images/bg_centre_column_bottom.png);
background-repeat: no-repeat;
background-position: top left;
padding:30px 20px 10px 10px;
color:white;
}

.right{
margin-left:305px;
}

.left{
float: left;
width:305px;
}

div#header{
background-color: #603A17;
background-image: url(images/bg_header.gif);
height: 79px;
width:940px;
color: #fff;
}

body.home div#header{
background-image: url(images/bg_header_home.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 417px;
}

#home_head_right{
	clear:left;
	margin-left:470px;
	padding-top:20px;
	text-align:center;
}

#home_head_left{
	clear:left;
	float: left;
	padding-left: 210px;
}

#home_head_left a{
	display:block;
	width:160px;
	height:50px;
}
#home_head_left a span{
	display:none;
}

div#menu{
margin-top:15px;
height: 40px;
width: 660px;
float:left;
background-image: url(images/bg_menu.png);
}
#menu ul{
display:inline;
margin: 0px;
padding: 0px;
height:30px;
width:100%;
}

#heading{

}

#heading h2{
color:#603A17;
}

#heading p{
color:#5F3917;
font-size: 1.1em;
}

#menu li{
margin: 5px 0 0 5px;
text-align: center;
list-style-type: none;
height:24px;
float: left;
padding-top:5px;

}

#menu li.on{
background-image: url(images/bg_menu_li_l.png);
}

#menu li.on a{
color:black;
}
#menu li.on span{
background-image: url(images/bg_menu_li_r.png);
background-position: top right;
background-repeat: no-repeat;
}

#menu li a{
color: #fff;
text-decoration:none;
padding:4px 7px;
}

#sublinks{
margin:10px 0px;
}

#sublinks ul{
margin:0px;
margin-left:30px;
padding:0px;

}

#sublinks li{
list-style-type: none;
margin-top:10px;
}

#sublinks li a{
	text-decoration: none;
	font-weight: bold;
}

#header a.logo{
float: left;
margin:0;
}
a img{
border: 0;
}

#content{
	clear:left;
}
#content_lower{
background-color:#F5EDE5;
background-image: url(images/bg_centre_column_top.png);
background-repeat: no-repeat;
background-position: top left;
clear: left;
}

body.home #content_lower{
	background: none;
	background-color: #fff;
}

#content_main{
padding:15px;
color:#603A17;
}
#content_main h3{
color:#402312;
}

#content_main li, div.entry p.from{
list-style-type:none;
background-image: url(images/bg_li.png);
background-position: left 9px;
background-repeat: no-repeat;
padding:4px;
padding-left:12px;
}
div.entry{
	margin: 1em 0;
}
div.entry blockquote{
	margin:0px;
}
div.entry p.from{
	font-size:0.9em;
	margin: 0px;
}

#content_left{
	padding-top:15px;
}

#content_left p{
	margin:1em;
}

dl.form dt{
	font-weight:bold;
}

dl.form dd{
	margin: 1em 4px;
}

body.home div.column{
	width:290px;
	margin-right:20px;
	float:left;
	background-color: #fff;
}

body.home div.thumbs{
	width:310px;
	margin-right: 0px;
}

div.thumbs a img{
	border:5px solid #fff;
	width:90px;
	margin:4px;
	height:68px;
}

body.home div.thumbs a img{
	margin:0px;
}

div.thumbs a{

}

div.thumbs img:hover{
	border-color:#DAC1A4;
}

body.home #content_main{
	padding: 0px;
}

div.column ul{
	margin: 0px;
	padding:0px;
}

form#booking input,  form#booking textarea, form.contact input,  form.contact textarea{
	width:400px;
	padding:3px;
}

form#booking input.check{
	width:30px;
}

form#booking select{
	padding:2px;
}

form.contact input.button{
	width:70px;
	height: 40px;
}
form#booking input.button{
	width:110px;
	height: 40px;
}

form.contact textarea{
	height:4em;	
}
form.contact textarea{
	height:10em;
}
form p label{
	display: block;
	font-weight:bold;
	margin-bottom: 3px;
}

form p label span{
	font-style: italic;
	font-weight:normal;
}

.error{
	color:red;
}

form#booking span.error, form.contact span.error{
	display:block;
}

/* Booking/Calendar-Speoific CSS */

td.day a.elsewhere span{
	display:block;
}

td.day span{
padding:4px;
float:left;
}

td.day a.elsewhere{
 	width:40px;
 	height:40px;
	float:right;

	background-repeat:no-repeat;
	background-position:top right;
}

td.confirmed a.elsewhere{
	background-image: url(images/bg_elsewhere_booked.gif);
}

td.provisional a.elsewhere{
	background-image: url(images/bg_elsewhere_provisional.gif);
}

td.day a.elsewhere span{visibility:hidden;}

table.calendar{
	width:595px;
	margin:2em auto;
	border-collapse:collapse;
}

table.calendar caption{
	font-weight:bold;
	font-size:1.2em;
	text-align:left;	
}	
table.calendar td.day{
	height:75px;
	padding:0px;
	width:85px;
	vertical-align:top;
	border:1px solid #eee;
}

table.calendar td.day, p.available{
	background-color:#bede7d;
}

table.calendar td.past{
	background-color:#ccc;
}

table.calendar td.bookable{
	/* cursor:pointer; */
	background-color:#9FCE3E;	
}

table.calendar td.bookable a{
	font-weight:bold;
}


table.calendar td.provisional, p.unavailable{
	background-color:#ff9380;
}

p.unavailable, p.available{
	padding:6px;
	border:1px solid #ccc;
	font-weight:bold;
}

table.calendar td.confirmed{
	background-color:#ff6347;
}
table.key{
	width:500px;
}
table.key td.day{
	width:100px;	
}
#booking table{
	width:90%;
}
#booking table td{
	padding:4px;	
}
#booking table td input{
	padding:2px;	
}
#booking table td label{
	font-weight:bold;	
}
#booking table{
	width:90%;
}
#booking table td{
	padding:4px;	
}
#booking table td input{
	padding:2px;	
}
#booking table td label{
	font-weight:bold;	
}


/* Changes made on 3/9/10 to bring inline with new Mermaid site */


#menu ul.top li ul li {
	text-align: left;
	font-weight:normal;	
	padding:4px;
	padding-left:14px;
	height:auto;
	width:130px;
	margin:0;
	background-color: #C89E71;
}

div#menu ul.top li:hover {
	background-color:#C89E71;
}

div#menu ul.top li ul li:hover{
	background-color:#603A17;
}

#menu ul.top li a{
	color:white;
}

#menu ul li ul {
  display: none;
  position: absolute;
  top:47px;
  width:130px;
  /* left:0; */
}

li > ul {
	top: auto;
	left: auto;
}

#menu ul li:hover ul{ 
	display: block;
}