/* CSS Document */
body {

color:#000000;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color:#ECF2D5;
}

p{
color:#000000;
}

h1{font-size:42px;
}

.pfloatright{
float:right;
}

.imgfloatleft{
float:left;
}

.p350 {
width:350px;
}
.p550 {
max-width:550px;
}

.p750 {
max-width:750px;
}

.extrapadding {
padding-bottom:20px;
}

.extrapadding2 {
padding:10px;
}

.extrapaddingtop {
padding:30px 0 0 0 ;
}

.clear {
  clear: both;      
  height: 0px;
  overflow: hidden; 
  margin: 0;
 }        


/*link selectors*/
a:link{
color:#000000;
font-size:18px;
}

a:visited {
color:#2D4A2F;
font-size:18px;
}

a:hover {
color: #660033;
font-size:18px;
}

a:active {
color:#003300;
font-size:18px;
}


/*container*/
#container {
min-width:800px;
margin:auto;
}

/*side panel info*/

#sidepanel {
width:200px;
border-right:#a3be8d 1px solid;
min-height:600px;
padding:10px 10px 20px 10px;
margin-right:0px;
position: static;
float:left;
font-size:14px;
}

#sidepaneljam {
width:210px;
background-color:#a3be8d;
min-height:600px;
padding:5px;
margin-right:0px;
position: static;
float:left;
font-size:14px;
}

#sidepaneljam img {
border:none;
}

#sidepanel a:link{
color:#000000;
font-size:14px;
}
#sidepanel a:visited {
color:#330000;
font-size:14px;
}

#sidepanel a:hover {
color: #336600;
font-size:14px;
background-color:transparent;
}

#sidepanel a:active {
color:#336633;
font-size:14px;
}

/* sidepanel classes */
.sidebar1 
{font-size:18px;
color:#336633;
text-align:left;
}

.sidebarleft 
{font-size:18px;
text-align:left;
}

.sidebarcenter 
{font-size:20px;
text-align:center;
}


/*Navigation Top*/
#header {
background-image: url(images/header.jpg);
background-position:center;
background-repeat:no-repeat;
height:220px;
text-align:center;
background-color:#ECF2D5;
margin:auto;
vertical-align:middle;
}

/*alternate header*/
#headergift {
background-image: url(images/gifts.jpg);
background-position:center;
background-repeat:no-repeat;
height:220px;
text-align:left;
background-color:#a3be8d;
margin:auto;
vertical-align:middle;
}

#headersauce {
background-image: url(images/saucesandsyrups.jpg);
background-position:center;
background-repeat:no-repeat;
height:220px;
text-align:left;
background-color:#a3be8d;
margin:auto;
vertical-align:middle;
}

#headerjams {
background-image: url(images/jamsandjellies.jpg);
background-position:center;
background-repeat:no-repeat;
height:220px;
text-align:left;
background-color:#a3be8d;
margin:auto;
vertical-align:middle;
}

#headeroils {
background-image: url(images/oilsandvinegars.jpg);
background-position:center;
background-repeat:no-repeat;
height:220px;
text-align:left;
background-color:#a3be8d;
margin:auto;
vertical-align:middle;
}

#headerhoney {
background-image: url(images/honey.jpg);
background-position:center;
background-repeat:no-repeat;
height:220px;
text-align:left;
background-color:#a3be8d;
margin:auto;
vertical-align:middle;
}

#headermustards {
background-image: url(images/mustards.jpg);
background-position:center;
background-repeat:no-repeat;
height:220px;
text-align:left;
background-color:#a3be8d;
margin:auto;
vertical-align:middle;
}

#headerherbs {
background-image: url(images/gardenherbs.jpg);
background-position:center;
background-repeat:no-repeat;
height:220px;
text-align:left;
background-color:#a3be8d;
margin:auto;
vertical-align:middle;
}

/* Top Navigation*/
#navigation {
background-color: #a3be8d;
width:100%;
text-align:center;
height:40px;
}

#navigation ul{
padding:0px;
line-height:40px;
margin: 0px;
}

