/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Column Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
COLOR PALETTE (Winter)
 	Text #333333
	Headers #2972c2
	Footer Background #8fc6ff
	Footer Text Black
	
COLOR PALETTE (Spring)
 	Text #333333
	Headers #587044
	Footer Background #587044
	Footer Text #e7fcb6

================================================================*/
@import url("base.css");
@import url("layout.css");
@import url("nav.css");

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/



/* BODY 
----------------------------------------------------------------*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/backSpring.gif); 	
	background-repeat:repeat-x;
	color:#333;
	behavior: url(csshover.htc);} /* WinIE behavior call */

h1 	{font-size:150%;}
h2 	{font-size: 140%;}
h3  {font-size:130%;}
h4  {font-size:120%;}
h5  {font-size:110%;}

h1,h2,h3,h4,h5,h6 {color: #587044;}


h1 {padding-bottom: 10px;}

p {font-size:12px;}

table { border-spacing: 0px; border-collapse:collapse; }

ol {font-size:12px;}

ul {font-size:12px;}

li {list-style-position:outside; }

a {text-decoration:none; color:#777;}

a:hover {color:#400080; text-decoration:underline; cursor:pointer;}

blockquote {}

blockquote h2 {font-size:16px; padding-bottom:5px; color:#5E3281;}
blockquote p {font-size:14px; font-weight:bold; margin-bottom:-25px;}
blockquote ul {padding-top: 0px;}
blockquote li {font-size:10px; list-style:inside circle; padding:0px 10px 0px 0px;}
blockquote a {font-size:12px; text-decoration:underline; color:#0066cc;}
	

/* Wrapper
----------------------------------------------------------------*/
#wrapper {background-image: url(../images/backContent.gif) }


/* SIDENAV

----------------------------------------------------------------*/

div#sideNav {	width: 200px;

				float:left;

				padding:0px;

				margin:0px;
			}

				

div#sideNav li 	{text-decoration:none; }			



div#sideNav ul {list-style:none;

				text-align:left;

				font-size: 80%;

				font-weight:bold;

				line-height:150%;

				}

				

			

div#sideNav ul ul li{

				list-style:none;

				text-align:left;

				font-weight:normal;

				font-size:90%;

				}



div#sideNav	a {text-decoration:none; color:#587044;}



div#sideNav a:hover {color:#400080; text-decoration:underline; cursor:pointer;}		


/* GOOGLE
----------------------------------------------------------------*/
div#google input.box{color:#fff; background-color:#336633; font-weight:bold;}


/* HEADER
----------------------------------------------------------------*/
div#header {background-image:url(../images/header.gif); background-repeat:no-repeat;
}

/* CONTENT
----------------------------------------------------------------*/
div#content {}
div#content h1,h2,h3,h4,h5,h6 
			{padding: 10px 0px 0px 10px;}
div#content  p
			{padding: 10px 0px 0px 10px;}

/* GUIDE
----------------------------------------------------------------*/
div#guide h2 {color:#330000; text-align:left; border-bottom:#330000 solid 2px;  text-indent:.5em; font-size:.8em;}
div#guide p {text-align:left; text-indent: 1.5em; padding-bottom:.1em; font-size:.8em;}
div#guide a {text-decoration:underline; color:#777; }
div#guide a:hover {color:#400080; text-decoration:underline; cursor:pointer;}
div#guide a:visited {color:#330066;}

/* GUIDEINDEX
----------------------------------------------------------------*/
div#guideindex h2 {color:#094E95; text-align:left; border-bottom:#094E95 solid 2px; text-indent:.5em; font-size:.8em;}
div#guideindex p {text-align:left; text-indent: 1.5em; padding-bottom:.5em; font-size:.8em;}
div#guideindex a {text-decoration:none; color:#777; }
div#guideindex a:hover {color:#400080; text-decoration:underline; cursor:pointer;}
div#guideindex a:visited {color:#330066;}

/* Recipes
----------------------------------------------------------------*/
div#recipe li {font-size:14px;}
div#recipe h2 {font-size:14px; color:black; text-align:center; font-weight:bold; font-family:verdana; margin:5px;}
div#recipe h3 {font-size:24px; color:#3AACE2; font-weight:bold; text-align:left;}
div#recipe h4 {font-size:18px; color:#3AACE2; font-weight:bold; font-style:italic; text-align:left;}

div#recipe p {font-size:12px; font-family:verdana; text-align:justify; margin-right:10px;}


/* BOX
----------------------------------------------------------------*/
div#box {background-color: #D7F7F9; margin:5px;}
div#box h2 {color:#00539B; text-align:left; border-bottom:#00539B solid 2px; text-indent:.5em; font-size:.8em;}
div#box p {text-align:left; margin: 0.5em; padding-bottom:.5em; font-size:.7em;}
div#box a {text-decoration:none; color:#777; }
div#box a:hover {color:#400080; text-decoration:underline; cursor:pointer;}
div#box a:visited {color:#330066;}

/* CONSTANT CONTACT
----------------------------------------------------------------*/
div#constant_contact h2{text-align:left; border-bottom:#330000 solid 2px; text-indent:0em; font-size:.8em; margin:0px 10px 0px 0px;}
div#constant_contact p {text-align:left; text-indent: 1.5em; padding-bottom:.5em; font-size:.8em;}

/* CALENDAR

----------------------------------------------------------------*/
.date {font-weight:bold; text-align:right; padding-top:0;}
.calContent {font-weight:normal; text-align:left;}
.dayofWeek{ont-weight:bold; font-style:italic; text-align:center;}

/*CURRENT NEWSLETTER
----------------------------------------------------------------*/
.currentNews { 	width:570px;
				display: block; 
				margin-left: auto;
				margin-right: auto;
				padding-bottom:25px;}

.currentNews table{	width:570px; border: 0px;; padding:0px;}

.currentNews ul{	margin-right:10px;
					font-size:12px;}
					
.currentNews a {text-decoration:underline;}
.latin {font-size:9px; font-style:italic; padding-left:10px;}
/* TABLES

----------------------------------------------------------------*/

th {font-weight:bold; background-color:#f3f3f3;}

td {vertical-align:text-top; font-size:12px;
}

td {padding:.25em;}

table#events {
}

table#events td {
    border-top: solid #777777 1px;
	}

table#events th {
    border: solid #777777 1px;
}

/* TABLE PRODUCTS
----------------------------------------------------------------*/

table#product {
}

table#product tr{ border-top: solid #777777 1px;}

table#product td{
}

table#product h5{ 	padding: 0 2 0 2;
					text-align:center;
}

.productSize {		text-align:center;
					padding:0;
				
					}

.productPrice{ 		text-align:right;
					padding: 0 20 0 0;
					font-weight:bold;
					}

/* FOOTER
----------------------------------------------------------------*/
#footer { background-color: #587044; height:100px;}
#footer h2{
	font-size:1.5em;
	font-style:oblique;
	font-weight:normal; 
	text-align:center; 
	color:#e7fcb6; 
}

#footer p{
	font-size:.8em; 
	text-align:center; 
	color:#e7fcb6; 
}

#footer a {
	color:#e7fcb6; 
	text-decoration:underline;
}

#footer a:hover {
	color:#D1DDF1;}

#footer a:visited {
	color:#9966FF;
}

/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
p.error {color: red;}

.right {float:right;}
.left {float:left;}

.cont {color:#00539B; font-variant:small-caps;}
.red {color: #CC0000; font-style: italic;}
.Main {margin-left: -32px; color:#587044;}
.Sub {margin-left:-28px;}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto; }