/*
Scarborough Farms™
Coded by: Quent McCoy - Momentum Advertising, Inc.
©2006 All Right Reserved
Derka Derka
*/


body {
margin: 0;
padding: 0;
font: 80% verdana, arial, hevetica, sans-serif;
text-align: center;
color: #000;
background-color: #edf1e3;
}

/*================================================
	MAIN CONTAINER
================================================*/

#container {
margin: 0 auto;
width: 857px;
text-align: left;
background-color: #fff;
background-image: url(../img/global/container_bg.gif);
background-repeat: repeat-y;
}

/*================================================
	HEADER
================================================*/

#header {
width: 857px;
height: 25px;
border-bottom: 1px solid #fff;
background-color: #dda100;
}

/*================================================
	LOCATION
================================================*/

#location {
width: 145px;
height: 15px;
border-bottom: 1px solid #fff;
background-color: #830B03;
}

#location h3 {
font: 100% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
text-align: center;
padding: 1px 0 0 0;
margin: 0;
}

/*================================================
	MAIN VISUAL
================================================*/

#mainVis {
width: 855px;
background-color: #fff;
border: 1px solid #DDA100;
}

/*================================================
	LEFT COLUMN
================================================*/

#leftBar {
float: left;
width: 145px;
}

#leftBar img {
/* border-top: 1px solid #fff; */
}

/*================================================
	MAIN NAV
================================================*/

#mainNav {
width: 145px;
padding: 1px 0;
margin: 0;
background-color: #fff;
}

#mainNav ul {
width: auto;
padding: 0;
margin: 0;
background-color: #fff;
list-style: none;
}

#mainNav li {
margin: 2px 0;
border: 1px solid #e4ae1b;
padding: 3px 0 3px 10px;
}

#mainNav a {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #000;
}

#mainNav a:hover {
color: #dda100;
}

/*================================================
	MAIN CONTENT
================================================*/

#content {
float: left;
width: 464px;
min-height: 350px;
margin-bottom: 10px;
background-color: #fff;
}

#content img {
margin: 0px 0 0 25px;
border: 1px solid #768636;
}

#content p {
text-align: justify;
margin: 15px 28px 10px 25px;
line-height: 1.25em;
}

#content h3 {
font: 180% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #830B03;
text-align: center;
margin: 20px 28px 25px 25px;
padding: 0;
}

#content h4 {
font: 105% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #6d9400;
margin: 15px 0 -15px 25px;
padding: 0;
}

/*================================================
	MAIN CONTENT "LINKS" CLASSES
================================================*/

#content.links {
text-alilgn: left;
float: left;
width: 400px;
margin: 0 15px 20px 20px;
background-color: #fff;

}

#content.links h3 {
font: 180% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #830B03;
text-align: center;
margin: 20px 28px 15px 25px;
padding: 0;
}

#content.links p {
text-align: center;
margin: 0;
line-height: 1.25em;
}

#content.links ul {
width: 30em; /* width is changed */
margin: 25px 0 100px 25px;
padding: 0;
list-style: none;
}

#content.links li {
float: left;
width: 15em;
line-height: 2em;
margin: 0;
}

#content.links a {
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color: #830B03;
padding-left: 3px;
}

#content.links a:hover {
text-decoration: underline;
}

/*================================================
	WHERE TO EAT
================================================*/

#where {
float: left;
width: auto;
min-height: 350px;
margin: 0 0 10px 25px;
background-color: #fff;
}

#where p {
text-align: justify;
margin: 15px 28px 10px 0;
line-height: 1.25em;
}

#where h3 {
font: 180% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #830B03;
text-align: center;
margin: 20px 0 25px 75px;
padding: 0;
}

#where ul {
list-style:none;
width: 500px;
padding: 0 0 25px 0;
margin: 50px 0 25px 65px;
border-bottom: 1px dotted #ccc;
}

#where li {
line-height: 25px;
padding:0;
margin: 0;
}

#where ul li p {
padding:0;
margin: 0;
}

#where a {
font: 105% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #6d9400;
text-decoration:none;
margin: 0;
padding: 0;
}

#where a:hover {
text-decoration: underline;
}

#where img {
border:0;
padding: 0;
margin:0;
}

#where img a {
border:0;
}

#where img a:hover {
border: 1px solid #000;
}