#navigation li{
list-style:none;
display:inline;
white-space:nowrap;
position:relative;
}

#navigation li ul{
position:absolute;
background-color: #5c6d4f;
display:none;
}

#navigation li:hover ul {
display:block;
background-color: #5c6d4f;
}

#navigation li ul a{
text-decoration:none;
}

#navigation li ul li{
width:100%;
background-color: #5c6d4f;
}

#navigation li ul a:visited{
color:#333333;
}

#navigation li a{
text-decoration:none;
padding:9px 10px;
}

#navigation a:link{
color:#ffffff;
font-size:20px;
}

#navigation a:visited {
color: #576A4C;
font-size:20px;
}

#navigation a:hover {
color:#ffffff;
font-size:20px;
background-color:#000000;
}

#navigation a:active {
color:#cccccc;
font-size:20px;
background-color:#000000;
}

/*Second Navigation Bar Top*/
#topbar {
background-color:#a3be8d;
width:100%;
text-align:center;
height:26px;
border-bottom:solid 2px #000000;
border-top:solid 2px #000000;
}

#topbar ul{
padding:0px;
line-height:26px;
margin: 0px;
}

#topbar li{
list-style:none;
display:inline;
white-space:nowrap;
}

#topbar li a{
text-decoration:none;
padding-left:5px;
padding-right:5px;
}

#topbar a:link{
color: #001100;
font-size:16px;
}

#topbar a:visited {
color: #404E3F;
font-size:16px;
}

#topbar a:hover {
color: #FFFFFF;
font-size:16px;
background-color:transparent;
}

#topbar a:active {
color:#003300;
font-size:16px;
background-color:transparent;
}

/*Content*/

#content {
padding:20px;
text-align:center;
position:relative;
min-height:310px;
margin-top:20px;
}


/*alternate content containers*/
#content2 {
text-align:left;
margin-left:250px;
margin-top:18px;
min-height:310px;
padding-right:20px;
}

#contentleft {
text-align:left;
padding:10px;
min-height:310px;
margin-left:250px;
padding-right:20px;
padding-bottom:10px;
}

#contentjam {
text-align:left;
min-height:310px;
margin-left:250px;
padding-right:20px;
padding-bottom:10px;
}

.contentjamimg{
text-align:center;
}

#contentcenter {
text-align:center;
padding:10px;
min-height:310px;
}

.contentheader
{font-size:18px;
font-weight:bold;
color: #336633;
text-align:center;
}
.contenttext{
left:10px;
}


/*mailinglist form*/
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color:#000000;}

input
{
color: #781351;
background:#ffffff;
border: 1px solid  #660000;
margin-left:5px;
}

.submit input
{
color: #ffffff;
background-color: #666666;
border: 3px outset #333333;
margin-left: 3em;
}

.submit input:hover
{
color: #ffffff;
background-color: #660000;
border: 3px outset #333333;
margin-left: 3em;
}

fieldset
{
border: 2px solid #000000;
width: 170px;
}

legend
{
color: #ffffff;
background:#000000;
border: 1px solid #000000;
padding: 2px 6px;
font-size:16px

}


/*footer*/

#bottombar {
background-color:transparent;
text-align:center;
height:20px;
font-weight:bold;
width:75%;
max-width:960px;
min-width:800px;
margin:auto;
}

#bottombar ul{
padding:0px;
line-height:20px;
margin: 0px;
}

#bottombar li{
list-style:none;
display:inline;
white-space:nowrap;
}

#bottombar li a{
text-decoration:none;
padding-left:5px;
padding-right:5px;
}

#bottombar a:link{
color:#330000;
font-size:14px;
}

#bottombar a:visited {
color: #006600;
font-size:14px;
}

#bottombar a:hover {
color:#000000;
font-size:14px;
background-color:transparent;
}

#bottombar a:active {
color:#003300;
font-size:14px;
}

/*table*/

table {
text-align:center;
margin:auto;
border:0px solid #000000;
padding:10px;
min-width:500px;
max-width:1024px;
}
td{
padding:10px;
}