/************************************************************************************/
/* SPRUCELY FARM COTTAGE CSS - Copyright 2005 - www.sprucelyfarmcottage.co.uk - v1.0 */
/************************************************************************************/

/**********************
 GENERIC CLASSES
***********************/
A {
	color: #515522;
	text-decoration: underline;
}

A:hover {
	color: #B2C18C;
	text-decoration: underline;
}

form.inline { 
	display:inline; 
}

p.fivespace {
	margin: 5px 0px 0px 0px;
}

p.tenspace {
	margin: 10px 0px 0px 0px;
}

p.fifteenspace {
	margin: 15px 0px 0px 0px;
}

p.twentyspace {
	margin: 20px 0px 0px 0px;
}

div.clearer {
	clear: both;
	height: 1px;
}


/**********************
 TEXT CLASSES
***********************/

.bodytext { 
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	color: #000000;
}


/**********************
 LINK CLASSES
***********************/

.bodylink a:link, .bodylink a:visited { 
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	color: #ff9900;
	text-decoration: underline;
}

.bodylink a:hover { 
	color: #00ff00;
}

td.topnav {
	border-right: solid 1px #ffffff;
}

.topnav a:link, .topnav a:visited {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

.topnav a:hover {
	color: #FBE694;
	text-decoration: underline;
}

/************************
 PAGE CONTAINER
*************************/

#pagecontainer {
	width: 750px;
	min-height: 430px;
	background: #ffffff url(/images/backgroundbr.gif) no-repeat right bottom;
	padding: 0;
	margin: 0;
}

#pagecontainernbg {
	width: 750px;
	min-height: 430px;
	background: #ffffff url(/images/backgroundbrnbg.gif) no-repeat right bottom;
	padding: 0;
	margin: 0;
}

	#maincontent {
		width: 730px;
		text-align: left;
		font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
		font-size: 12px;
		font-weight: normal;
		color: #000000;
	}
	
		#lhscontent {
			width: 555px;
			min-height: 325px;
			float: left;
			padding: 20px 0px 0px 20px;
			line-height: 18px;
		}
			
			* html #lhscontent {
				height: 340px; 
			}
			
			
			#hpleft {
				clear: both;
				float: left;
				width: 315px;
			}
			
			#hpleftwide {
				clear: both;
				float: left;
				width: 430px;
			}

			
			#hpleft ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
				font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; 
				font-size: 12px;
				font-weight: normal;
			}
			
			#hpleft ul li {
				display: block;
				width: 315px;
				margin: 0px;
				padding: 0px 0px 0px 15px;
				background: transparent url(/images/navarrow.gif) no-repeat 0 3px;
			}
			
			#hpright {
				float: right;
				width: 220px;
			}
			
		
		#lhscontentwide {
			width: 710px;
			min-height: 325px;
			float: left;
			padding: 20px 0px 0px 20px;
			line-height: 18px;
		}
		
			#galleryleft {
				clear: both;
				float: left;
				width: 280px;
			}
			
			#galleryleft img.gallerythumb {
				float: left;
				margin: 0px 5px 5px 0px;
			}
			
			#galleryright {
				float: right;
				width: 370px;
			}

		
		#rhscontent {
			width: 155px;
			min-height: 325px;
			float: right;
			padding: 20px 0px 0px 0px;
		}
		
			* html #rhscontent {
				height: 340px; 
			}
		
	#footercontent {
		width: 730px;
		text-align: left;
		font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
		font-size: 11px;
		font-weight: normal;
		color: #000000;
	}
	
		#footerlogos {
			width: 150px;
			float: left;
		}
		
		#footerwords {
			width: 550px;
			float: right;
			padding-top: 55px;
		}
		
		#footerwords a:link, #footerwords a:visited {
			color: #000000;
			text-decoration: unerline;
		}
		
		#footerwords a:hover {
			color: #000000;
			text-decoration: unerline;
		}


.nobg {
    background: #ffffff;
    background-image: none;
}

		
		
/***********
CONTACT FORM
************/

input.textinput { border: 1px solid #515522; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #000000; }
textarea.textareainput { border: 1px solid #515522; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #000000; }
select.textselect { border: 1px solid #515522; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #000000; }
input.submit { background-color: #515522; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #ffffff; }

/**********
 BOXED LIST
 **********/
ul.boxed {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.boxed li {
	display: block;
	border: 2px solid #B2C18C;
	padding: 4px;
	margin-bottom: 10px;
}

ul.boxed li a {
	padding-left: 15px;
	background: url(/images/subnavarrow.gif) no-repeat 1px 1px;
}


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	clear: left;
	float: left;
	position:relative;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	position:relative;
	margin: 0px 0px 10px 0px;
}