/* stylesheet.css */

/* style rule for the page body and page background */

body {
	font-size: 0.83em;
	line-height: 1.2em;
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
<!-- alternative Georgia, 'Lucinda Bright', serif; Arial, Helvetica, FreeSans, sans-serif; -->
	color: #000000;
	background-color: #ffffff;
}


/* page wrapper */
#wrapper {
	width: 780px;
	margin: auto; /* centers the layout */
	margin-top: 0em;
	margin-bottom: 1em;
	border: 0;
}

/* page header style */
#header {
	padding-top: 1.5em;
	width: 100%;
	text-align: center;
}

/* main page content style */
#main {
/* margin-left must equal total width of left sidebar */
	margin-left: 175px;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-right: 0px;
	padding: 1em;
	text-align: left;
	vertical-align: top;
	background-image: url("images/background-main.gif");
	background-repeat: repeat-y;
}

/* right sidebar column style */
#sidebar {
	float: left;
	display: inline; /* only purpose is to correct AOL and IE browser issues */
	padding: 0;
	margin: 0px;
	margin-top: 20px;
	width: 175px;
/* actual width is 175px */
	text-align: center;
	vertical-align: top;
}

/* style for images in left sidebar and photo in header */
img.button {
	border-width: 0px;
	margin-top: 0px;
	outline: none;
}


/* page footer style */
#footer {
	width: 100%;
	text-align:center;
	line-height: 1em;
/*extra code below to align footer for Firefox etc */
	display: block;
	margin: auto; /* centers for most browser */
	clear: both;
}


/* main heading */
h2 {
	font-weight: bold;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	color: #000000;
	font-size: 2em;
	text-align: left;
	line-height: 1em;
}

/* subheadings in body table */
h3 {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	color: #993300;
	font-size: 1em;
	text-align: left;
	line-height: 1em;
	margin: 0px;
}

/* subheadings on bottom table */
h4 {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	color: #663300;
	font-size: 1em;
	line-height: 1em;
}

table.body {
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	width: 100%;
	line-height: 1em;
}

/* cells with heading 3 */
td.heading {
	vertical-align: top;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 1em;
	width: 200px;
}

/* cells with text */
td.text {
	vertical-align: top;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 1em;
}

/* cells with heading 4 in bottom table */
td.bottom {
	width: 195px;
	text-align: center;
}

/* spacer cells in bottom table */
td.spacer {
	width: 10px;
}

table.nav {
	border-collapse: collapse;
	text-align: center;
	width: 100%;
	line-height: 1em;
}

td.nav {
	padding-top: 50px;
}

td.logo {
	vertical-align: bottom;
	text-align: left;
}


/* class for picture line like hr but different */
div.divline {
	width: 100%;
	height: 5px;
	background-image: url("images/hr-green.gif");
	background-repeat: repeat-x;
}

/* NORMAL LINKS IN PAGE */
/* unvisited links */
a:link {
	color: #663300; /* dark brown */
	text-decoration: none; /* no underline */
	border: 0;
	outline: none;
	border: none;
}

/* visited links */
a:visited {
	color: #663300; /* dark brown */
	text-decoration: none; /* no underline */
	border: 0;
	outline: none;
	border: none;
}

/* hover links */
a:hover {
	color: #663300; /* dark brown */
	text-decoration: underline;
	border: 0;
	outline: none;
	border: none;
}

/* active or clicked links */
a:active {
	color: #663300; /* dark brown */
	text-decoration: underline;
	border: 0;
	outline: none;
	border: none;
}

/* SPECIAL STYLE FOR ROLLOVER LINKS IN NAV MENU */
a#button1 {
    display: block;
    width: 175px;
    height: 25px;
    background-image: url(images/home_b.gif);
    margin: 0 auto;
}

a#button1:hover {
    background-image: url(images/home_g.gif);
}

a#button2 {
    display: block;
    width: 175px;
    height: 25px;
    background-image: url(images/strawberries_b.gif);
    margin: 0 auto;
}

a#button2:hover {
    background-image: url(images/strawberries_g.gif);
}

a#button3 {
    display: block;
    width: 175px;
    height: 25px;
    background-image: url(images/vegetables_b.gif);
    margin: 0 auto;
}

a#button3:hover {
    background-image: url(images/vegetables_g.gif);
}

a#button4 {
    display: block;
    width: 175px;
    height: 25px;
    background-image: url(images/csa_b.gif);
    margin: 0 auto;
}

a#button4:hover {
    background-image: url(images/csa_g.gif);
}

a#button5 {
    display: block;
    width: 175px;
    height: 25px;
    background-image: url(images/market_b.gif);
    margin: 0 auto;
}

a#button5:hover {
    background-image: url(images/market_g.gif);
}

a#button6 {
    display: block;
    width: 175px;
    height: 25px;
    background-image: url(images/about_b.gif);
    margin: 0 auto;
}

a#button6:hover {
    background-image: url(images/about_g.gif);
}

a#button7 {
    display: block;
    width: 175px;
    height: 25px;
    background-image: url(images/contact_b.gif);
    margin: 0 auto;
}

a#button7:hover {
    background-image: url(images/contact_g.gif);
}

a .alt { display: none; }


/* SPECIAL STYLE FOR INVISIBLE LINKS IN FOOTER */
#footer a:link {
	color: #ffffff; /* same as wrapper */
	text-decoration: none; /* no underline */
	border-width: 0px;
	outline: none;
	font-size: 0.1em;
}

#footer a:visited {
	color: #ffffff; /* same as wrapper */
	text-decoration: none; /* no underline */
	border-width: 0px;
	outline: none;
	font-size: 0.1em;
}

#footer a:hover {
	color: #ffffff; /* same as wrapper */
	text-decoration: none; /* no underline */
	border-width: 0px;
	outline: none;
	font-size: 0.1em;
}

#footer a:active {
	color: #ffffff; /* same as wrapper */
	text-decoration: none; /* no underline */
	border-width: 0px;
	outline: none;
	font-size: 0.1em;
}