html, body {height: 100%;}

body {margin: 0; padding: 0; background: #f0efeb url(/bg-images/bg-body.gif) repeat-x;
  font-family: verdana, sans-serif; font-size: 14px;}

h1, h2, h3, h4, p {margin: 10px 18px; padding: 6px 4px;}

h1 {font-family: georgia, serif; font-size: 1.5em; color: #eae7de; text-align: center; background: #793136 url(bg-images/bg-h1.jpg)  0 50% repeat-y; margin: 12px 14px; letter-spacing: 1px; padding: 8px;}

h2 {color: #044b22; font-size: 17px; background: url(/bg-images/bg-h2.jpg) repeat-y;}
h3 {font-size: 16px; color: #793136;}

p {color: #222 !important; line-height: 1.5em; font-size: 1em;}

ul, ol {margin: 5px 20px 10px 44px; padding: 0;}
ul li, ol li {padding: 6px;}
ul li {list-style-type: square;}

#content a {font-weight: 500;}

a:link, a:visited {color: #044b22; }
a:hover, a:active {color: #044b22;}

div.centered { text-align: center; margin: auto;}

img.alignLeft {float: left; margin: 0 10px 10px 0; border: 1px solid #000;}
img.alignRight {float: right; margin: 0 0 10px 10px; border: 1px solid #000;}
img.alignRight2 {float: right; margin: 0 0 10px 10px; }

.clear {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

a img {border: none;}

strong {}

/* layout */

#wrapper {min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;}

#main { margin: 0 auto 20px;}

#headerWrap { background: url(/bg-images/bg-stripesLeft.gif) no-repeat;}
#headerWrap:after {content: ""; display: table; clear: both;}

header {background: url(/bg-images/header2.jpg) no-repeat; width: 950px; margin: 0 auto; position: relative;}

/* nav */

nav {margin: auto; width: 950px;}

nav ul { float: right; padding: 5px 0; margin-right: 12px; background: #efeeea; width: 700px;}
nav ul li {float: right; font-weight: bold; display: inline; margin: 3px 8px; padding: 0; 
font-size: 12px; text-transform: uppercase; color: #793037; }

nav a:link, nav a:visited {text-decoration: none; background: #fff; padding: 2px 4px;}
nav a:hover, nav a:active {background: #e9e6dd;}

/* end nav */

aside a:link, aside a:visited {text-decoration: none;}
aside a:hover, aside a:active {text-decoration: underline;}

#contentWrap {width: 950px; margin: 10px auto 0;  background: #fff url(/bg-images/bg-contentWrap2.jpg) repeat-y;}
#contentWrap:after {content: ""; display: table; clear: both;}

#specialWrap { background: url(/bg-images/bg-specialWrap.jpg) bottom left repeat-x; position: relative;}
#specialWrap2 { background: url(bg-images/bg-specialWrap2.jpg) bottom left repeat-x; padding-bottom: 90px; position: relative;}

aside {width: 248px; float: left; padding-top: 30px;}
#content {width: 690px; float: right; padding-top: 10px; margin-right: 5px;}
#events {margin: 5px 0 10px 8px;}

.feature {margin-left: 8px; width: 315px; float: left;background: url(/bg-images/bg-feature.jpg) repeat-y;}

.feature2 {margin-left: 17px; width: 315px; float: left;background: url(/bg-images/bg-feature.jpg) repeat-y;}

.feature h3, .feature2 h3 {text-align: center;}
.feature p, .feature2 p {margin: 5px 0; padding: 6px;}

.leftInfo {float: left; width: 200px;}
.rightInfo {float: right; width: 670px; margin-right: 10px;}

.contentLeft {float: left; width: 310px; margin-left: 20px;}
.contentRight {float: right; width: 310px; margin-right: 20px;}

footer, #push {height: 4em;}

footer { background: #e3e5e3;  border-top: 4px solid #e3e5e3;text-align: center; color: #f9eed4; clear: both; padding-top: 8px;}

.extra {background: url(/bg-images/hostas5.jpg) top right  no-repeat;}

.extra p {background: #2b4727; margin: 20px; color: #e5d7d8; font-size: 1.1em;}

/* miscellaneous */

.banner {  -moz-box-shadow: 0 0 2px 2px #ccc;
  -webkit-box-shadow: 0 0 2px 2px #ccc;
  box-shadow:  0 0 2px 2px #ccc;}

#popUpWrap {width: 600px; background: #fff; margin: 80px auto 20px; min-height: 500px;}

.quote {float: right; background: #faf1e0; border-radius: 5px;
 margin: 10px 20px 10px 10px; width: 200px;  border: 1px dotted #edece8;
 font-family: georgia, serif; font-size: 1.2em;}
 
.section {background: #f0efeb; margin: 10px 0; padding: 5px 0;}
.section ul {background: #f4f0ef; padding-left: 10px;}
.section ul li {list-style-postiion: inside; list-style-type: square;}
 
.photoWrap, .photoWrap2 {margin: 20px; text-align: center; padding: 10px;}
.photoWrap {background: #ece9e2 url(/bg-images/bg-photoWrap.jpg) repeat-x;}

aside h3 {font-size: 1.1em; color: #03662d; background: #f8edd3; margin-left: 0; padding-left: 16px;}
aside p { background: url(/bg-images/button.png); color: #efeeea; font-weight: bold; margin: 8px 15px;}
aside p.free {margin: 0; padding: 4px; background: #fff; color: #7e323c;}

p.author {font-weight: bold; color: #044b22; text-align: right;}
p.centerAlign {text-align: center;}

footer p {padding: 0; color: #b59597; font-size: .9em;}

footer a:link, footer a:visited {color: #222;}
footer a:hover, footer a:active {color: #f0efeb;}

img.farm {margin: 10px 0 10px 16px;}
img.facebook {margin: 40px 0 10px 16px;}
img.road {border-top: 5px solid #6d0a04; margin: 0;}
img.club {margin-top: 60px;}
img.address {position: absolute; top: 16px; right: 0;}

aside a:link, aside a:visited {color: #efeeea;}
aside a:hover, aside a:active {color: #fff;}

.special {color: #044b22; font-weight: bold;}
.special2 {color: #6b0a04; font-weight: bold;}
.special3 {border-bottom: 1px dotted #044b22;}