/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */

	
	
	* {
		margin: 0;
		padding: 0;
		border: 0;
	}

	
	html, body {
		font: 12px/1.3em Trebuchet MS, Lucida Grande, Lucida Sans Unicode, arial, verdana, geneva, helvetica, sans-serif;
		color: #555;
		background: url(/images/bg_greenbar.gif) repeat-x #fff;
	}
	
	body { 
		/* IE <6 doesn't like margin: auto. We must turn this off immediately in the first wrapper */ 
		text-align: center; 
	}
	
	.hidden {
		display: none;
	}
	
	input, textarea, select {
		font: 12px/1.3em Lucida Grande, Lucida Sans Unicode, arial, verdana, geneva, helvetica, sans-serif;
		margin-bottom: 5px;
		color: #333;
		font-size: 12px;
		padding: 2px;
		width: auto;
		border: #B2CAAF 1px solid;
	}
	
	.formbutton {
		background: #3e553b;
		color: #fff;
		padding: 2px;
		border: 0;
		font-weight: bold;
		width: auto;
	}
	
	.error {
		color: #c00;
		margin-bottom: 15px;
	}
	
	p {
		margin-bottom: 15px;
	}
	
	ul {
		list-style: none;
		list-style-image: none;
		margin: 0 0 20px 40px;
	}
	
	ul li {
		list-style-image: url(/images/bullet_apple.gif);
	}
	
	ol {
		list-style: none;
		list-style-image: none;
		margin: 0 0 20px 40px;
	}
	
	ol li {
		list-style-image: url(/images/bullet_pear.gif);
	}
	
	strong {
		color: #333;
	}
	
	table {
		background: #fff;
		margin-bottom: 20px;
		width: 410px;
		color: #333;
	}
	
	td {
		padding: 5px;
		background: #e7eee7;
		border-bottom: 1px solid #B2CAAF;
	}
	
	th {
		background: #fff;
		color: #000;
		padding: 5px;
		font-weight: normal;
		text-align: left;
		border-top: 1px solid #e7eee7;
		border-bottom: 1px solid #e7eee7;
	}
	
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#outerwrapper {
		width: 100%;
		background: url(/images/bg_main.gif) no-repeat top center;
		height: 800px;
	}
	
	#innerwrapper {
		margin: 0 auto;
		width: 698px;
		text-align: center;
		padding-bottom: 50px;
	}
	
	#logowrapper {
		margin: 0 auto;
		width: 700px;
	}
	
	#headerwrapper {
		height: 52px;
		background: url(/images/bg_header.gif) repeat-x #fff;
		font-size: 1.2em;
		border: 1px solid #fff;
	}
	
	#headerphotograph {
		height: 150px;
		width: 698px;
		background: url(/images/photograph_valley.jpg) no-repeat;
		border-bottom: 2px solid #fff;
	}
	
	body#home #headerphotograph { background: url(/images/photograph_holpenbarns2.jpg) no-repeat; }
	body#accomm #headerphotograph { background: url(/images/photograph_accomm.jpg) no-repeat; }
	body#facil #headerphotograph { background: url(/images/photograph_facilities.jpg) no-repeat; }
	body#prices #headerphotograph { background: url(/images/photograph_valley.jpg) no-repeat; }
	body#contact #headerphotograph { background: url(/images/photograph_cc_whitby.jpg) no-repeat; }
	body#shop_baskets #headerphotograph { background: url(/images/photograph_shoppingbaskets.jpg) no-repeat; }
	
	
	
	#mainwrapper {
		text-align: left;
	}
	
	#mainwrapper a {
		color: #3e553b;
		font-weight: bold;
		text-decoration: none;
	}
	
	#mainwrapper a:hover {
		border-bottom: 1px dashed #ccc;
	}
	
	#maincontentwrapper {
		background: url(/images/bg_content_gradient.gif) repeat-x;
	}
	
	#contentwrapper {
		float: left;
		font-size: 1.2em;
		line-height: 1.6em;
		width: 498px;
	}
	
	#rightColumnwrapper {
		float: right;
		font-size: 1em;
		line-height: 1.4em;
		width: 196px;
	}
	
	
	#footerwrapper {
		position: relative;
		clear: both;
		border: 0;
		margin: 0 auto;
		border-top: 4px solid #3e553b;
	}
	
