/* Start of CMSMS style sheet 'LSF-main' */
/* Lower Shaw Farm Style Sheet */


html {font-size: 100%;}

* {
	margin:0;
	padding:0;
	}

body {
	font: 100% verdana, arial, sans-serif;
	text-align:center;
	background:#D8D8D8;
	margin:0;
	padding:0;
	}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", verdana, arial,sans-serif;
}

a {
	text-decoration:none;
	}

div#container {
	text-align:left;
	width:960px;
	margin:0 auto;
    background: #fff;
	border: 2px #BFBFBF solid;}

div#banner {
	font-size:0px; /* else IE adds gap at bottom */
}


/* CONTACT STRIP */

div#contact {
	/*float: right;*/
	clear: both;
	width:100%;
	height:auto;
	background: #608540;
	border-top:1px #547934 solid;
	border-bottom:1px #547934 solid;
	}

div#contact p {
	text-align: center;
	padding: 0.4em;
	font-size: 0.7em;
	color:#EEF3EB;
	}

#contact a, #contact a:link, #contact a:visited {
 	color: #FFF;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #91BF6B solid;
	}

#contact a:hover, #contact a:active {
	color: #FF4;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #759F4F solid;
	background: #608540;
	}	

div#wrapper {
	float:left;
	width:100%;
	}
	
div#left {
	float:left;
	width:180px;
	margin-right:10px;}

div#centre {
	float:left;
	width:520px;
    min-height:390px;
	height:auto; /* IE min-height workaround */
	_height:390px; /* ditto - only IE eats this */
}

div#gallery {
	float:left;
	width:570px;
    min-height:390px;
	height:auto; /* IE min-height workaround */
	_height:390px; /* ditto - only IE eats this */
}



/* RIGHT */

div#right {
	position: relative; /* else funny doubling things occur in IE6 */
	float: left;
/*	clear: right;*/
	width: 250px;
	}

div#right img {
	/*float: right;  else IE6 displays it below a margin matching it's height!*/
	}

/* PICTURES */

.leftpic { /*pics are 160px wide*/
	clear: left;
	display: block;
	margin: 1em 0 1em auto;
	}

.rightpic { /*pics are 160px wide*/
	display:block;
	margin: 1em 20px 1em auto;
}

.centrepic { /*pics are 420px wide*/
	display: block;
	margin: 24px 15px;
	}


div.maincontent img {
	display: block;
	margin:1.5em auto;
	padding-left:30px;
	}


div.maincontent p img {
	padding: 22px 0 22px 0;
	}

div.maincontent h2 img {
	margin: 22px auto;
	}
	

/* MAIN CONTENT */

.maincontent {
	margin-bottom:3em;
	padding:0 20px 0 30px;
}

.maincontent h1 {
	font-size: 1.6875em;
	color: #990033;
	margin: 0.6em 0;
	}

.maincontent h2 {
	font-size: 1.125em;
	color: #608F35;
	margin: 0.9em 0 0.2em 0;
	}

.maincontent h3 {
	font-size: 0.875em;
	line-height:130%;
	color: #608F35;
	margin: 0.2em 0 0.3em 0;
	}

.maincontent h3 i {
	display:block;
	font-size:96%;
  	font-weight: normal;
  	color: #6AAF2B;
	}

.maincontent p {
	color: #222;
	font-size: 0.75em;
	margin: 1em 0 1em;
	line-height:1.5em;
	}

.maincontent a, .maincontent a:link, .maincontent a:visited {
 	color: #990033;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #ccc solid;
	}

.maincontent a:hover, .maincontent a:active {
	color: #000;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #DDD solid;
	background: #F4EEB7;
	}	

.maincontent ul li {
/*
	margin-left: 100px;
	padding-bottom: 6px;
	font-size: 0.75em;
	list-style:none;
	padding: 0.5em 0;
*/
	margin:1em 0;
	line-height:1.5em;
	background: url(/images/lsf/list.gif) no-repeat;
	padding-left:26px;
	color: #444;
	font-weight: bold; 

	}

.maincontent ul li ul li{
	font-size: inherit;
	margin-left:30px;
	}

.maincontent ul {
/*	margin: 0.5em auto; */
	margin: 1.5em 0 1.5em 3em;
	list-style-type:none;
	font-size:0.75em;
	background: #fff;
	padding:0;
/*	border:1px #D0EFC2 solid;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; */
	
}

/* BOOKING FORM */

.rule { /* adds underline and rule */
	display: block;
	border-bottom: 1px #999 solid;
	width:420px;
	}


/* MICRO NAVIGATION */


#micronav {
	display: block;
	font-size: 0.8125em;
	width:100%;
/*	float: left; causes nasties in IE6 */
	clear:both;
	border-top: 1px #dedede solid;
	padding-top: 5px;
	padding-bottom: 7px;
	background: #eee;
	overflow: auto;}


.prev {
	float: left;
	margin-left: 90px;
	display: inline;
	}

.top {
	text-align: center;
	display:block;
	letter-spacing:4px;
	}

