<style>

	bonzai {
		nothing;
	}
	
	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		background: white;
		color: black;
		font-family: 'Encode Sans Condensed', sans-serif;
	}
	
	a {
		color: #5ca852;
	}
	
	a:visited {
		color: #5ca852;
	}
	
	a:hover {
		color: #16405d;
	}
	
	div.content a, div.panel a {
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #5ca852;
		text-shadow: 1px 1px 4px #c4e6bf;
	}
	
	div.content a:hover, div.panel a:hover {
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #16405d;
		text-shadow: none;
		
	}
	
	div.content {
		/* use for public facing fixed height where absolute top position required addiitional padding on the top 
		padding: 9vw 1vw 2vw 2vw;*/
		padding: 1vw 1vw 2vw 2vw;
		color: #2b5527;
		background: #cef5c9 url(images/green-box.png) top center no-repeat;
		background-size: cover;
	}
	
	div.rightpanel {
		float: right;
		width: 30%;
		padding: 1% 1% 3% 2%;
	}
	
	div.content p img {
		float: left;
		width: 31%;
		background: none;
		padding: 2px;
		margin: .5% 1% 0 0;
		height: auto;
	}
	
	div.content h5 img {
		float: none;
		width: 96%;
		clear: both;
		background: none;
		padding: 2px;
		margin: 0;
		height: auto;
		border: 2px solid #81afd3;
		box-shadow: 1px 1px 4px rgba(0,0,0,.2);
	}
	
	div.alertpanel {
		background: linear-gradient(#d0f3cc, #84cf7c);
		padding: 1vw;
	}
	
	div.topbanner {
		height: 2.8vw;
		background: url(images/top-canvas.png) top right repeat-x;
		border-top: .2vw solid #c45430;
	}
	
	div.topbanner p {
		float: right;
		padding-top: .4vw;
		font-family: 'Encode Sans Condensed', sans-serif;
		
	}
	
	div.topbanner p a.sizer {
		color: black;
		font-family: 'Encode Sans Condensed', sans-serif;
		font-weight: normal;
		font-size: 1.2vw;
		margin-right: .7vw;
	}
	
	div.topbanner p a img {
		height: 1.8vw;
		width: auto;
	}
	
	div.divider {
		height: .4vw;
		background: #7fd275;
		border-top: solid .3vw #54b149;
	}
	
	div.divider2 {
		height: 1.3vw;
		background: #c7dce5 url(images/divider-flip.png) top left no-repeat;
		background-size: contain;	
	}
	
	div.mountain {
		height: 25vw;
		background: url(images/banner-peaches-open.jpg) top left no-repeat;
		background-size: cover;
		/*background: url(images/banner-girl2-dark.jpg) center right no-repeat;*/
		background-size: cover;
	}
	
	div.mountain.short {
		height: 18vw;
	}
	
	div.mountain p {
		width: 19vw;
		padding-top: 15vw;
	}
	
	div.mountain.short p {
		padding-top: 10vw;
	}
	
	div.mountain p img {
		width: 100%;
		height: auto;
	}
	
	div.video {
		background: linear-gradient(#f7e6da, #ebd2c0);
		padding: 2vw;
	}
	
	div.video h2 {
		color: #bb5331;
		font-size: 3vw;
	}
	
	div.video h2 a {
		color: #bb5331;
	}
	
	div.video h2 a:hover {
		color: #ac4726;
	}
	
	div.video h2 img {
		height: 4.8vw;
		width: auto;
		padding-right: 1vw;
	}
	
	span.reduce {
		font-size: 75%;
	}
	
	span.smaller {
		font-size: 50%;
	}
	
	div.alert {
		background: linear-gradient(#f29b85, #e46f4a); 
		border: 3px solid #ec7858; 
		padding: .6vw 1vw 1vw 1vw; 
		color: white;
		margin-bottom: 1vw;
	}
	
	div.alert h1 {
		margin: 0;
		font-size: 3vw;
	}
	
	div.alert p {
		color: white;
	}
	
	div.alert p a {
		font-weight: normal;
		color: white;
	}
	
	
	div.error {
		padding: 10px; 
		background: #ffb9b9; 
		border: 3px solid #ff3131; 
		margin: 4px; 
		color: #2f4b22;
	}
	
	div.greenband {
		height: 1vw;
		background: linear-gradient(#82d779, #52b047);
		border-top: .1vw solid #59b54e;
		border-bottom: .1vw solid #96df8d;
	}
	
	div.orangeband {
		height: 1vw;
		background: linear-gradient(#ff9977, #e86d44);
		border-top: .1vw solid #ffb39a;
		border-bottom: .1vw solid #ffb39a;
	}
	
	div.sitemap {
		background: linear-gradient(#599bb8, #397f9e, #397f9e);
		padding: 2vw .5vw 0vw 2vw;
	}
	
	div.sitemap h1 {
		font-family: 'Encode Sans Condensed', sans-serif;
		text-shadow: 1px 1px 4px #dcdcdc;
		font-weight: bold;
		color: #9ddcf8;
		margin: 0;
		padding: 0;
		text-shadow: 1px 1px 4px #2b708f;
		font-size: 3.2vw;
	}
	div.sitemap h1 img {
		height: 5vw;
		width: auto;
		padding-right: 1vw;
	}
	
	div.sitemap h3 {
		font-size: 2vw;
		padding-top: 1vw;
		color: #b4def7;
		margin-left: .4vw;
	}
	
	div.sitemap ul {
		color: #b4def7;
		margin-left: 2.5vw;
	}
	
	div.sitemap h3 a, div.sitemap ul li a {
		color: #b4def7;
		transition: ease .3s;
		font-weight: bold;
	}
	
	div.sitemap h3 a:hover, div.sitemap ul li a:hover {
		color: #daecf6;
		transition: ease .3s;
		font-weight: bold;
	}
	
	div.sitepanel {
		width: 31.2%;
		float: left;
		min-height: 20vw;
		margin: 1%;
	}
	
	div.sitepanel p {
		margin-top: 3vw;
	}
	
	div.sitepanel form {
		margin-top: 3vw;
	}
	
	img.magnify {
		width: 5.5vw;
		height: auto;
	}
	
	div.mountains {
		min-height: 36vw;
		background: #45ab38 url(images/footer-valley.jpg) top center no-repeat;
		background-size: cover;
		padding-left: 4vw;
	}
	
	div.footercontact {
		float: left;
		width: 31.2%;
		background: none;
		margin-top: 30vw;
		color: #9ddcf8;
		font-weight: bold;
	}
	
	div.footercontact p {
		color: #bef2b9;
		font-size: 1.8vw;
	}

	div.footercontact p a {
		color: #bef2b9;
		transition: ease .5s;
	}
	
	div.footercontact p a:hover {
		color: white;
		transition: ease .5s;
	}
	
	div.footercontact p img {
		height: 5vw;
		float: left;
		width: auto;
		margin-right: 1vw;
	}
	
	span.offset {
		display: block; padding-top: 1vw;
	}
	
	div.success {
		padding: 6px;
		border: 2px solid green;
		background: #e2ffed;
		margin-top: 4px;
		color: #00702a;
		font-weight: bold;
		font-size: 2vw;
		
	}

	div.error {
		padding: 3px 6px 3px 10px;
		border: 2px solid red;
		background: #ffe2e2;
		margin-top: 4px;
		color: black;
		font-weight: bold;
		font-size: 2vw;
	}
	
	div.panel {
		float: left;
		width: 33.33%;
		background: #cef5c9 url(images/green-box.png) top center no-repeat;
		background-size: cover;
		color: #c9c9c9;
		height: 34vw;
		overflow: hidden;
	}

	div.panel.accent {
		width: 33.3%;
		background: #f8ede6 url(images/orange-box.png) top center no-repeat;
		background-size: cover;
	}
	
	div.panel h1 {
		color: #f07c56;
		font: 3.5vw Lobster, Comic Sans MS, 'Marker Felt', Trebuchet MS, Trebuchet, Verdana, Arial, Sans Serif;
		padding: 0px 1vw 0px 1vw;
		margin: 1vw 0px 0px 0px;
		text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7);
	}
	
	div.videopanel {
		width: 31.2%;
		float: left;
		overflow: hidden;
		height: 18vw;
		margin: 1%;
	}
	
	div.videopanel iframe {
		width: 100% !important;
		height: 100% !important;
	}
	
	div.videopanel h3 {
		font-size: 1.7vw;
		color: #d16e4d;
	}
	
	div.videopile {
		width: 77%;
	}
	
	div.videobox {
		width: 100%;
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		margin-bottom: 20px;
	}

	div.videobox iframe, .videobox object, .videobox embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

	div.panel h5 {
		text-align: center;
		padding: 0;
		margin: 0;
		font-size: 1.5vw;
		color: #446c86;
		display: block;
		background: white;
		padding: .6vw;
		margin: 1vw 6vw 1vw 6vw;
		border-top: solid .3vw #fea700;
		border-left: solid .3vw #fea700;
		border-right: solid .3vw #5ca7c7;
		border-bottom: solid .3vw #5ca7c7;
		transition: ease .5s;
	}
	
	div.panel h5:hover {
		border-right: solid .3vw #fea700;
		border-bottom: solid .3vw #fea700;
		border-top: solid .3vw #5ca7c7;
		border-left: solid .3vw #5ca7c7;
		transition: ease .5s;
	}
	
	div.panel h5 img {
		height: 2.5vw;
		width: 2.5vw;
		padding-right: .5vw;
	}
	
	div.panel h5 a {
		color: #446c86;
		text-decoration: none;
	}
	
	div.panel h5 a:hover {
		color: #2e5671;
		text-decoration: underline;
		transition: ease .3s;
	}
	
	div.panel ul {
		list-style: disc;
		margin-left: 3.5vw;
		color: #5da6c7;
		font-size: 1.4vw;
	}
	
	div.panel ul li {
		padding-bottom: .3vw;
	}

	div.panel h2 {
		font-family: 'Lobster', sans-serif;
		text-shadow: 1px 1px 4px #dcdcdc;
		font-weight: bold;
		font-size: 2.5vw;
		color: #446b86;
		padding-left: 1.5vw;
		padding-top: 1.5vw;
		padding-right: 1.5vw;
	}
	
	div.panel h3 {
		font-family: 'Lobster', sans-serif;
		text-shadow: 1px 1px 4px #dcdcdc;
		font-weight: bold;
		font-size: 1.8vw;
		text-align: left;
		color: #5da6c7;
		padding-left: 1.5vw;
		padding-top: 1.5vw;
		padding-right: 1.5vw;
	}
	
	div.panel h4 {
		font-size: 1.8vw;
		padding: 1vw 1vw 1.5vw 1vw;
		margin-top: .5vw;
		text-align: center;
	}
	
	div.panel h4 a {
		font: normal 2.5vw Lobster, Comic Sans MS, cursive, Trebuchet MS, Trebuchet, Verdana, Arial, Sans Serif;
		color: white;
		padding: .7vw 3vw 1vw 3vw;
		background: linear-gradient(#4fad43, #82d779, #4fad43);
		text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
		border: .2vw solid #4aa63e;
		width: 25vw;
		text-decoration: none;
	}
	
	
	div.panel h4 a:hover {
		font: normal 2.5vw Lobster, Comic Sans MS, cursive, Trebuchet MS, Trebuchet, Verdana, Arial, Sans Serif;
		color: white;
		padding: .7vw 3vw 1vw 3vw;
		background: linear-gradient(#82d779, #4fad43, #82d779);
		text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
		border: .2vw solid #2f7e25;
		width: 25vw;
		text-decoration: underline;
	}
	
	div.panel p {
		padding-left: 1.5vw;
		padding-left: 1.3vw;
		font-size: 1.7vw;
		color: black;
	}
	
	div.panel p img {
		width: 35%;
	}
	

	div.panel h2 img {
		width: 45%;
		margin-top: 2.4vw;
		box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.9);
	}
	
	div.purchasepanel {
		float: left;
		background: linear-gradient(#fcf3e8, #fae7ce);
		width: 28vw;
		height: auto;
		padding-left: 1vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
		border-bottom: 2px solid #ffd49b;
		border-top: 4px solid #ffd49b;
		font-size: 1.4vw;
	}
	
	div.purchasepanel p input, div.purchasepanel p textarea {
		width: 95%;
		font-size: 1.4vw;
	}
	
	div.purchasepanel p input.short{
		width: 45%;
	}
	
	div.purchasepanel p input.shorter{
		width: 20%;
	}
	
	div.fruits {
		/*background: red;*/
	}
	
	div.fruit {
		float: left;
		background: linear-gradient(#fcf3e8, #fae7ce);
		width: 20vw;
		height: 13vw;
		padding-left: 1vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
		border-bottom: 2px solid #ffd49b;
		border-top: 4px solid #ffd49b;
		font-size: 1.4vw;
	}
	
	div.fruit.tall {
		height: 17vw;
	}
	
	div.fruit p {
		font-weight: bold;
		margin-bottom: .3vw !important;
	}
	
	div.radioleft {
		width: 40%;
		float: left;
	}
	
	div.radioright {
		width: 40%;
		float: left;
		margin-left: 5%;
	}

	div.radioleft input[type="radio"], div.radioright input[type="radio"] {
		display: none;
	}
	
	div.radioleft label, div.radioright label {
		background: 0;
		padding: 0;
		display: block;
		padding-left: 1.2vw;
		border: 1px solid transparent;
		transition: all 0.5s ease;
	}

	div.radioleft input[type="radio"]:checked+label, div.radioright input[type="radio"]:checked+label {
		background: #fffbb9;
		display: block;
		padding: 0;
		padding-left: 1.2vw;
		border: 1px solid #5bae53;
		transition: all 0.5s ease;
	}
	
	form.form-horizontal p {
		font-weight: bold;
		font-size: 1.8vw;
	}
	
	form.form-horizontal p input {
		width: 96%;
		max-width: 49vw;
		font-size: 1.8vw;
		border: 2px solid #3d9334;
		padding: 0px 2px;
		border-radius: .5vw;
	}
	
	form.form-horizontal p input[type=submit] {
		font-size: 2.2vw;
		padding: .5vw;
		width: 97%;
		max-width: 49vw;
	}
	
	form.form-horizontal input.ccm-input-captcha {
		display: block;
		clear: both;
		width: 49vw;
		font-size: 1.8vw;
		border: 2px solid #3d9334;
		padding: 0px 2px;
		border-radius: .5vw;
		margin-bottom: 5px;
	}
	
	div.content h1, div.content h2, div.content h3, div.content h4 {
		font-family: 'Encode Sans Condensed', sans-serif;
		font-weight: bold;
	}

	div.content h1 {
		font-size: 4vw;
		line-height: 105%;
		margin: 0;
		padding: 0;
		text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
	}
	
	div.content h2 {
		font-size: 3vw;
		line-height: 105%;
		margin: 0;
		padding: 0;
		color: #367730;
		text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
	}
	
	div.content h3 {
		font-size: 2.2vw;
		margin: 0;
		padding: 0;
		color: #409138;
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
	}
	
	div.content h4 {
		font-size: 1.8vw;
		margin: 0;
		padding: 0;
	}
	
	div.content h5 {
		font-size: 1.4vw;
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-style: italic;
	}
	
	div.content p {
		font-size: 1.6vw;
	}
	
	div.content ul, div.content ol {
		font-size: 1.6vw;
		margin-left: 4vw;
		margin-top: .3vw;
		margin-bottom: 1.2vw;
	}
	
	div.content.home div.panel {
		padding-bottom: 1vw;
		background: white;
		margin: 0vw 0vw 0vw 1vw;
		border-left: 2px solid #9ec5e3;
		border-right: 2px solid #9ec5e3;
		border-bottom: 2px solid #9ec5e3;
		border-top: 4px solid #ffcd00;
		min-height: 35vw;
		margin-bottom: 2vw;
		box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	}
	

	
	div.content h2, div.content h3 {
		margin-top: 1.5vw;
		line-height: 105%;
	}
	
	div.content p {
		margin-bottom: 1vw;
		margin-top: .5vw;
	}
	
	div.content div.panel h3 {
		margin-top: 0vw;
		margin-bottom: 2vw;
		line-height: 100%;
	}
	
	div.content div.panel ul li {
		margin-bottom: 3px;
	}
	
	div.content h3 input {
		width: 98%;
		font-size: 2vw;
		height: 3vw;
		border: 2px solid #409138;
		padding: 0px 2px;
		border-radius: .5vw;
	}
	
	div.content h3 input.check{
		height: auto;
		width: auto;
		border: auto;
		padding: none;
		font-size: auto;
		margin-left: 1vw;
	}
	
	div.content h3 input.short {
		width: 46%;
	}
	
	div.content h3 input.search {
		width: 46%;
		font-size: 3vw;
		height: 3.6vw;
	}
	
	div.content p input.research {
		width: 46%;
		font-size: 3vw;
		height: 3.6vw;
		border: 2px solid #4f8fc1;
		padding: 0px 2px;
		border-radius: .5vw;
	}
	
	div.content h3 input.smallsearch {
		width: 41%;
		font-size: 2.2vw;
		height: 2.9vw;
	}
	
	div.content h3 input.smallsearchsubmit {
		width: 24vw;
		font-size: 2.2vw;
		height: 3.3vw;
	}
	
	div.content h3 input.search {
		width: 46%;
		font-size: 3vw;
		height: 3.6vw;
	}
	
	div.content h3 select {
		width: 48%;
		font-size: 2vw;
		height: 2.7vw;
		background: white;
		border: 2px solid #4f8fc1;
		padding: 0px 2px;
	}
	
	div.content h3 select.wide {
		width: 90%;
	}
	
	div.fields p {
		margin-top: 0;
	}
	
	div.fields p input {
		width: 58%;
		font-size: 2vw;
		height: 3vw;
		border: 2px solid #409138;
		padding: 0px 2px;
		border-radius: .5vw;
	}
	
	div.fields p input.login {
		width: 95%;
	}
	
	div.purchasepanel div.fields p input {
		width: 92%;
	}
	
	div.purchasepanel div.fields p input[type='checkbox'], div.fields p input[type='checkbox']{
		width: 5%;
		height: auto;
	}
	

	textarea {
		width: 98%;
		font-size: 2vw;
		height: 8vw;
		border: 2px solid #5bae53;
		padding: 0px 2px;
		border-radius: .5vw;
	}
	
	div.fields p textarea {
		width: 58%;
	}
	
	div.content p img.ccm-captcha-image {
		margin-bottom: 6px;
		float: none;
	}
	
	div.ccm-file-manager-select {
		background: white;
		border: 2px solid #4f8fc1;
		border-radius: .5vw;
	}
	
	input[type=submit], div.fields p input[type=submit]{
		width: 27vw;
		height: auto;
		background: linear-gradient(#7ac472, #5bae53);
		border: none;
		border: 3px solid #feac41;
		border-style: outset;
		font-size: 2.2vw;
		padding: .5vw;
		color: white;
		text-shadow: 1px 1px 4px black;
		font-weight: bold;
		margin-bottom: 2px;
		margin-top: 5px;
	}

	input[type=submit].small {
		width: auto;
		height: 4vw;
		font-size: 2vw;
		padding-left: 4vw;
		padding-right: 4vw;
		margin-top: 1vw;
		font-weight: bold;		
	}
	
	input.searchinput {
		padding-left: 4px; 
		font-size: 2.2vw; 
		font-weight: bold;
		color: #397f9e;
		outline: none; 
		width: 50%; 
		height: 3.9vw; 
		background: #9ddcf8;
		margin-right: 10px;
		margin-left: 6px;
		outline: none;
		border: none;
	}
	
	input.search {
		width: 4vw;
		height: 3.9vw; 
		border: none;
		background: #9ddcf8;
		color: #397f9e;
		text-shadow: none;
		
	}
	
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #5294b2;
	  opacity: 1; /* Firefox */
	}
	
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #5294b2;
	}
	
	div.fields p.micron {
		font-size: 0px;
		visibility: hidden;
		line-height: 0px;
		height: 0px;
	}
	
	/*select.filter {
		height: 20px;
	}*/
	
	input[type=submit]:hover, div.fields p input[type=submit]:hover {
		border-style: inset;
		text-shadow: none;
	}
	
	input[type=submit].small:hover {
		border-style: inset;
		text-shadow: none;
	}
	
	input.search:hover {
		border: none;
	}
	
	span.note {
		font-style: italic;
		font-size: 70%;
		font-weight: normal;
		line-height: 70%;
		white-space: nowrap;
	}
	
	span.tiny {
		font-style: italic;
		font-size: 40%;
		font-weight: normal;
		line-height: 40%;
		white-space: nowrap;
	}
	
	span.checkboxes {
		font-size: 75%;
		line-height: 75%;
		font-weight: normal;
	}
	
	div.banner, div.widepanel {
		width: 92vw;
		background: none;
		padding: 0vw 1vw 1vw 1vw;
		clear: both;
	}
	
	h4.filter {
		font-size: 2.4vw;
		margin-top: 2vw;
		margin-bottom: 0;
		padding: 0;
	}
	
	h4.lean {
		margin-top: 1vw;
		font-size: 1.6vw;
		line-height: 1.8vw;
	}
	
	h5.filter {
		margin: 0;
		padding: 0;
	}
	
	.drawer--navbarTopGutter {
		padding: 0;
	}

	.drawer-navbar, .drawer-navbar-header {
		height: 10vw;
		border: none;
	}
	
	div.drawer-navbar div.drawer-navbar-header {
		background:url(images/tree-things-banner-wide.jpg) no-repeat top left;
		background-size: cover;
		border-bottom: solid .3vw #54b149;
	}
	
	.drawer-navbar-header h3 img {
		width: 58vw;
		height: 9vw;
		border-width: 0;
		border: 0px solid red;
	}
	
	.drawer-navbar-header p{
		float: right;
		width: 25vw;
		margin-top: 2vw;
	} 
	
	.drawer-navbar-header p img{
		width: 3.5vw;
		padding-right: .7vw;
		padding-top: .7vw;
	}
	
	.drawer-navbar-header h3 {
		float: none;
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	.drawer-navbar .drawer-brand {
		line-height: 0;
	}
	
	.drawer-navbar-header p a {
		text-decoration: none;
		color: white;
	}
	
	.drawer-container {
		max-width: 100%;
	}
	
	.drawer-navbar .drawer-navbar-header {
		border: none;
	}
	
	.drawer-nav {
		background-color: transparent;
	}
	

	.drawer-menu-item {
		color: #c6f2c1;
		font-size: 3.5vw;
		line-height: 120%;
		outline: none;
		
	}
	
	.drawer-menu-item:hover {
		color: white;
	}
	
	.drawer-menu-item:visited {
		color: #c6f2c1;
	}
	
	.drawer-menu-item:active {
		color: #c6f2c1;
	}
	
	span.line {
		display: block;
		height: 1px;
		width: 100%;
		background: white;
		font-size: 1px;
		line-height: 2px;
	}

	.drawer-navbar .drawer-dropdown-menu{
		width: 100%;
		background: rgba(0,0,0,0.1);
	}
	
	.drawer-dropdown-menu {
		background: #4381b1;
		background: linear-gradient(#4f8fc1, #195585);
	}
	
	.drawer-dropdown-menu-item {
		color: #c6f2c1;
		line-height: 110%;
		font-size: 1.8vw;
		padding-top: .6vw;
		padding-bottom: .6vw;
		background: #479a3d;
		font-weight: bold;
	}
	
	.drawer-dropdown-menu-item:hover {
		color: white;
	}
	
	.drawer-dropdown-menu-item:visited {
		color: #c6f2c1;
	}
	
	.drawer-dropdown-menu-item:active {
		color: #c6f2c1;
	}
	
	div.yellowbar {
		height: 20px;
		background: #ffcd00;
		clear: both;
		margin-top: 1vw;
	}
	
	.drawer-nav {
		background: linear-gradient(#68b95e, #3e9434);
	}
	
	.drawer-menu {
		padding-top: 1.5vw;
	}
	
	.drawer-hamburger {
		padding-right: .5vw;
		padding-top: 1.5vw;
	}
	
	div.footer {
		background: #2f7a26;
		height: 3vw;
		border-bottom: .5vw solid #d06340;
	}
	
	div.footer p {
		text-align: right;
		color: #bef2b9;
		padding-top: .7vw;
	}
	
	div.footer p a {
		color: #bef2b9;
		margin-right: 1vw;
	}
	
	div.content div.rightpanel p img {
		width: 100%;
		background: none;
		padding: 2px;
		margin: 4px 0px 4px 5px;
		height: auto;
		float: right;
	}
	
	input[type=text].lean {
		width: auto;
		height: 1.7vw;
		font-size: 1.4vw;
		color: black;
		text-shadow: none;
		background: auto;
		font-size: auto;
		border: 1px solid #4f8fc1;
		padding-top: 1px;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 3px;
		margin-top: 0px;
		font-weight: normal;
	}
	
	
	input[type=text].lean.short {
		width: 10vw;
	}
	
	input[type=submit].filter {
		width: auto;
		height: 20px;
		font-size: 16px;
		padding: 0;
		color: black;
		text-shadow: none;
		background: auto;
		font-size: auto;
		border: none;
		padding-left: 4px;
		padding-right: 4px;
		margin-top: 0px;
		font-weight: bold;
	}
	input[type=submit].lean {
		width: auto;
		height: 2vw;
		font-size: 1.4vw;
		color: #d2eef9;
		text-shadow: none;
		background: auto;
		font-size: auto;
		border: none;
		padding-top: .2vw;
		padding-left: 16px;
		padding-right: 16px;
		margin-left: 3px;
		margin-top: 0px;
		font-weight: normal;
	}
	
	div.content div.cell.full h3 input.rowline {
		width: 100px;
		height: 2.6vw;
		font-size: 1.6vw;
		color: white;
		background: auto;
		font-size: auto;
		border: none;
		padding-top: 0vw;
		padding-left: 16px;
		padding-right: 16px;
		margin-left: 3px;
		margin-top: 0px;
	}
	
	h5.filter select {
		font-size: 2.2vw;
		border: 2px solid #4f8fc1;
		padding: 2px;
		border-radius: .5vw;
	}
	
	h5.lean select.lean {
		font-size: 1.4vw;
		border: 1px solid #4f8fc1;
		padding: 2px;
		border-radius: .5vw;
	}
	
	h5 span.plussize {
		font-size: 200%;
	}
	
	.smaller {
		font-size: 70%;
	}
	
	div.content table {
		width: 95vw;
		border-left: 1px solid #c5e9c2;
		border-right: 1px solid #c5e9c2;
		border-spacing: 0px;
	}
	
	div.content table tr td {
		padding: .7vw 1vw .7vw 1vw;
		margin: 0px;
		font-size: 1.2vw;
		border-top: 1px solid #d5efd2;
		text-align: left;
	}
	
	div.content table tr th {
		background: linear-gradient(#4f8fc1, #276698);
		color: white;
		padding: .7vw 1vw .7vw 1vw;
		text-align: center;
		font-size: 1.2vw;
	}
	
	div.content table tr td.left, div.content table tr th.left {
		text-align: left;
	}
	
	div.content table tr td.right, div.content table tr th.right {
		text-align: right;
	}
	
	div.content table tr th a {
		color: white;
		text-decoration: none;
	}

	div.content table tr:nth-child(odd) td{
		background: #f0faf0;
	}
	div.content table tr:nth-child(even) td{
		background: #e8fae8;
	}
	
	div.content table tr:hover td {
		background: #ffedbc;
		transition: background-color 0.5s ease;
	}
	
	div.content table tr.target td {
		background: #ccffbc;
		transition: background-color 1.5s ease;
	}

	div.cell {
		width: 30%;
		margin: 0% 1%;
		float: left;
	}
	
	div.cell.full {
		width: 96%;
		margin: 0% 1%;
		float: none;
	}
	
	div.cell.twothirds {
		width: 62%;
		margin: 0% 1%;
		float: left;
		overflow: hidden;
	}
	
	div.cell h6 {
		margin-left: 5px;
		margin-top: 2px;
		font-weight: normal;
		font-size: .9vw;
	}
	
	div.cell h6 span.shortest {
		display: inline-block;
		margin-left: 0px;
		width: 25%;
	}
	
	div.cell textarea {
		font-size: 1.5vw;
		height: 3.8vw;
	}
	
	div.cell textarea.taller {
		font-size: 1.5vw;
		height: 5.5vw;
	}
	
	div.cell textarea.tallest {
		font-size: 1.5vw;
		height: 10.5vw;
	}

	div.content div.cell h3 select {
		width: auto;
	}
	
	div.content div.cell h3 input {
		width: 96%;
	}
	
	div.content div.cell.twothirds h3 input, div.content div.cell.full h3 input {
		width: 98%;
	}
	
	div.content div.cell.twothirds h3 input.checkbox, div.content div.cell.full h3 input.checkbox {
		max-width: 2%;
		width: auto;
		line-height: auto;
		font-size: auto;
		margin: 0;
		padding: 0;
		height: auto;
		border: auto;
		border-radius: auto;
	}

	div.content div.cell h3 input.short {
		width: 40%;
	}

	div.content div.cell h3 input.shorter {
		width: 31%;
		margin-right: 1%;
	}
	
	div.content div.cell h3 input.shortest {
		width: 20.5%;
		margin-right: 2%;
	}
	
	div.content div.cell h3 input.tiny {
		width: 11%;
		margin-right: 0;
	}
	
	div.content div.cell span.smaller {
		font-size: .8em;
	}
	
	div.break {
		clear: both;
	}
	
	h3.phoneshow {
		display: none;
	}
	h3.phonehide {
		display: block;
	}
	
	
	@media screen and (max-width: 1100px){
		div.topbanner p {
			padding-top: .15vw;
		}
		.drawer-navbar-header p{
			float: right;
			width: 15vw;
			margin-top: 2vw;
			text-align: left;
		}
		div.content h1 {
			font-size: 5vw;
			margin: 0;
			padding: 0;
		}

		div.content h2 {
			font-size: 3.5vw;
			margin: 0;
			padding: 0;
		}

		div.content h3 {
			font-size: 2.2vw;
		}

		div.content h4 {
			font-size: 1.8vw;
			margin: 0;
			padding: 0;
		}
		div.content p {
			font-size: 1.8vw;
		}
		div.content ul, div.content ol {
			font-size: 1.8vw;
		}
	}
	
	@media screen and (max-width: 800px){
		div.topbanner p {
			padding-top: .0vw;
			line-height: 1.5vw;
		}
		.drawer-navbar-header p{
			float: right;
			width: 16vw;
			margin-top: 2vw;
			text-align: left;
		}
		div.content h1 {
			font-size: 6vw;
			margin: 0;
			padding: 0;
		}

		div.content h2 {
			font-size: 4.5vw;
			margin: 0;
			padding: 0;
		}

		div.content h3 {
			font-size: 3.2vw;
			margin: 0;
			padding: 0;
		}
		div.content h4 {
			font-size: 2.8vw;
			margin: 0;
			padding: 0;
		}
		div.content p {
			font-size: 2.8vw;
		}
		div.fruit p {
			font-size: 2.2vw;
		}
		div.fruit {
			font-size: 1.8vw;
		}
		div.content ul, div.content ol {
			font-size: 2.8vw;
		}
	}

	@media screen and (min-width: 900px){
		.drawer-menu-item {
			font-size: 2.2vw;
		}
	}

	@media screen and (min-width: 1200px){
		div.sitemap h3 {
			font-size: 1.5vw;
			padding-top: .6vw;
		}
		div.publication h2 {
			font-size: 2.2vw;
		}
		.drawer-menu-item {
			font-size: 1.8vw;
		}
	}
	
	@media (min-width: 1350px) {
		/*.drawer-menu {
			padding-top: 3vw;
		}*/
	}
	
	
</style>