html, body { height: 100%; }
body { margin: 0; padding: 0; text-align: center; background-color: #364b12; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; }

#surround { background: url(img/bkg.jpg) repeat-x bottom; overflow: auto; min-height: 100%; margin: 0 0 -90px; }
#wrapper { width: 760px; text-align: left; margin: 0 auto; padding: 0 10px; min-height: 580px; }
#header { width: 760px; height: 80px; padding: 30px 0 0; }
#content { float: left; width: 470px; padding: 1em 0 0 15px; }
#contentFull { width: 745px; padding: 1.5em 0 0 15px; }
#gallery { width: 760px; padding: 1.5em 0 0; }
#contactLeft { float: left; width: 320px; padding: 1.5em 0 0 15px; }
#contactRight { float: right; width: 368px; padding: 1.5em 15px 0; }
#side { float: right; width: 220px; padding: 1em 15px 0 0; }
#push { height: 90px; clear: both; }
#footer { clear: both; height: 70px; width: 730px; padding: 20px 0 0; margin: 0 auto; text-align: left; }

a { color: #bfc663; }
a:hover { color: #fc3; }

h1, h2, h3, h4 { margin: 1em 0 2px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 1em; }
h1 { font-size: 1.625em; color: #bfc663; margin-top: 0; }
h2 { font-size: 1.375em; color: #ABAA69; }
h3 { font-size: 1.125em; color: #bfc663; }

p, address, ul { font: normal 0.8125em/1.5em Verdana, Arial, Helvetica, sans-serif; margin-top: 0; }
address { margin: 0 0 1em; }
ul, ol { margin-left: 0; padding-left: 1.5em; }
#side p, #side address, #side ul { font-size: 70%; }
#gallery p, #gallery h1 { padding-left: 10px; }

#nav { text-align: right; }
#nav, #nav li { margin: 0; padding: 0; list-style: none; font: 1em/20px Georgia, "Times New Roman", Times, serif; color: #bfc663; }
#nav li { display: inline; height: 20px; line-height: 20px; }
#nav a { color: #bfc663; text-decoration: none; height: 20px; }
#nav a:hover { color: #fc3; }
#nav span { padding: 0 8px; }
#nav { padding: 53px 15px 7px 0; }

img { border: 0; }
#header img { float: left; } 
hr { color: #4e5f1e; background-color: #4e5f1e; border: none; height: 1px; margin: 0 0 16px; }

form { margin: 0 0 20px; padding: 0; }
form div { margin: 6px 0 0; }
legend { font: 0.9375em/3em Georgia, "Times New Roman", Times, serif; padding: 0 10px; margin: 0; color: #bfc663; }
fieldset { padding: 0 20px 20px; margin: 0; border: 1px solid #6c5f5a; overflow: auto; }
label { display: block; font: 0.8125em/1em Verdana, Arial, Helvetica, sans-serif; margin: 6px 0 3px; padding: 0; }

.sm { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.ctr { text-align: center; }
.map { text-align: right; font: 70% Verdana, Arial, Helvetica, sans-serif; }
div.picture { float: right; width: 300px; height: 167px; padding: 39px 16px 40px 39px; background-image: url(img/picframe.png); margin: 1em 0 1em 1em; }
.marginTop { margin-top: 1em; }
.marginTop0 { margin-top: 0; }

#frame { float: right; width: 720px; height: 300px; padding: 20px; background: url(img/frame.png); margin: 5px 0 0; }

iframe { border: 1px solid #4e5f1e; margin: 2px 0; padding: 0; }

#footer p { color: #4e5f1e; font-size: 0.625em; line-height: 70px; margin: 0; }
#footer a { color: #4e5f1e; text-decoration: none; }
#footer a:hover { color: #fc3; text-decoration: underline; }

div.weather { padding: 10px; border: solid 1px #4e5f1e; width: 198px; background: #364b12 url(img/weather.png) no-repeat right bottom; margin: 0 0 20px; }
#side div.weather img { background-color: #fff; float: left; padding: 5px; border: solid 1px #6c5f5a; }
#side div.weather h3 { color: #fff; font-size: 18px; font-family: Arial, Helvetica; text-align: center; margin: 5px 0 0; }
#side div.weather p { font-size: 10px; font-family: Arial, Helvetica; text-align: center; margin: 0; }
#side div.weather p.med { font-weight: bold; font-size: 11px; margin: 0; padding-bottom: 5px; }