/* High Farm website CSS file.  Built by Bluestorm New Media 2006 */

/* @group Reset */
* {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; }
li, dd { margin-left:1em; padding-bottom:.3em;}
fieldset { padding: .5em;}
img {	border: none;	margin: 0;	padding: 0;}
/* @end */

/* @group HTML elements */
body {
	font: small/140% "trebuchet ms", Verdana, Helvetica, Arial, sans-serif; color: #444;
	margin: 0; padding: 0;	background: #AEC977 repeat-x;
	}
p {margin-top: 0; color: #005955;}
#maincontent p.callout {
		margin: 2em 15px 0.8em 0px; padding: 10px 5px 10px 5px;
		font-family: georgia, "Times New Roman", Times, serif; text-align: center; font-size: 90%;
		background: url(../images/callout.gif) bottom right #fffff1 no-repeat; color: #679B66; border: 1px solid #AEC977;clear: both;}

#maincontent.withsubnav p.callout {margin: 2em 0 0.8em 0;}
		
p.topper {font-size: 85%; padding-top: 0; margin-bottom: 1.5em;
position: relative;
top: -0.5em;
}		
.clear {clear: both;}

*html a.smallemail {font-size: 95%;
font-family: "trebuchet ms", Verdana, Helvetica, Arial, sans-serif;}

/*
p.first:first-line {
text-transform: uppercase; font-weight: bold; font-size: 85%;
font-family: georgia, "Times New Roman", Times, serif;
letter-spacing: 0.1em;}
*/
/* @end */

/* @group Links */
a {text-decoration: none;}
a:link {	color: #6D5E6A; font-weight: bold;}
a:visited {color: #6D5E6A; font-weight: bold;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

a.notbold {	font-weight: normal;}
/* @end */

/* @group Lists */
ul {list-style: none;}
#maincontent li {line-height: 1.4em; font-size: 100%;}
#maincontent ul li {margin-left: 2px; padding-left: 24px; background: url(../images/bullet_leafy.gif) top left no-repeat;}

ul li a.current {color: #005955;}	
ul, ol {clear: both; color: #005955;}
ol li {margin-left: 30px;}

 #maincontent p a#map {
	border: none;
	width: 222px;
	height: 111px;
	float: right;
	margin: 0 0 0 20px;
	background: url(../images/viewmap.gif) #fff;
	}
	
/* @end */

/* @group Headings */
h1, h2, h3, h4, h5, h6 {font-family: georgia, "Times New Roman", Times, serif;}
h1 {text-indent: -5000px; height: 1px;}

/*h2 {float: left; width: 538px; color: #FFFFE9; background: #00716B; font-size: 100%; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 5px;}  This is Lucy's heading design.*/

h2 {color: #284342; font-size: 180%; padding-top: 0.2em; padding-bottom: 0.4em; padding-left: 29px; font-weight: normal; letter-spacing: -0.03em; margin-bottom: 0.5em; background: url(../images/bullet_big_leafy.gif) left 3px no-repeat; position: relative; left: -3px; border-bottom: 1px solid #AEC977;}

h3 {color: #005955; font-size: 100%; padding-top: 0.15em; padding-bottom: 0.15em; margin-bottom: 0.8em; padding-left: 5px; float: left; width: 512px;}
#maincontent h3 {background: url(../images/bullet_h3.gif) #dde7b9 left center no-repeat; padding-left: 32px;}

/* updated heading styles following H2 update.....*/
h3 {margin-top: 0;}

h4 {margin-bottom: 0.35em; margin-top: 0.5em; color: #679B66; font-size: 110%;}
h5 {margin-bottom: 0.5em; margin-top: 1em; color: #444; font-size: 85%;}

/* @end */

/* @group Layout */

#wrapper {
	text-align: left;	position: relative;
	margin: 0 auto; width: 760px; margin-top: 10px;
	padding: 0;	background: url(../images/content_bg.gif) #FFFFE9 repeat-y;}
#wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html #wrapper {height:1%;}

#titlebanner {
	width: 155px; height: 232px; margin-left: 13px; float: left; display: inline;
	background: url(../images/logo_top.gif) no-repeat; 
	border-bottom: #AEC977 solid 3px; border-left: #AEC977 solid 3px;	border-right: #AEC977 solid 3px;
	}

#titlebanner p {
	font-family: georgia, "Times New Roman", Times, serif;
	font-weight: bold; color: #005955; text-align: center; line-height: 1.2em;
	padding: 0;	margin: 5px 0 0 0;
	display: block;}

#titlebanner p#first {margin-top: 125px; padding-top: 0;}
*html #titlebanner p#first {margin-top: 100px;}
#awards {
	float: right;
	margin: 5px 30px 0 0;
}
* html #awards {
	margin: 5px 10px 0 0;
}
#branding {
	width: 742px; height: 242px;
	margin-top: 4px; margin-left: 9px; margin-top: 4px;
	float: left; display: inline;
	}

.bigtrees {background: url(../images/banner_bigtrees_award.jpg) no-repeat;}
.fishing {background: url(../images/banner_fishing.jpg) no-repeat;}
.cottages {background: url(../images/banner_cottages_award.jpg) no-repeat;}
.holidayhomes {background: url(../images/banner_holidayhomes.jpg) no-repeat;}
.timberlodges {background: url(../images/banner_timberlodges.jpg) no-repeat;}
.timberlodges2 {background: url(../images/banner_timberlodges2.jpg) no-repeat;}
.pond1 {background: url(../images/banner_pond1.jpg) no-repeat;}
.pond2 {background: url(../images/banner_pond2.jpg) no-repeat;}
.pond3 {background: url(../images/banner_pond3.jpg) no-repeat;}
.pondgreen {background: url(../images/banner_pondgreen.jpg) no-repeat;}
.pat-bellamy {background: url(../images/banner_pat_bellamy.jpg) no-repeat;}
.leaningtrees {background: url(../images/banner_leaningtrees.jpg) no-repeat;}
.homelodge1 {background: url(../images/banner_homelodge1.jpg) no-repeat;}

#maincontent {width: 544px; float: left;	margin-left:0; display: inline; }
#maincontent.withsubnav {width: 350px; padding: 0; margin: 0;}

* html #maincontent.withsubnav {width: 335px; padding: 0; margin: 0;}

#maincontent.withsubnav h3 {width: 320px;}
* html #maincontent.withsubnav h3 {width: 310px;}

#maincontent p {padding-right: 10px;}
#maincontent.withsubnav p {padding-right: 0; margin-right: 0;}

#maincontent.faqs p {padding-left: 20px;}

/*#maincontent.cottages p {width: 200px; display: inline-block;}*/
#maincontent img {float: left; margin: 0 15px 5px 0px; border: 3px solid #AEC977; display: inline;}
#maincontent img.largeimg {margin-top: 5px;}


#maincontent img.right {float: right; margin: 0 6px 5px 15px; border: 3px solid #AEC977; display: inline;}

#maincontent img#aboveh2 {margin: 12px 0 10px 0;}

div#requestbrochure {width: 170px; height: 94px; background: url(../images/sidecol_requestbrochure.jpg) no-repeat;}
div#requestbrochure p {
	padding-top: 17px; width: 62px; padding-bottom: 17px;
	background: url(../images/bullet1.gif) bottom left no-repeat;
	font-size: 80%; font-family: georgia, "Times New Roman", Times, serif; color: #444;
	}
	
*html div#requestbrochure p {font-size: 75%;}
/* @end */

/* @group Nav */




#mainnav {
	width: 742px; margin: 0 auto;
	position: relative; display: inline; float: left;
	background: #B1CB7B no-repeat;
	margin-top: 4px; margin-left: 9px;	text-align: center;
	font-family: georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 85%;	color: #005955;	
	}
	
#mainnav ul {padding: 5px 0 5px 0; width: 742px; margin: 0 auto;}
* html #mainnav ul {}

#mainnav ul li  {
	display: inline; list-style: none;	border-right: 1px solid #005955;
	padding: 0 5px 0 0; margin-top: 10px; margin-bottom: 10px;	margin-left: 5px;
	}