/*================================================
	THE NEWS
================================================*/

#news {
float: left;
width: 445px;
min-height: 350px;
margin: 35px 0 10px 25px;
background-color: #fff;
}

#news p {
font-size: 90%;
margin: 0 28px 5px 25px;
line-height: 1.25em;
max-width: 400px;
}

#news h1 {
font: 115% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #830B03;
margin: 20px 28px 0 25px;
padding: 0;
}

#news a {
font: 90% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #6d9400;
text-decoration:none;
margin: 0;
padding: 0;
}

#news a:hover {
text-decoration: underline;
}

#news p.time { /* controls how the time stamp will look */
font-size: 80%;
font-weight: bold;
}

/*================================================
	RIGHT BAR
================================================*/

#rightBar {
float: left;
width: 247px;
height: auto;
}

#rightBar.news {
float: left;
width: auto;
height: auto;
}

/*================================================
	COUNT DOWN TO TOMATOS! YAY!
================================================*/
#countdown {
margin: 25px 0;
text-align:center;
}

#countdown p {
padding: 0 15px;
}

#countdown table {
margin-left: 15px;
width: 218px;
background: #F25500;
border: 3px solid #CE4C06;
}

#countdown table tr td {
padding: 0;
text-align:center;
color: #fff;
border: 1px solid #fff;
}



/*================================================
	FARMERS MARKET LOCATIONS
================================================*/
#marketLocations {
margin: 15px 0 0 0;
padding: 0 10px 10px 5px;
width: auto;
}

#marketLocations ul {
margin-left: 40px;
padding: 0 0 10px 0;
width: 160px;
font: normal 11px Arial, Helvetica, sans-serif;
list-style:none;
border-bottom: 1px solid #e1e1e1;
}

#marketLocations ul li {
margin:0 0 3px 0;
padding:0;
}

#marketLocations ul li.day {
font-weight:bold;
}

/*================================================
	FEATURED PRODUCTS
================================================*/	

#feature {
width: 210px;
text-align:left;
margin: 0 0 15px 20px;
background-color: #fff;
}

#feature h3 {
font: 12px Arial bold;
color: #ccc;
margin:0;
padding:0;
}

.featureHead {
margin:0;
}

.featureHead img {
margin: 0;
}

#feature img {
margin: 5px 15px 5px 10px;
padding:0;
}

#feature a img {
text-decoration:none;
border: 2px solid #fff;
}

#feature a img:hover {
border: 2px solid #DDA100;
}

/*================================================
	METHOD
================================================*/

#method {
width: auto;
background-color: #fff;
}

#method p {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height: 1.25em;
padding:15px 15px 0 15px;
margin: 5px 0 5px 15px;
}

/*this to replace #method for farming methods */
#farming {
margin: 15px 0 0 0;
padding: 0 10px 10px 5px;
width: auto;
}

#farming p {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height: 1.25em;
padding:5px 5px 0 5px;
margin: 5px 0 5px 15px;
}


/*================================================
	PLEDGE
================================================*/

#pledge {
width: 214px;
margin: 24px 0 15px 16px;
background-color: #FCF7E8;
background-image: url(../rightbar/pledge/img/pledge_bg.gif);
background-repeat: repeat-y;
}

#pledge p {
font: 9.5px Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
padding: 15px 15px 0 15px;
margin:0;
border:0;
}

/*================================================
	SCROLL BOX
================================================*/

#graphicsb0 {
background-color: #FFF;
margin: -3px 0 15px 0;
}

#graphicsb0 p {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height: 1.25em;
padding:15px 25px 0 5px;
margin: 5px 0 15px 15px;
} 

#graphicsb0 h4 {
font: 80% Arial, Helvetica, sans-serif;
font-weight: bold;
color: #E5B227;
margin:0; 
border-bottom: 1px dashed #ccc;
}

#graphicsb0 ul {
list-style: none;
}

/*================================================
	FOOTER
================================================*/

#buffer {
clear: both;
height: 11px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #DDA100;
background-color: #edf1e3;
}

#footer {
text-align: center;
width: 857px;
height: 150px;
background-color: #dda100;
padding-top: 15px;
}

#footer p {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
line-height: 1.5em;
padding:0;
margin:0;
}

#footer a {
font: 80% Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #fff;
}

#footer a:hover {
text-decoration: underline;
}