body {
margin : 0;
padding : 0;
font : 80% "lucida sans", tahoma, "Trebuchet MS", arial, verdana, sans-serif;
color : #555;
background : #f7f7f7;
}
#container {
width : 92%;
max-width: 1280px;
margin-left : auto;
margin-right : auto;
padding : 0;
line-height : 1.5em;
}
#banner {
height : 150px;
padding : 0;
background : #f7f7f7 url("/static/background.jpg") no-repeat;
color : #333;
}
#banner h1 {
margin : 0;
padding : 20px 0px 0px 20px;
font: bold 62px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
letter-spacing: -3px;
font-size: 400%;
background : transparent;
color : #fff;
}
#navlist {
background : #476042;
}

ul#navlist                  { padding: 0px; position: relative; list-style: none; margin: 0; height: 2.3em;}
ul#navlist li               { font-weight: bold; float: left; zoom: 1; background: #476042; }
ul#navlist a:hover          { color: #000; background: #F3D673;}
ul#navlist li#active        { color: #ffa500; background: #7ABA2E;}
ul#navlist li a             { text-decoration: none; display: block; padding: 5px .75em; border-right: 1px solid #333; color: #fff; }
ul#navlist li:last-child a  { border-right: 8px; } /* Doesn't work in IE */
ul#navlist li.hover,
ul#navlist li:hover         { background: #F3D673; color: black; position: relative; }
ul#navlist li.hover a       { color: black; text-decoration: none;}

ul#navlist ul               { list-style: none; width: 220px; visibility: hidden; position: absolute; top: 100%; left: -41px; }
ul#navlist ul li            { border: 1px solid #ccc; border-top: 0px; font-weight: normal; background: #f6f6f6; color: #000; float: none; }
ul#navlist ul li a          { border-right: none; width: 90%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */

ul#navlist li.float-right   { font-style: italic; border-left: 1px solid #333; float: right; }

form#fruit-item input.text,
form#fruit-item textarea,
form#fruit-content input.text,
form#fruit-content textarea,
form#groundcover-item input.text,
form#groundcover-item textarea,
form#groundcover-content input.text,
form#groundcover-content textarea,
form#page-content input.text,
form#page-content textarea,
form#contact-form input.text,
form#contact-form textarea { background: white; font-family: 'Lucida Grande'; font-size: 11px;}
form#contact-form fieldset { border: 1px dashed #333; padding: 15px; width:400px; margin: 20px;}

.delete {position: relative; right: -38em;}
.add-paragraph {position: relative; right: -32em; }

.grower-comments {text-align:center; font-size: 120%; width:80%; background-color:#BF9; padding: 10px; margin: 0 auto; margin-bottom:30px;}

.page-img {float:right;}
.img-overlay {display:inline-block;text-align:center;}
.img-overlay-content {font-size: 120%; font-weight:bold; color:white; top:0px;position:relative; background-color:black;margin-top:-20px;top:19px;}
.hidden {visibility:hidden;}

.fun-facts {text-align:center; font-size: 120%; background-color:#FFF6B6; width:30%; padding: 10px; margin-bottom:30px;border: 1px solid #333; font-weight: bold;}

table.items-table {padding: 0 20px 20px 20px;clear:both;}
table.items-table input {margin-bottom: 0px;}
.items-table tbody td {vertical-align:middle; text-align:center; padding: 0px 5px 2px 0px;}


.menu ul li {
line-height : 1.8em;
margin : 0 10px 0 0;
padding : 0;
list-style-type : square;
color : #476042;
background : inherit;
}
.menu ul li a {
color : #f17c0b;
background : inherit;
}
.menu ul li a:hover {
color : #7ABA2E;
background : inherit;
}
#content {
padding : 10px 0px 0px 0px;
border-left : 1px dashed #333;
border-right : 1px dashed #333;
color : #555;
background-color : #f7f7f7;
}
#content p,
#content ol,
#content ul
{
margin : 20px;
font-weight: bold;
}
#sidebar-a {
float : left;
width : 140px;
margin-left : 5px;
padding : 0 5px 0 5px;
color : #666;
background : #f7f7f7;
}
#sidebar-b {
float : right;
width : 140px;
margin : 0 5px 0 0 ;
padding : 0 5px 15px 5px;
color : #333;
background : #faf8e9;
}
#footer {
clear : both;
padding : 15px;
margin : 0 -1px 10px -1px;
background : #476042;
color : #f7f7f7;
text-align: center;
}

a {
text-decoration : none;
color : #f17c0b;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #aaa;
background : inherit;
}
a img {
border : 0;
}
.border {
padding : 10px;
margin : 10px;
border : 1px solid #476042;
}
.imgleft {
float : left;
border : 1px solid #90b905;
margin : 5px 15px 20px 20px;
padding : 5px;
}
.imgright {
float : right;
border : 1px solid #90b905;
margin : 5px 20px 20px 15px;
padding : 5px;
}
h1 {
margin : 20px;
padding : 5px;
font-size : 150%;
letter-spacing : 3px;
color : #fff;
background : #476042;
}
h2 {
padding-left : 20px;
font-size : 140%;
letter-spacing : 1px;
color : #476042;
background : inherit;
}
h3#subtitle  {padding-left : 20px; font-size: 100%; color: #476042; background: inherit; margin-top: -10px;}
h3#relatives {padding-left : 20px; font-size: 100%; color: blue; text-transform: none; background: inherit; margin-top: -10px;}

h3 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #476042;
}
h4 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #f17c0b;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.clear {
clear : both;
width : 100%;
}
.col3,.col3center {
float: left;
width: 30.5%;
}
.col3center {
margin: 0 3%;
}