/*#mainnav ul li.first  {	margin-left: 20px;}*/
#mainnav ul li.last  {border: none;}
#mainnav ul li a {color: #005955; text-decoration: none;}
#mainnav ul li a:hover {color: #6D5E6A;}
#mainnav ul li a.current {color: #6D5E6A;}
/* @end */

/* @group sidecol */

#sidecol {width: 170px;	float: left; margin-left: 18px; display: inline; margin-top: 8px;}
#sidecol p {margin-left: 12px; font-size: 70%; line-height: 1.2em;}
#sidecol p a {color: #005955;}
#sidecol h3 {margin: 0; width: 150px; margin-left: 7px;  text-align: center; text-transform: uppercase; font-size: 85%; background: #AEC977; float: none;}

div.sidecolcottage {width: 170px; height: 81px; background: url(../images/sidecol_cottages.jpg);}
div.sidecoltimberlodges {width: 170px; height: 81px; background: url(../images/sidecol_timberlodges.jpg);}
div.sidecolholidayhomes {width: 170px; height: 81px; background: url(../images/sidecol_holidayhomes.jpg);}
div.sidecolproducttext {width: 170px; background: url(../images/sidecol_divbg.jpg) bottom left; padding-bottom: 5px; margin-bottom: 5px;}
div.sidecolproducttext p {
	margin-top: 5px; width: 148px;
	background: url(../images/bullet1.gif) bottom right no-repeat; padding-bottom: 5px;
	}
#sidecol blockquote {
	width: 170px; margin-top: 0;
	background: url(../images/sidecol_blockquote_bg.jpg) top left no-repeat;
}
#sidecol blockquote p.quote {
	padding-top: 25px; padding-left: 30px; padding-bottom: 22px; margin-bottom: 0; font-weight: bold;
	width: 112px; font-size: 95%; line-height: 1.2em;
	background: url(../images/quote2.gif) bottom right no-repeat;
	}