/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		margin: 0 auto;
		height: 211px;
		width: 300px;
	}
	
	h1 a {
		height: 160px;
		font-size: 1px;
		width: 300px;
		display: block;
		text-indent: -3000px;
		color: #fff;
	}
	
	h1 a:hover {
		background: transparent;
	}
	
	h2 {
		font-size: 2.2em;
		line-height: 1.4em;
		margin-bottom: 1em;
		font-weight: normal;
		color: #333;
		clear: both;
	}
	
	h3 {
		font-size: 1.5em;
		line-height: 1.4em;
		margin-bottom: 1em;
		font-weight: normal;
		color: #222;
	}
	
	#rightColumnwrapper h3 {
		padding: 20px 0;
		font-size: 1.6em;
		line-height: 1.6em;
		font-weight: normal;
		margin: 0;
	}
	
	
/* ---------------------------------- */
/* NAVIGATION STYLES  */   
/* ---------------------------------- */

/* Main nav */

	#headerwrapper ul {
		margin: 0;
		}
		
	#headerwrapper ul li {
		float: left;
		list-style: none;
		list-style-image: none;
		padding-right: 1px;
		background: url(/images/bg_header_divider2.gif) no-repeat top right;
		}
		
	#headerwrapper ul li a {
		display: block;
		padding: 20px 26px 16px 26px;
		text-decoration: none;
		color: #3e553b;
		float: left;
		font-weight: normal;
		}
		
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/

	#headerwrapper ul li a {float: none;}

/* End IE5-Mac hack */

	
	
	#headerwrapper ul li a:hover {
		background: url(/images/bg_header_selected.gif) repeat-x #fff;
		border: 0;
	}
		
		
/* Using the body id to select page link style */
	
	body#home #headerwrapper ul li#homeNav a,
	body#accomm #headerwrapper ul li#accommNav a,
	body#facil #headerwrapper ul li#facilitiesNav a,
	body#prices #headerwrapper ul li#pricesNav a,
	body#contact #headerwrapper ul li#contactNav a {
		background: url(/images/bg_header_selected.gif) repeat-x #fff;
	}
		
		

	
	
/* ---------------------------------- */
/* EXTRA NAV   */   
/* ---------------------------------- */

	#extraNav ul {
		margin: 0;
		height: 1.8em;
		background: #fff;
		padding: 2px;
		border: 1px dashed #ccc;
	}
	  
	#extraNav li {
		list-style: none;
		list-style-image: none;
		float: left;
		margin: 0 0 25px 0;
	}
	  
	#extraNav a {
		float: left;
		padding: 0 30px;
		display: block;
		text-decoration: none;
		font-weight: bold;
		color: #333;
		border: 0;
		height: 1.8em;
	}
	  
	#extraNav a:hover {
		border: 0;
		background: #B2CAAF;
		color: #fff;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

	#extraNav a {float: none;}

/* End IE5-Mac hack */

	
/* ---------------------------------- */
/* CONTENT STYLES  */   
/* ---------------------------------- */	
	
	#content {
		padding: 30px 40px;
		font-size: 1em;
		position: relative;
		margin-bottom: 20px;
	}
	
	#content .apple_plans {
		height: 483px;
		width: 415px;
		clear: both;
		background: url(/images/layout_apple_barn.gif) no-repeat center center;
		margin-bottom: 15px;
	}
	
	#content .pear_plans {
		height: 552px;
		width: 415px;
		clear: both;
		background: url(/images/layout_pear_barn.gif) no-repeat center center;
		margin-bottom: 15px;
	}
	
	#content .year {
		position: absolute;
		right: 40px;
		top: 0;
		background: url(/images/prices_year.gif) no-repeat;
		height: 120px;
		width: 70px;
	}
	
	#content fieldset {
		padding: 15px 5px;
		background: #E7EEE7;
		border-top: 1px solid #3e553b;
		color: #333;
		margin-bottom: 20px;
	}
	
	#content legend {
		display: none;
	}
	
	#content label {
		float: left;
		width: 10em;
		margin-right: 12px;
		padding: 2px;
		text-align: right;
		clear: both;
	}
	
	#content input, #content textarea, #contentselect {
		width: 225px;
		border: 1px solid #B2CAAF;
	}
	
	#content .formbutton {
		width: auto;
		border: 1px solid #3d553b;
		background: #3d553b;
	}
	
	#content .clear {
		clear: both;
	}
	
