/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, em, img, q, s, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align: baseline;}
/* HTML5 reset */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1.2;} ol, ul {list-style: none;}
body {color: #000; background: #fff5ee; font-family:  "Century Gothic", CenturyGothic, "Futura Light", Futura-Light, Verdana, sans-serif; font-size: .75em;}
.topbox {
	height: 60vh;
	height: 60svh;
	width: 100%;
	background-image: url(p/51645_507k.png);
	background-size: cover;
	background-position: center;
	display: table;
	background-attachment: fixed;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3), 1px 1px yellow;
}
.header {margin: 1% 1% 0 1%; padding: 0 0 0 1%; font-weight:bold;color:#068e16;

text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3), 1px 1px yellow;

}
.header a {color:#068e16;}
.container {clear:both;}
img {border-width: 0; max-width: 90%;}
.seed {padding:1em;}
.pods {float:none; position: relative; min-width: 200px; max-width: 47em; width: 94%; margin:  1% auto 1% auto; padding: 1% 4% 2% 1%;}
.pods img {position: relative; display: block; margin: .6em auto .9em auto; box-shadow:0 .5em 1em 0 rgba(0,0,0,0.4),0 .4em 1.3em 0 rgba(0,0,0,0.3);}
.logo {position: relative;float: right; z-index: 5; width: 13%; height:auto; margin: .3em .2em 0 0;}
.soc {position: relative; float: right; z-index: 5; margin: 15px 15px 0 15px;}
.pmt {margin: 0 20px 0 0;}
h1,h2,h3,h4 {color:#068e16;}
h1 {font-size: 1.3em; margin: .4em 0 0 0;}
h2 {font-size: 1.2em; margin: .5em 0 0 0;}
h3 {font-size: 1.14em; margin: .8em 0 .8em 0;}
h4 {font-size: 1.1em; margin: .8em 0 .8em 0;font-weight:bold; color: #444;}
.menu {padding: 0; font-size: 110%;}
.menuhere {background: #fff5ee;}
a {text-decoration: none; color: #00cd00;}
.navbar ul li {position: relative;float: right;}
.navbar a {position: relative;display: block;margin: 0;padding:.6em ;}
.navbar a:hover {background-color: #fff;}
.navigation ul {z-index: 6;}
.submenu {clear: both; margin: 0; min-height: 1.6em; padding: .5em 0 0 0; font-size: 120%; text-align: center;}
.twomenu {display: inline-block; margin: 0 .1em .3em 0; padding: 0;}
.twomenulnk, .twomenuhere  {padding: 5px; margin: 0; font-size: .875em; display: block; float: left; width: 5.8em; border-width: 1px; border-style: solid; border-color: #dce7ed;
-webkit-box-shadow: 2px 2px 4px 0 #bbb; -moz-box-shadow: 2px 2px 4px 0 #ccc; box-shadow: 2px 2px 4px 0 #ccc;}
.twomenulnk{background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,231,234,1) 100%);}
.twomenulnk:hover {background: #fff;}
.twomenuhere {background: #fff;}
hr {width:50%; margin: 2em auto 3.5em auto;}
.hr2 {width:50%; margin: .3em auto .1em auto;border-width: 1px 0 0 0; border-style: solid; border-color: #DCE7ED;}
p {line-height: 1.3; margin: .5em 0 .8em 0;}
.sm {font-size: .7em;}
.thrd  {float:none; position: relative; min-width: 200px; max-width: 47em;}
.thrd {width: 94%; margin:  1% auto 1% auto; padding: 1% 4% 2% 1%;}
.thrd img {position: relative; display: block; margin: .6em auto .9em auto; box-shadow:0 .5em 1em 0 rgba(0,0,0,0.4),0 .4em 1.3em 0 rgba(0,0,0,0.3);}
.s {padding: 1em 0 0 1em; margin: 0 0 1em 0; background: #ffffff;}
.gal {display:none;}
.s:hover > .gal {display:block;}
.l, .one {margin: 0 0 1em 0;border-width: .1em 0 .1em 0; border-style: solid; border-color: #DCE7ED; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%, #79BA4E 100%);}
.l {padding: 1em 0 0 1em;}
.one, .oneh, .onet {width: 100%; text-align: center;}
.one {clear:both; padding: 8% 0 4% 0;}
.oneh {clear:both; font-size: 120%;}
.onet{font-size: 110%;margin: 0 0 0 0;}
.ss {padding: 10px;}
.more {background: #ffffff; max-width: 600px;}
.clr {clear: both; padding: 1.6% 0 1.6% 0;}
.clrdos {clear: both; padding: 0 0 1px 0;}
.clrcut {display: none;}
.container ul {line-height: 150%; list-style-type: disc; margin: 0 .5em 0 1.5em;}
.container li {margin: .2em 0 .4em 0;}
.boldit {font-weight:bold; color: #444;}
.boldital {font-style:italic; font-weight:bold;color: #555;}
.ital {font-style:italic;}
.bq {font-size: 360%;}
.blue {color: blue;}
.ft {padding: 20px 6px 6px 20px; text-align: center;}
.digft {display: inline-block; margin: 1px 0 0 0; padding: 0 20px 16px 10px;}
.digftc {display: block; margin: 1px 0 0 0; padding: 0 2.5em 2.5em .8em;}
.c {width: 42%; float: left; margin: 1px 0 1px 0; padding: 1em 1em 1em 0; min-height: 14em;}
.center {text-align: center;}
.sup {position: relative; top: -0.5em; font-size: 80%;}
.accent {position: relative; clear: both; font-size: 110%; margin: 30px 0 10px 0; padding: 16px 0 1% 5%; border-width: .1em 0 .1em 0; border-style: solid; border-color: #DCE7ED; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,#79BA4E 100%);}
.postinfoblock {margin: 0; padding: 0; clear: both;}

@media screen and (max-width: 359px) {body {font-size: 1.188em;}}
@media screen and (min-width: 360px) and (max-width: 599px) {body {font-size: 1.25em;}}
@media screen and (min-width: 450px) {.navbar a {padding:.7em .5em;}.twomenu {width:6em;}.one {padding: 8% 0 9% 0;}.onet{width: 32.9%;float: left;}}
@media screen and (min-width: 600px) {body {font-size: 1.313em;}.navbar {padding: 0 .8em 0 0;}.navbar a {padding:.8em 1em;} .logo {margin: 0 .2em 0 0;}.submenu {margin: .5em 0 1em 4.5%; padding: .5em 0 0 0; font-size: 110%;}
.twomenu {width:7em;} .s, .l {padding: 2% 4%;} .thrd {padding: 5% 1em .8em 1em;}}
/* normal bigger, skip for smaller */
@media screen and (min-width: 900px) {
body {font-size: 1.375em;}
.navbar a {padding:.8em 2em;}
h1 {font-size: 1.4em; margin-top: 8px;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
.s, .l {padding: 2% 5%;}
.shots {padding: 0 0 0 2em;}
.pod{width: 100%;}
.inpodleft {padding: 1em 1em 1em 0; max-width: 47%;}}
/* two column */
@media screen and (min-width: 1026px) {body {font-size: 1.375em;}
.pods {position: relative; float:left; min-width: 200px; text-align:left; padding: .5% 3% 0 1%;max-width: 46%;}
.dig {font-size: .9em; margin: 4px 0 0 0; padding: 0 10px 3px 0;}
.twomenu {margin:0; padding: 0 .2em .2em .2em; width:9em;}
.twomenulnk , .twomenuhere{display: inline-block; padding: .4em; margin:  .2em 0 0 0; width: 5.7em;}
.d {float:left; max-width: 45%;}
.thrd {clear:both; text-align: center;}
.accent {padding-top: 20px;}
.c {width: 42%; height: 14em; padding: 1em 2em 2em 0;}
.pod{width: 100%;}}
@media screen and (min-width: 1360px) {body {font-size: 1.375em;}.pod{width: 1270px;} .inpodleft {padding: 1em 1em 1em 0; max-width: 48%;}}
@media screen and (min-width: 1600px) {body {font-size: 1.438em;}.logo {width: 13%; margin: .3em .2em 0 0;}.navbar a {padding:.8em 2em;}}
/* back to normal desktop thirds*/
@media screen and (min-width: 1800px) {.s, .l {padding: 0 3%;}
.pods {margin:  1% 1% 1% 1%; padding: 1% 1.2% 0 .8%; min-width: 220px; max-width: 29%;}
.menu {padding: 0 2.9em 0 0;}
.submenu {margin: 3.2em 0 0 0; padding: .4em 3em .1em 1em;}
.twomenu {margin: 0; width: 10em;}
.twomenulnk, .twomenuhere {padding: .4em .8em .4em .8em; margin: 1em 0 0 0;}
.thrd {margin:  1% 1% 1% 1%; padding: 1% 1.2% 0 .8%; min-width: 220px; max-width: 29%;}
.thrd {clear:none; float: left; text-align: left;}
.clrcut {clear: both; padding: 0 0 1px 0;}
.c {width: 22%; float: left; margin: 1px 0 1px 0; padding: 1em 1% 2em 0;}
.accent {padding: 1.5% 0 1% 5%;}
.mainint {width: 85%; height: 150px;}}
@media screen and (min-width: 2000px) {body {font-size: 1.5em;} .clrcut {display: none;}}
@media screen and (min-width: 2400px) {body {font-size: 1.75em;}}
@media screen and (min-width: 2800px) and (max-width: 2999px) {body {font-size: 2em;}}
@media screen and (min-width: 3000px) {body {font-size: 2.188em;} .inpodleft {padding: 1em 1em 1em 0; max-width: 46%;} .pod {margin: 1em 1em 0 0; float: left;}}
@media screen and (min-width: 3400px) and (max-width: 3799px) {body {font-size: 2.5em;}}
@media screen and (min-width: 3800px) and (max-width: 3999px) {body {font-size: 2.75em;}}
@media screen and (min-width: 4000px) and (max-width: 4399px) {body {font-size: 2.938em;}}
@media screen and (min-width: 4400px) and (max-width: 4799px) {body {font-size: 3em;}}
@media screen and (min-width: 4800px) {body {font-size: 3.2em;}}