body {font-family: Papyrus, "Bradley Hand ITC", "Times New Roman", Times, serif;
	  font-size: 16px;
	  color: #336600;
	  line-height: 1em;
	  text-align: center;
	  padding: 0;
	  margin: 0;
	  background-image: url(images/red_stripes.jpg);
	  background-repeat: repeat;	}
	
/* ------------------------------------ universal formatting ------------------------------- */
	
p {line-height: 1.5em;
   padding: 0.5em 0;
   margin: 0;
   border: solid 0px #FFCC00;	}
	
h1, h2, h3, h4 {color: #B00033;
				text-align: center;
				padding: 0;
				margin: 0;
				border: solid 0px #FFCC00;	}
				
img {border: none;	}
				
h1 {font-size: 2em;
	line-height: 1em;	}
	
h2 {font-size: 1.5em;
	line-height: 1em;
	text-align: center;
	padding: 0px;
	margin: 25px auto 0 auto;	}
	
h3 {font-size: 1.2em;
	line-height: 1em;
	text-align: center;
	margin: 25px auto 25px auto;	}
	
h4 {font-size: 1em;
	line-height: 1em;	}
	
.textbody h2 {padding: 0.5em 0;
					 border: dashed 0px #FF00FF;	}
	
/* -- width must be stated to prevent currentpage division from being pushed off the screen -- */		  
.watermark {width: 48em;
			background-image: url(images/bg_image.jpg);
			background-repeat: repeat;
			border-left: solid 1px #CCCCCC;
		  	border-right: solid 1px #CCCCCC;
		  	margin: 1em auto 0 auto;	}

.inner_body {background-color: #FFFEEE;	}

.header {width: 48em;
		 height: 14.4em;
		 padding: 0;
		 margin: 1em auto 0 auto;
		 border: dashed 0px #FFFEEE;	}
		 
.currentpage {width: 42em;
			  height: 1em;
			  position: absolute;
			  font-size: 1.1em;
			  line-height: 1.1em;
	   		  font-weight: bolder;
			  text-decoration: blink;
	   		  color: #FFDD66;
	  	 	  text-align: right;
			  padding: 0 0.9em;
			  margin: 0.2em 0 0 0;
			  border: solid 0px #FF0000;	}

.banner {width:48em;
		 height: 14.4em;
		 background-image: url(images/SS_banner.jpg);
		 background-repeat: no-repeat;
		 margin: 0 auto -2.1em auto;
		 border: solid 0px #FF6600;	}
			
/* width and height must be stated for sitenav element to align consistantly accross browsers */	
.sitenav {width: 36.9em;
		  height: 2.2em;
		  font-size: 1.3em;
		  line-height: 1.4em;
		  text-align: center;
		  word-spacing: 3em;
		  padding: 0;
		  margin: 0;
		  border: solid 0px #FF9900;	}
		  
a:link.textlink {color: #B00033;	}

a:visited.textlink {color: #B00033;	}
	

a:link {color: #BBFF66;
		font-weight: bold;
		text-decoration: none;
		padding: 0;	}
	
a:visited {text-decoration: underline;
		   color: #FFDD66;
		   font-weight: bolder;
		   padding: 0;	}
		   
/* if border is not styled white space is added in Firefox??? */	
.textbody {width: 46em;
		   text-align: justify;
		   background-color: #FFFEEE;
	       border-left: solid 1px #CCCCCC;
		   border-right: solid 1px #CCCCCC;
		   padding: 1em;
		   margin: 0 auto;	}
		   
.textbody h1, h2, h3, h4, h5 {padding: 0;
							  margin: 0;	}		
		
.leftimage {float: left;
			padding: 1em 1em 0 0;
			margin: 0;
			border: solid 0px #FFCC00;	}
	
.imageright {float: right;
		     padding: 1em 0 1em 1em;
			 border: solid 0px #FFCC00;	}
	
.botnav {height: 1.6em;
	  	 width: 48em;
		 text-align: center;
	   	 background-image: url(images/bot_nav_gradient.jpg);
		 padding: 5px 0px 5px 0px;
	   	 margin: auto;
		 border-left: solid 1px #CCCCCC;
		 border-right: solid 1px #CCCCCC;	}
	
.bottombanner a:link {padding: 0 10px 0 10px;	}
	
.bottombanner a:visited {padding: 0 10px 0 10px;	}
	
/* ------------------------------- home page ----------------------------------------------- */

.home .textbody {background: none;	}
	
.contact {margin: 0;
		  font-weight: bolder;
		  padding: 0;
		  border-top: solid 1px #B00033;	}

.contact h4 {margin: 1em 0 0 0;	}
		  
.clickmap {font-weight:bolder;
		   padding: 0 0 20px 0;
		   margin: 0;
		   border: solid 0px #B00033;	}
		   
a:link.mailto {color: #B00033;	}

a:hover.mailto {text-decoration: underline;	}

a:visited.mailto {color: #B00033;	}

.showmap {color: #B00033;	}

.map {display: none;
	  position: absolute;
	  text-align: center;
	  background-color: #FFF;
	  margin: -15em 0 0 -5em;
	  border: outset 2px #B00033;	}
	  
.iedwnlwd {width: 46em;
		   height: 3em;
		   color: #FFF;
		   display: none;
		   position: relative;
		   padding: 1em 0 0 0;
		   margin: 0 auto 0 auto;
		   border-top: dashed 1px #FFF;	}
			   
.iedwnlwd p {line-height: 1em;
			 font-weight: 100;
			 text-align: center;
			 padding: 0.5em;
			 margin: 0;	}
		   
.iedwnlwd img {float: right;
			   margin: -0.8em auto;
			   border: none; 	}

/* ------------------------------- story page ----------------------------------------------- */

.story .textbody {height: 70em;	}
			
/* --------------------------------- cafe & berry gardens page ---------------------------------------------- */

.berrycafe .textbody {height: auto;	}
		  
.hours  {text-align: center;
		 padding: 0;
		 margin: 0 0 0 22em;
		 border: double 3px #B00033;	}
		 
caption {font-size: 1.5em;
		 line-height: 1.5em;
		 color: #B00033;
		 font-weight: bold;
		 padding: 0;
		 margin: 0;
		 border: solid 0px #FFCC00;	}
		  
.hours td {line-height: 1.5em;	}

.dates {color: #B00033;
		padding: 0.5em 0;	}
		
.breakfast {width: 100%;
			background-color: #B00033;
			color: #FFFEEE;
			text-align: center;
			padding: 0.5em 0 0.5em 0;
			border-top: double 3px #B00033;	}
		
.berrycafe .p4, .p5 {width: 20.7em;	}

.berrycafe .p4 {margin-top: -15em;	}

.berrycafe .p5 {margin-bottom: 0;	}

.picking {padding: 0;
		  margin: 1em auto 1.2em auto;
		  border: double 3px #B00033;	}
		  


.picking td {color: #FFDD66;
			 font-weight: bolder;
			 border: solid 1px #00CCCC;	}
	
.straw {background-image: url(images/strawberry.jpg);	} 
	
.rasp {background-image: url(images/rasp.jpg);	}
	
.black {background-image: url(images/blackberries.jpg);	}
	
.boysen {background-image: url(images/boysen.jpg);	}
	
.silvan {background-image: url(images/silvan.jpg);	}
		 
.young {background-image: url(images/young.jpg);	}
		
/* ----------------------------- products Page ---------------------------------------------- */		
		   
/* use of short hand margin styling creates conflicts between browsers */		   
.products p {padding: 1em;
			 text-align: center;
			 border: double 0px #B00033;	}
	
.markets {width: 90%; text-align: left;
		  color: #B00033;
		  margin: 1em auto;
		  border: double 3px #B00033;	}

.markets caption {font-size: 1.2em;	}

.markets tr {	}

.markets th {background-color: #B00033;
			 color: #FFFEEE;
			 font-size: 1.2em;
			 padding: 0.3em 0.5em 0.3em 2em;	}
		  
.markets td {padding: 0.5em 0.5em 0.5em 2em; font-weight: bolder;	}

.markets a:link {color: #336600; font-size: 0.9em; text-decoration: none; font-weight: 100;	}
				
.markets a:hover {text-decoration: underline;	}

.markets a:visited {color: #336600; font-size: 0.9em; font-weight: 100;	}

.designdetective {color: #BBFF66;	}

/* ============================================== W3C icons ======================================== */

.icons {border: none;
		font-size: 0.9em;
		color: #FFFEEE;	}