/* ---------------------------------- */
/* Accommodation page styles */
/* ---------------------------------- */

	
	#content .accomm_apple, #content .accomm_pear {
		margin-bottom: 15px;
		width: 208px;
		float: left;
		height:523px;
	}
	
	#content .accomm_apple p, #content .accomm_pear p {
		width: 185px;
	}
	
	#content .accomm_apple .iframe_apple {
		margin-top:9px;
		border:;
	}
	
	#content .accomm_pear .iframe_pear {
		margin-top:53px;
	}
	
	
	#content .accomm_pear a {
		background: url(/images/bullet_pear.gif) no-repeat left center;
	}
	
	#content a.more_info_apple, #content a.more_info_pear {
		padding-left: 16px;
		background: url(/images/bullet_apple.gif) no-repeat left center;
	}
	
	
	#content a.more_info_pear {
		background: url(/images/bullet_pear.gif) no-repeat left center;
	}
	
	#content .shopping_packs h3,
	#content .shopping_packs p {
		margin-bottom: 0;
	}
	
	#content .shopping_packs a {
		background: url(/images/shopping_packs.jpg) no-repeat 0 0;
		display: block;
		height: 225px;
		text-indent: -3000px;
		width: 150px;
	}
	
	#content .spWrapper {
		display: block;
		text-indent: -3000px;
		height: 200px;
		width: 150px;
		border: 0;
	}
	
	body#form #contentwrapper {
		width: 698px;
	}
	
/* ---------------------------------- */
/* Default img styles in content area */
/* ---------------------------------- */


	#content img {
		padding: 5px;
		border: 1px dashed #ccc;
		margin: 0 15px 15px 0;
		float: left;
	}
	
	#content img.small {
		padding: 5px;
		border: 1px dashed #ccc;
		margin: 0 15px 15px 0;
		height: 75px;
		width: 110px;
		float: left;
	}

/* ---------------------------------- */
/* Img styles which are links */
/* ---------------------------------- */

 	#content a.imgLink {
	 	border: 1px dashed #ddd;
	 	background: #fff;
	 	margin-bottom: 15px;
 	}

 	#content a.imgLink:hover {
	 	border: 1px dashed #999;
 	}

 	#content a.imgLink img {
	 	border: 0;
	 	margin: 0;
	 	float: none;
 	}

/* ---------------------------------- */
/* Gallery thumbs */
/* ---------------------------------- */

  	#content div.thumbLinks {
	  	float: left;
	 	width: 405px;
	 	padding: 0;
	 	margin: 0 0 25px 0;
	 	background: url(/images/bg_gallery.gif);
 	}

 	#content div.thumbLinks div {
 		float: left;
 		margin: 0;
 		padding: 0 0 10px 0;
 		width: 405px;
 	}

 	#content div.thumbLinks h3 {
	 	background: #fff;
	 	margin: 0;
	 	padding-bottom: 10px;
 	}

	#content div.thumbLinks a {
	 	background: #fff;
	 	width: 120px;
	 	border: 1px solid #ddd;
	 	margin: 10px 0 0 10px;
	 	float: left;
 	}

	#content div.thumbLinks a:hover {
	 	border: 1px solid #999;
 	}

 	#content div.thumbLinks a img {
	 	border: 0;
	 	margin: 0;
	 	float: left;
 	}

 	#content div.thumbLinks a.viewGal {
 		border: 0;
 		margin: 10px 0 0 0;
 		padding: 0 35px 0 10px;
 		width: 10em;
 		background: url(/images/bg_mag.gif) no-repeat top right;
 		color: #666;
 	}

	#content div.thumbLinks a.viewGal:hover {
 		border: 0 !important;
 		color: #333;
 	}	


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


		
	#rightColumn {
		padding: 15px;
		min-height:950px
	}
		
	#rightColumnwrapper span.fix select {
		width: 150px;
		clear: both;
	}
	
	#rightColumnwrapper span.fix2 select {
		width: 73px;
	}
	
	#rightColumnwrapper .ast {
		color: #c00;
	}
	
	#rightColumnwrapper label {
		float: left;
		width: 50px;
		padding: 2px 5px 0 0;
		text-align: right;
	}
	
	#rightColumnwrapper input {
		width: 90px;
		border: 1px solid #ccc;
		
	}
	
	#rightColumnwrapper h4 {
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 1.2em;
		padding: 3px 5px 3px 0;
		color: #222;
		
	}
	
	#rightColumnwrapper .infoSet {
		margin-bottom: 15px;
		padding: 5px 3px 0 5px;
	}
	
	#rightColumnwrapper .infoSet p {
		padding: 0;
		margin: 0;
	}
	
	#rightColumnwrapper .formbutton {
		width: auto;
		color: #fff;
		border: 1px solid #3d553b;
		background: #3d553b;
	}
	
	
