/* CSS Document */
body {

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


p{
color:#000000;
}

h1{font-size:42px;
}

li{
list-style:none;
padding:5px;
}

li a{
text-decoration:none;
padding:15px;
}

ul{
padding:5px;
}

.pfloatright{
float:right;
}
.p350 {
width:350px;
}
.p550 {
width:550px;
}

.p750 {
width:750px;
text-align:left;
}

.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:16px;
}

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

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

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


/*container*/
#container {
min-width:960px;
max-width:1024px;
margin:auto;
border-bottom:0px;
}

/*side panel info*/

#sidepanel {
width:200px;
padding:10px 10px 10px 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 table {
text-align:left;
margin:auto;
border:0px solid #000000;
padding:5px;
width:210px;
}
#sidepanel td{
padding:5px;
}

/*home page form*/
#sidepanel input
{
border:2px solid  #2D4A2F;
}

#sidepanel input[type="text"] {
background-color:#FFFFFF;
color:#000000;
width:200px;
}

/* 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;
}

#content input[type="submit"] 
{
width:129px;
height:34px;
text-align:center;
background-color:#a3be8d;
}

#content input[type="text"] 
{
background-color:#FFFFFF;
color:#000000;
width:50px;
}

/*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:510px;
margin-left:250px;
padding-right:20px;
padding-left:25px;
padding-bottom:10px;
font-size:16px;
border-left:#a3be8d 3px solid;
}

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

.contentjam img{
text-align:center;
}

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

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

.contentheaderlarge
{
font-size:20px;
font-weight:bold;
color: #336633;
text-align:center;
}

.contenttext{
left:10px;
}

/*form*/
input
{
border:2px solid  #2D4A2F;
}

input[type="submit"] 
{
width:125px;
height:30px;
text-align:center;
background-color:#a3be8d;
font-size:16px;
}


/*footer*/

#bottombar {
background-color:transparent;
text-align:center;
height:30px;
font-weight:bold;
min-width:800px;
max-width:1024px;
margin:auto;
border-top:3px #a3be8d solid;
border-bottom:3px #a3be8d solid;
}

#bottombar ul{
padding:0px;
line-height:30px;
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:5px;
}
th{
font-size:18px;
}