body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 62.5%;
	color: #333;
	background: #b4f868 url(../img/main_background.jpg) top center no-repeat;
}

strong {
	color: #961c99;
	text-transform: uppercase;
}

blockquote {
	margin: 0;
	padding: 0;
}

h2, h3 { color: #961c99; }

h2 {
	font-size: 3em; 
	text-transform: lowercase;
	/*margin-top: 2px;*/
	margin-top: 0;
	font-weight: normal;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div#mainWrapper {
    width: 885px;
    margin: 37px auto 0;
}

div#main {
	position: relative;
	width: 825px;
	min-height: 400px;
	padding: 62px 30px 20px 30px;
	background: #dff1cc url(../img/content_background.gif) top left no-repeat;
}

div#content {
	width: 100%;
	min-height: 420px;
}

div#contentMain {
	width: 240px;
	margin: 0 0 0 278px;
	font-size: 1.2em;
	line-height: 1.6em;
}

div#footer {
	font-size: 1em;
	margin-bottom: 20px;
	padding: 5px 0 0 30px;
}

div#main h1 {
	float: left;
	width: 164px;
	height: 47px;
	margin: -11px 0 0;
	padding: 0;
	text-align: left;
	text-indent: -9999px;
	background: url(../img/heading_fairjuice.gif) top left no-repeat;
}

/* -------------------------------- */
/* Main navigation                  */
/* -------------------------------- */

div#topnav {
    width: 884px;
    height: 30px;
}

div#topnav ul {
    list-style: none;
    display: block;
    margin: 0 0 0 24px;
    padding: 0;
}

div#topnav ul li {
    float: left;
    display: inline;
    font-size: 1.4em;
    text-transform: lowercase;
    text-align: center;
    padding: 4px 6px;
    border-right: 2px solid #961c99;
}

div#topnav ul li a {
    color: #585858;
    text-decoration: none;
}

div#topnav ul li.current a {
    color: #961c99;
}

div#topnav ul li.last {
    border: none;
}

/* -------------------------------- */
/* Home page                        */
/* -------------------------------- */

div#main.home h1 {
	float:right;
}

div.home,
div.home div#content {
    position: relative;
}

div#slideshow {
		position: absolute;
		top: 0;
		left; 0;
		width: 545px;
		height: 311px;
		overflow: hidden;
}

div#slideshow img {
		position: absolute;
    top: 0;
    left: 0;
    width: 545px;
    height: 311px;
}

div.home div.intro {
	float: right;
	clear: right;
	width: 250px;
	margin-top: 22px;
	text-transform: uppercase;
	text-align: justify;  
	font-size: 1.2em;
	/*font-weight: bold;*/
	line-height: 1.8em;
	color: #84d22f;
}

div.home div#contentMain {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    margin: 0;
}

div.home div#contentMain p {
    float: left;
    width: 260px;
    font-size: 1em;
   /* line-height: 1.6em; */
    text-align: justify;
    margin: 0 28px 0 0;
}

div.home div.promo {
    width: 187px;
    min-height: 164px;
}

div.home div.right {
    position: absolute;
    bottom: 0;
    right: 0;
}

div.home div.promo h2 {
    font-size: 1.1em;
    font-weight: bold;
    text-align: justify;
    color: #961c99;
}

div.home div#subtitle {
    position: absolute;
    top: 25px;
    left: 30px;
    color: #84d22f;
    font-size: 2em;
}

/* -------------------------------- */
/* Who are we                       */
/* -------------------------------- */

div#main.who h1 {
	position: absolute;
	left: 30px;
	top: 60px;
	width: 200px;
}

div.who h3 { 
	font-size: 1.2em;
	margin: 1.8em 0 0.2em 0;
}

div.who div.promo {
	position: absolute;
	width: 298px;
	top: 60px;
	right: 20px;
}

div.who div.promo h3 {
	width: 175px;
	height: 49px;
	text-indent: -9999px;
	margin-left: 30px;
	background: url(/assets/img/caption_whoarewe.gif) top left no-repeat;
}

/* -------------------------------- */
/* Mulberry Fair                    */
/* -------------------------------- */

div#main.mulberryfair h1 {
	position: absolute;
	left: 30px;
	top: 60px;
	width: 200px;
}

div.mulberryfair h3 { 
	font-size: 1.2em;
	margin: 1.8em 0 0.2em 0;
	color: #666;
}

div.mulberryfair div#contentMain {
	width: 558px;
	margin: 0 0 0 278px;
	font-size: 1.2em;
	line-height: 1.6em;
	background: url(/assets/img/mulberryfair_picking.jpg) right 88px no-repeat;
}

div.mulberryfair div.oneCol {
	width: 240px;
}

div.mulberryfair div.left {
	float: left;
}