/* Accessibility page styles for the right column */

	#rightColumnwrapper p.xhtml, #rightColumnwrapper p.css, #rightColumnwrapper p.bobby, #rightColumnwrapper p.section508 {
		background: url(/images/valid-xhtml10.gif) no-repeat;
		height: 30px;
		width: 125px;
		border: 0;
		text-indent: -5000px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #ccc;
		}
		
	#rightColumnwrapper p.css {
		background: url(/images/vcss.gif) no-repeat;
	}
		
	#rightColumnwrapper p.bobby {
		background: url(/images/bobby.gif) no-repeat;
	}
		
	#rightColumnwrapper p.section508 {
		background: url(/images/508_logo_clear.gif) no-repeat;
		height: 90px;
		width: 125px;
		border: 0;
	}
	
	
/* ---------------------------------- */
/* News */
/* ---------------------------------- */

/* -------- News ticker ------------- */

	#news {
	 	border-top: 1px dashed #ccc;
	 	border-bottom: 1px dashed #ccc;
	 	padding: 10px 0 0 0;
	 	font-size: 11px;
	}
	 
	#news p {
	 	padding: 0;
	 	margin: 0 0 15px 0;
	}
	 
	#news a {
	 	display: block;
	}
	 
	#news a:hover {
	 	color: #000;
	 	border: 0;
	}
	 
	#news strong {
	 	color: #666;
	}
	 
	#news a:hover strong {
	 	color: #000;
	}
	
	#newswrapper h3 a {
	 	color: #222;
	 	font-weight: normal;
	}
	 
/* -------- News listing page ---------- */


	#news_listing div {
		clear: both;
		position: relative;
		background: url(/images/icon_news.gif) no-repeat;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin-bottom: 25px;
		padding: 0 20px 25px 60px;
	}

	#news_listing div h3 {
		margin: 0;
	}
	
	#news_listing div p.date {
		font-size: 12px;
		color: #222;
	}
	
	#news_listing div p.moreInfo {
		clear: both;
		margin: 0 -20px -25px 0;
		text-indent: -3000px;
	}
	
	#news_listing div p.moreInfo a {
		height: 46px;
		display: block;
		background: url(/images/more_info.gif) no-repeat bottom right;
	}
	
	#news_listing div p.moreInfo a:hover {
		border: 0; 
	}
	
	.imageCon {
		float: right;
		width: 115px;
		margin: 0 0 25px 25px;
	}

	.imageCon img {
		border: 1px dashed #ccc;
		margin: 0 0 10px 0;
		padding: 0;
	}

	#news_listing div div.imageConSimple {
		position: relative;
		float: right;
		width: 115px;
		background: none;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.imageConSimple a img {
		border: 1px dashed #ccc;
		margin: 0 0 10px 0;
		padding: 0;
	}

	div.paginator {
		border-top: 1px dotted #ddd;
		border-bottom: 1px dotted #ddd;
		margin-bottom: 15px;
	}

	div.paginator newer {
		float: left;
	}

	div.paginator older {
		float: right;
	}

	

/* -------- News side ticker ----------- */

	div.newswrapperside div div {
		margin-bottom: 15px;
		border: 1px solid #ddd;
		border-left: 0;
		border-top: 0;
		padding: 0 5px 5px 0;
	}

	div.newswrapperside a {
		color: #333 !important;
	}

	div.newswrapperside div p.moreInfo {
		margin: -10px -5px -5px 0;
		text-indent: -3000px;
		overflow: hidden;
	}
	
	div.newswrapperside div p.moreInfo a {
		height: 41px;
		display: block;
		background: url(/images/more_info.gif) no-repeat bottom right;
	}
	
	div.newswrapperside div p.moreInfo a:hover {
		border: 0 !important; 
	}
	

	

	
	
/* -------- rightcolumn form error style ---------- */

	#missingFieldsMsg {
		color: #c00;
		padding-bottom: 15px;
	}
	
	
	
/* ---------------------------------- */
/* FOOTER STYLES  */   
/* ---------------------------------- */

	#footer {
		clear: both;
		margin: 0 auto;
		padding: 20px 30px 0 30px;
		text-align: center;
	}
	
	#footer div {
		font-size: 14px;
		margin: 0 0 15px 0;
	}
	
	#footerwrapper a.btTop {
		text-align: right;
		display: block;
		border-bottom: 0;
		padding: 3px 5px;
		width: auto;
	}
	
	#footerwrapper a.btTop:hover {
		text-align: right;
		display: block;
	}