.next {
	float: right;
	margin-right: 90px;
	display: inline;
	}

.botlinks {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	color: #405A2B;
	border-bottom: 1px #bebebe solid;
	}

.prev a:hover, .prev a:active, .next a:hover, .next a:active, .top a:hover, .top a:active {
	color: #AA1144;
	border-bottom: 1px #dedede solid;
	background: #fefefe;
	}

/* FOOTER */

div#footer {
	clear:both;
	height:auto;
	background: #608540;
	}

div#footer p {
	text-align: center;
	padding: 0.4em;
	font-size: 0.7em;
	color:#EEF3EB;
	}


/* ROUNDED BOXES & PICS LEFT & RIGHT */
 
/* Common - for rounding */

.greenbox,
.yellowbox {
	padding: 0 0.5em 0.2em;
	width: 220px;
	display: block;
	margin: 1em 0 1em auto;
}

.greenbox h3,
.yellowbox h3 {
	font-size:0.9375em;
	text-align:center;
	letter-spacing: 0.1334em;
	word-spacing: 0.1334em;
	margin: 0 -8px;
	padding: 0.6em 0 0 0;
	/*border-bottom: 1px #A4CDA8 dashed;*/
}

.greenbox p,
.yellowbox p {
	font-size:0.7em;
	text-align:left;
	line-height: 1.5em;
	margin:0.5em -8px;
	padding: 0 1em;
	}  

.greenbox h4,
.yellowbox h4 {
	font-size: 0.75em;
	font-weight: bold;
	margin: 0.75em -8px 0.5em;
	padding: 0 1em;
	background:#BEDAB0;
	line-height:1.6em;
	letter-spacing: 0.0667em;}

.greenbox a, .greenbox a:link, .greenbox a:visited,
.yellowbox a, .yellowbox a:link, .yellowbox a:visited
	{
 	color: #4A5E37;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #7B8F6B solid;
	}

.greenbox a:hover, .greenbox a:active,
.yellowbox a:hover, .yellowbox a:active
	{
	color: #2A4113;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #9FB98A solid;
	background: #BEE7A2;
	}	


/* Green Box */

span.greenbox {
	display:block; /* for CMS - tinyMCE applies styles in span */
	}

.greenbox {
	color: #405A2B;
	background: #C6EFBA url(/images/lsf/green_bl.png) bottom left no-repeat;
	}

.greenbox h3 {
	background:transparent url(/images/lsf/green_tl.png) top left no-repeat;
	}

/* Yellow Box */

span.yellowbox {
	display:block; /* for CMS - tinyMCE applies styles in span */
	}

.yellowbox {
	color: #405A2B;
	background: #F2F0B6 url(/images/lsf/yellow_bl.png) bottom left no-repeat;
	}

.yellowbox h3 {
	background:transparent url(/images/lsf/yellow_tl.png) top left no-repeat;
	line-height:1.4em;}

.yellowbox h4 {
	background:#E1DBA8;
}

.yellowbox h5 {
       font-size: 0.7em;
}

/* Booking Box (new 2009) */

.booking-box {
	background: #C0D8B1;
	padding:0 0.5em 0.25em;
	border:1px #638242 solid;
	margin:1em auto;}

.booking-box h3 {
	font-size:0.8125em;
	background-image:none;
	color:#F8F8F8;
	background:#638242;
	padding:0.25em;
	}

/* OTHER */

span.pic-b, span.pic-m, span.pic-s {
	display:block;
	margin:auto;
	padding:0;
	}

/* MISCELLANEOUS */

.popup {} /* jQuery adds Facebox trigger and title when applied */

.external {} /* jQuery adds external link title */ 

a.external:hover {
	background:#EBC1CC;
	border-bottom: 1px #B28CB7 solid;
	}

.centre {
	text-align: center;
	}

.indent-tenems, p.indent-tenems {
	margin-left: 10em;
	}

.red {
	color: #BF0000;
	}

.darkred {
color: #96102F;
}

div.maincontent div#calendar ul li {
	font-weight: bold;
	margin-left:60px;
	margin-bottom:0;
	list-style-position: outside;
border-bottom:1px #ddd solid!important;
	background:none;
}

/*div.maincontent div#calendar ul li:first-child {
border-top: 1px #ddd solid;
}*/

div.maincontent div#calendar ul li em {
	color:#96102F;
	font-style: normal;
	display:inline-block;
	display: -moz-inline-box; /* for FF */
	zoom:1; /* ye olde hasLayout */
	width:6.2em;
	margin-left:-6.2em;
}

.rounded h3 { /* prevents top gap with jQuery rounded corners */
margin-top: -0.6em;
}   

/* Extra Facebox Styles */

#facebox .maincontent ul {
	background: transparent; /*#E9E6BB;*/
/*	border:1px #B3B086 solid;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;*/
	}

#facebox .maincontent ul li {
	background: url(/images/lsf/list_facebox.gif) no-repeat;
}
/* End of 'LSF-main' */