#sidecol blockquote p.author {
	background: url(../images/sidecol_blankdivbg.jpg) bottom left no-repeat;
	margin: 0; padding-bottom: 15px; padding-left: 42px; padding-top: 0;
	font-size: 80%; font-family: georgia, "Times New Roman", Times, serif; color: #B1CB7B; font-weight: bold;
	}
					
#subnav {
	width: 155px;
	border: none; border-top: solid 2px #C3CCA4;
	margin: 10px 0 5px 5px;	padding: 8px 0 70px 5px;
	font-family: georgia, "Times New Roman", Times, serif; color: #B1CB7B;font-size: 100%;
	background: url(../images/subnav_newleft.jpg) bottom left no-repeat;
	background-color: none;	
	}
	
#subnav.contact {	width: 200px;	background: none; border: none; padding: 0; margin: 5px 25px 0 0; float: right; display: inline;}
*html #subnav.contact {	margin-top: 10px;}
#subnav.contact h3 {margin-top: 0; padding-top: 0;}
		
	#subnav ul {margin: 5px 0 0px 0px; font-size: 85%;}
	#subnav li {
		/*font-family: "trebuchet ms", Verdana, Helvetica, Arial, sans-serif;*/
		font-size: 105%;
		padding: 0.5em 10px 0.5em 22px;
		margin-left: 3px;
		line-height: 1.2em;
		background: url(../images/bullet_leafy.gif) left center no-repeat;}					
	/*#subnav li a {font-weight: normal;}*/
	#subnav li a.current {color: #005955;}
		
	#subnav h3 {
	margin: 5px 0 10px 5px;	padding: 0;
	background: none;
	font-size: 120%; font-weight: normal; letter-spacing: -0.03em; color: #284342;
	text-transform: none; text-align: left;
	}
	#subnav h3 a {color: #284342; font-weight: normal;}

#content {float: right; display: inline; width: 543px; margin-right: 10px; }
#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html #content {height:1%;}

	/*</foot>*/
#foot {
	float: left; display: inline; width: 742px;
	margin-bottom: 4px; margin-left: 9px; padding: 4px 0 4px 0;		
	background-color: #B1CB7B;		
	font-family: georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 80%;	color: #005955;
	}
#foot ul {list-style: none;margin: 0;	float: left; width: 738px;}
#foot ul li {display: inline;	padding: 0 .5em 0;margin: 0; color: #6D5E6A;}
#foot ul li.siteinfo {float: left;}
#foot ul li.credits {float: right;}
#foot ul li a {color: #00716B;}
/* @end */

/* @group form */




form {
		font-family: georgia, "Times New Roman", Times, serif;
		width: 300px; float: left; display: inline; margin: 0 0 0 0;
		}

fieldset {
	margin: 0 0 1em 0; padding: 6px 10px 15px 10px;
	border: 1px solid #dde7b9;
	}

fieldset:hover {background: #FFFFF8;}

input#submitbutton {
	font-size: 90%; color: #679B662; font-weight: bold;	
	background: url(../images/bullet_leafy.gif) left center no-repeat;
	border: 1px solid #284342;
	clear: both;
	padding: .3em;	padding-left: 17px;
	display: block;
	margin-bottom: 4px;
	}
	input#submitbutton:hover {color: #679B66;}

legend {
	font-weight: normal;	font-size: 130%;
	color: #284342; margin: 0;	padding: 0.5em;
	}

label {display: block; margin: 20px 0 .3em 0;}

input, textarea {font-size: 95%;	margin-bottom: 10px;
background: url(../images/field_bg.gif) top left;
}

radio {background: none;}

p.rad {
	float: left; margin-right: 22px; width: 60px; padding: 0;	margin-bottom: 6px;
	display: inline;	line-height: 1em;
	}

p.rad input {float: left; margin-top: 5px;}
	
input.input, textarea.input {
	width: 250px; display:block;
	border: 1px solid #899A89;
	padding:  0.2em 0 0.2em 5px;	
	font-family: georgia, "Times New Roman", Times, serif; font-size: 110%;	color: #6D5E6A;	
	}

input.input:focus {border: 1px solid #679b66;}

#imagecol {
	width: 160px;
	float: right;
	margin: 0px 11px 0 20px; padding: 0;
	display: inline;	
	position: relative;
	/*top: -20px;*/
	text-align: center;
	}
	
#imagecol p {
	margin: 0 0 6px 0; padding: 0 0 0 0;
	float: right; display: inline;
	width: 164px;
	font-weight: bold; color: #444444; text-align: center;
	font-family: georgia, "Times New Roman", Times, serif; font-size: 80%;
	position: relative;
	}
	
*html #imagecol p {font-size: 75%;}
	
#imagecol img {margin: 0; padding: 0; border: 3px solid #AEC977;}
/* @end */