div.mulberryfair div.right {
	position: absolute;
	right: 30px;
	top: 470px;
	width: 260px;
}

div.quote {
	font-family: Times, Times New Roman, Georgia, serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.3em;
}

div.mulberryfair div.quote {
	clear: left;
	margin: 120px 0 20px;
}

div.mulberryfair div.quote {
	text-align: left;
	text-indent: -9999px;
	background: url(/assets/img/quote_mulberryfair.gif) top left no-repeat;
	width: 255px;
	height: 166px;
}

div.mulberryfair div.promo {
	position: absolute;
	top: 120px;
	left: 30px;
	width: 206px;
	height: 460px;
}

/* -------------------------------- */
/* Science bit  	                */
/* -------------------------------- */

div#main.science h1 {
	position: absolute;
	left: 30px;
	top: 60px;
	width: 200px;
}

div.science h3 { 
	font-size: 1.2em;
	margin: 1.8em 0 0.2em 0;
	color: #666;
}

div.science div#contentMain {
	width: 558px;
	margin: 0 0 0 278px;
	font-size: 1.2em;
	line-height: 1.8em;
}

div.science div.chart {
	width: 513px;
	height: 410px;
	margin-left: -13px;
}

div.science div.promo {
	position: absolute;
	top: 316px;
	left: 30px;
	width: width: 133px;
	height: 144px;
}

/* -------------------------------- */
/* Contact us    	                */
/* -------------------------------- */

div#main.contact h1 {
	position: absolute;
	left: 30px;
	top: 60px;
	width: 200px;
}

div.contact h3 { 
	font-size: 1.2em;
	margin: 1.8em 0 0.2em 0;
	color: #666;
}

div.contact div#contentMain {
	width: 558px;
	margin: 0 0 0 278px;
	font-size: 1.2em;
	line-height: 1.8em;
}

div.contact div#contentMain p {
	margin-right: 160px;
}

div.contact fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

div.contact fieldset label {
	font-weight: bold;
	color: #961c99;
}

div.contact fieldset label.error {
    color: #FF0000;
    font-weight: normal;
    font-size: 1em;
}

div.contact fieldset input.text.error, 
div.contact fieldset textarea.text.error {
    border: 1px solid red;
}

div.contact fieldset input.text {
	border: 1px solid #b5ea75;
	width: 400px;
	padding: 5px;
}

div.contact fieldset input.small {
    width: 80px;
}

div.contact fieldset .textbox {
    border: 1px solid #b5ea75;
	width: 400px;
	height: 140px;
	padding: 5px;
}

/* -------------------------------- */
/* Interesting bits	                */
/* -------------------------------- */

div#main.interesting h1 {
	position: absolute;
	left: 30px;
	top: 60px;
	width: 200px;
}
/*
div.interesting h2 { 
	font-size: 3em; 
	text-transform: lowercase;
	margin-top: 2px;
	font-weight: normal;
}*/

div.interesting h3 { 
	font-size: 1.2em;
	margin: 1.8em 0 0;
	padding: 0.5em 0 0;
	color: #961c99;
	border-top: 1px solid #961c99;
}

div.interesting div#contentMain {
	width: 558px;
	margin: 0 0 0 278px;
	font-size: 1.2em;
	line-height: 1.8em;
}

div.interesting ol,
div.interesting ol li {
    margin-left: 0.8em;
    padding-left: 0;
    color: #961c99;
    font-weight: bold;
}

div.interesting ol li span {
	color: #333;
	font-weight: normal;
}

div.interesting div.promos {
	position: absolute;
	top: 162px;
	left: 30px;
	min-height: 500px;
	width: 185px;
}

div.interesting div.promos img {
	position: relative;
	float: left;
	clear: left;
	width: 185px;
	min-height: 156px;
	margin-bottom: 45px;
}

div.interesting table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
div.interesting table tr td {
    vertical-align: top;
}

/* -------------------------------- */
/* News and views  	                */
/* -------------------------------- */

div#main.news h1 {
	position: absolute;
	left: 30px;
	top: 60px;
	width: 200px;
}

div.news h3 { 
	font-size: 1.2em;
	margin: 1.8em 0 0.2em 0;
	color: #666;
}

div.news div#contentMain {
	width: 558px;
	margin: 0 0 0 278px;
	font-size: 1.2em;
	line-height: 1.8em;
	min-height: 600px;
}

div.news div.promo {
	position: absolute;
	top: 335px;
	left: 30px;
	width: width: 258px;
	height: 286px;
}

div.news div.intro p {
	font-weight: bold;
}

/* -------------------------------- */
/* sIFR           	                */
/* -------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

.sIFR-hasFlash h2 {
	visibility: hidden; 
	letter-spacing: -9px;
	font-size: 95px;
}

h2.sIFR-replaced {
	margin: -12px 0 0 0;
}