@charset "UTF-8";
body {
	color: #373705;
	font-size: 100%;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	padding: 0;
	margin: 0;
}
img {max-width: 100%;}
h1, .h1 {
  font-family: 'Montserrat', sans-serif;
	font-size: 2em;
	margin-top: 18px;
	margin-bottom: 12px;
}
p {margin-top: 0; margin-bottom: 1.5em;}
header {
	background-color: #669933;
	color: #ffffff;
	min-height: 100px;
	font-family: 'Montserrat', sans-serif;
	font-size: 2em;
	font-weight: 700;
	letter-spacing: 1px;	
	text-align: center;
	overflow: hidden;
}
header p {padding-top: 1.5em;}
header a, header a:hover {text-decoration: none; color: #fff; }
nav {
	background-color: #BFDD9F;
	min-height: 40px;
	text-align: center;
	overflow: hidden;
}
nav li {
	display:inline-block;
	padding-top: .5em;
	padding-right: 1em;
	}
nav ul li:last-child {padding-right: 0;}
nav a {
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	color: #373705;
	}
nav a:hover {
	font-weight: bold;
}	
a::after { 
    display: block;
    content: attr(data-text);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}/* keeps the nav a from jumping */
main {
    background-image: url(images/tree-sm.png); 
    background-repeat: no-repeat; 
    background-position: 98% top;
}
.content {width: 75%;margin: 0;overflow: hidden;}
.content img {
	float: left;
	margin: 0 2em 2em 0;
 	clear: both;
 }
.content p:first-child {margin-top: -25px;}
.content a {font-weight: bold; text-decoration: none; color: #373705;}
.content a:hover {color: #BC612D;}
footer {
	background-color:#7A882F;
	color: #ffffff;
	min-height: 50px;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
	padding: .5em 0;
	margin-top: 1em;
	overflow: visible;
}
footer a {color: #fff;}
.kfwd {text-align: center; margin-top: .5em;}
.emailKaty {
	font-weight: bold;
	color: #373705;
	text-decoration: none;
}
.emailStacey {
	font-weight: bold;
	color: #333300;
	margin-left: 12px;
}
.left {float: left;}
.right {float: right;}
blockquote {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
.link {line-height: 2em;}
@media only screen and (max-width: 480px) {
	header {font-size: 1.33em;}
	header p {vertical-align: middle;}
	nav {padding: .5em 0;}
	nav ul {margin-top: 0; margin-bottom: 0;}
	nav li {display: block; padding-top: .25em;}

	main {width: 90%; margin-right: 5%; margin-left: 5%;font-size: 1em;}
	.content img {margin:0 .8em .8em 0;}
	ul.left, ul.right {float: none;}
	.kfwd {font-size: .8em;}
}
@media only screen and (max-width: 800px) {
	nav {display: block;}
	nav ul {padding-left: 0;}
	nav li {padding-right: .7em;}
	ul.left, ul.right {float: none;}
	main {
		width: 98%;
		margin: 0 auto;	
		line-height: 1.5;
		text-align: left;
		background-image: none;
	}
	.content {width: 100%; margin: 0;}
}
@media only screen and (min-width:801px) and (max-width:999px) {
    header {min-height: 130px;}
	nav {display: block;}
	main {
		width: 96%; 
		margin: 0 auto; 
		background-repeat: no-repeat;
		background-position: 98% top;	}
}
@media only screen and (min-width: 1000px) {
    header {min-height: 130px;}
	nav {display: block;}
	main {
		background-repeat: no-repeat;
		background-position: 90% top;
		min-height: 550px;
		width: 80%;
		margin: 0 auto;
		line-height: 1.5;
		text-align: left;
	}
	.content {
		width: 66%;
		min-height: 422px;
		margin: 40px 0 0 40px;
	}
	.content h1 {
		margin-top: 10px;
	}
	.content img {
		float: left;
		margin: 0 2em 2em 0;
 		clear: both;
 	}
	.content p:first-child {margin-top: -25px;}

.content2 {
	height: 415px;
	width: 495px;
	margin-top: 14px;
	margin-left: 40px;
	font-family: Helvetica, Verdana, Arial;
	font-size: 14px;
	line-height: 24px;
	overflow: scroll;
}
.topspace {
	line-height: 20px;
	margin-top: 3px;
	margin-left: 3px;
}
}