/* light green: #96a392;
	dark green: #0d3c22;
	red: #f85c50;
 */
 
 .content{ position:relative; }
			.menu{ position:absolute; left:10px; width:auto; text-decoration: none; border: 1px solid red; }
				.menu .easing{ overflow:hidden; margin:10px 0; text-decoration: none; }
				.menu .easing button{ font-size:1.1em; float:left; clear:left; line-height:1; cursor:pointer; text-decoration: none;}
				.menu h3{ border-bottom:1px solid #FFF; padding:3px 8px; margin:0; text-decoration: none;}
				.menu label{ display:block; overflow:hidden; margin-bottom:5px; line-height:1.6; text-decoration: none;}
				.menu label input{ float:right; text-decoration: none;}
				.menu label input[type=text]{ width:60px; text-decoration: none;}
			.transition200 .duration,
			.transition200 .delay{ visibility:hidden; }
			.transition200{ transition:200ms; -webkit-transition:200ms; -o-transition:200ms; }
			
			
			.menu li{ 
				text-decoration: none;
				font-weight: bold;
				font-size: 12px;
				text-transform: uppercase;
				padding-bottom: 5px;
			}


/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */

.thankyou{
	text-align: center;
	padding-top: 40px;
}

a{
	text-decoration: none;
	color: #0d3c22;
	opacity: 1;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in;
}

a:hover{
	color: #96a392;
}

a img{
	opacity: 1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:opacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}

a:hover img{
	opacity: .8;
}
	

body {
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #0d3c22;
	letter-spacing: .1em;
}

header{
	text-align: center;
	padding-top: 40px;
	margin: 0 auto 0 auto;
	position: fixed;
	z-index: 10;
	background-color: white;
	width: 100%;
}

.header2{
	text-align: center;
	padding-top: 40px;
	margin: 0 auto 0 auto;
	position: fixed;
	z-index: 10;
	background-color: white;
	width: 100%;
	border-bottom: 1px solid red;
}

nav {
	height: 50px;
	width: 100%;
	position: relative;
	border-top: 1px solid #96a392;
	border-bottom: 1px solid #96a392;
	margin-top: 20px;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 834px;
	height: 50px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	display: inline-block;
	width: 139px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	color: #96a392;
	text-transform: uppercase;
	padding: 0 15px;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in;
}
nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

nav a:hover, nav a:active {
	color: #0d3c22;
}
nav a#pull {
	display: none;
}

.name{
	font-family: 'Cardo', serif;
	color: #0d3c22;
	text-transform: none;
	font-size: 18px;
	letter-spacing: .05em;
	line-height: 30px;
}

.gallery{
	padding-top: 220px;
	max-width: 1020px;
	margin: 0 auto;
}

.gallery2{
	padding-top: 40px;
	max-width: 1020px;
	margin: 0 auto;
	border-top: 1px solid #96a392;
	padding-bottom: 50px;
}

.gallery3{
	padding-top: 40px;
	max-width: 1020px;
	margin: 0 auto;
	border-top: 1px solid #96a392;
}

.content{
	height: auto;
	max-width: 1020px;
	border-top: 1px solid #96a392;
	margin: 0 auto;
	overflow: auto;
}

.content2{
	height: auto;
	max-width: 1020px;
	border-top: 1px solid #96a392;
	margin: 0 auto;
	padding-top: 220px;
	overflow: auto;
}

.content3{
	height: auto;
	max-width: 1020px;
	border-top: 1px solid #96a392;
	margin: 0 auto;
	padding-top: 220px;
	overflow: auto;

}

.content3 p{
	font-family: 'Open Sans', sans-serif;
}

.content3 h4{
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

.notice{
	font-weight: bold;
	color: #f85c50;
	padding-top: 0px;
}

.content3 h6{
	padding-top: 0;
}

.content-contact{
	height: auto;
	max-width: 1020px;
	border-top: 1px solid #96a392;
	margin: 0 auto;
	padding-top: 220px;
	overflow: auto;
}

header h1{
	height: auto;
	max-width: 1020px;
	margin: 0 auto;
	overflow: auto;
	padding-top: 40px;
}

section{
	max-width: 1060px;
	margin: 0 20px 0 20px;
	text-align: center;
	border-bottom: 1px solid #96a392;
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: auto;
	position: relative;
}

section:last-child {
	max-width: 1060px;
	margin: 0 20px 0 20px;
	text-align: center;
	border-bottom: none;
	overflow: auto;
}

section img{
	 max-width: 100%;
	 padding: 0;
	 margin: 0;
 }

footer{
	border-top: 1px solid #96a392;
	border-bottom: 1px solid #96a392;
	margin-bottom: 40px;
}

.footer2{
	border-top: 1px solid #96a392;
	border-bottom: 1px solid #96a392;
	margin-bottom: 58px;
}

.shortline{
	border-bottom: 3px solid #0d3c22;
	width: 90px;
	margin: 25px auto;
}

.footerline{
	border-bottom: 1px solid #96a392;
	width: 40px;
	margin: 0 auto;
}

.promo img{
	border: 1px solid #0d3c22;
	padding: 0;
	margin: 0 auto;
	max-width: 99%;
}

.promosmall{
	display: none;
	max-width: 99%;
}

h1{
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding: 0;
	margin: 0;
}

h2{
	font-family: 'Cardo', serif;
	font-weight:lighter;
	font-style: oblique;
	font-size: 20px;
	letter-spacing: .05em;
	line-height: 29px;
	padding: 0 0 25px 0;
	margin: 0 auto;
}

h3{
	border: 1px solid #0d3c22;
	padding: 15px;
	max-width: 210px;
	margin: 0 auto 25px auto;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .15em;
	line-height: 24px;
}

h4{
	font-family: 'Cardo', serif;
	font-weight: 100;
	font-style: oblique;
	color: #96a392;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

h5{
	font-family: 'Cardo', serif;
	color: #96a392;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0;
	line-height: 20px;
}

h6{
	color: #96a392;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: .15em;
	text-transform: uppercase;
	padding: 30px 0 20px 0;
	margin: 0;
}

.planthead{
	color: #0d3c22;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: .15em;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	margin: 0;
}

.plantsub{
	font-weight:lighter;
	font-style: oblique;
	font-size: 18px;
	letter-spacing: .1em;
	line-height: 26px;
	padding: 0 0 20px 0;
	margin: 0;
}

p{
	font-family: 'Cardo', serif;
	font-size: 14px;
	line-height: 26px;
	color: black;
	letter-spacing: .05em;
	padding: 0;
	margin: 0 0 20px 0;
}

.about{
	max-width: 530px;
	margin: 0 auto;
}

.memberships img{
	margin: 15px 15px;
	max-width: 100%;
	border: 1px solid #0d3c22;
}

.plant {
	float: left;
	max-width: 45%;
}

.plant2 {
	float: right;
	max-width: 45%;
}

.plant2 img{
	float: right;
	border: none;
	max-width: 100%;
	padding-bottom: 15px;
}

.text2 {
	float: left;
	text-align: left;
	max-width: 50%;
	margin-left: 0px;
}

.plant img{
	float: left;
	border: none;
	max-width: 100%;
	padding-bottom: 15px;
}

.text{
	float: right;
	text-align: left;
	max-width: 50%;
	margin-left: 20px;
}

.text h3{
	border: 1px solid #0d3c22;
	padding: 15px;
	width: 250px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .15em;
	text-align: center;
	float: left;
}

.text2 h3{
	border: 1px solid #0d3c22;
	padding: 15px;
	width: 250px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .15em;
	text-align: center;
	float: left;
}

.caption{
	font-size: 11px;
	text-align: left;
	padding-bottom: 20px;
}

.polileft{
	font-size: 11px;
	max-width: 30%;
	position: fixed;
	top: 220;
	left: 100;
	background: #fff;
	height: 200px;
	overflow-y: scroll;
}

.polileft li{
	list-style-type: none;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	padding: .2em;
}

.poliright{
	float: right;
	max-width: 60%;
	text-align: left;
	border-left: 1px solid #96a392;
	padding-left: 50px;
	margin-left: 50px;
}
.poliright h6{
	padding: 10px 0 6px 0;
	margin: 0;
}

#menu {
  position: fixed;
  width: 100%;
  background-color: #fff;
  display: none;
	
}

.view-policies{
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 15px;
	color: #96a392;
}

p img{
	border: none;
	max-width: 110px;
	padding-right: 15px;
}

.job{
	max-width: 30.5%;
	display: inline-block;
	padding: 0;
	margin-right: 25px;
}

.job h6{
	padding-top: 0;
	text-align: left;
}

.job p{
	text-align: left;
	
}

.job:last-child{
	text-align: left;
	margin-right: 0;
}


.form{
	max-width: 1020px;
	margin: 0 auto;
	border-top: 1px solid #96a392;
	background-image: url(img/contact-background.png); 
	background-repeat: no-repeat;
}

.form h1{
	color: #fff;
	padding-bottom: 30px;
	text-align: center;
	padding-top: 40px;
}

.form h2{
	color: #fff;
}

::-webkit-input-placeholder {
   color: #96a392;
   font-family: 'Open Sans', sans-serif;
	font-weight: light;
	letter-spacing: .1em;
}

:-moz-placeholder { /* Firefox 18- */
   color: #96a392; 
   font-family: 'Open Sans', sans-serif;
	font-weight: light;
	letter-spacing: .1em;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #96a392;  
   font-family: 'Open Sans', sans-serif;
	font-weight: light;
	letter-spacing: .1em;
}

:-ms-input-placeholder {  
   color: #96a392; 
   font-family: 'Open Sans', sans-serif;
	font-weight: light;
	letter-spacing: .1em;
}

#contact-area {
	width: 60%;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 40px;
	font-family: 'Open Sans', sans-serif;
	font-weight: light;
	color: red;
	text-align: center;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 95%;
	font-size: 16px;
	line-height: 35px;
	margin: 0px 0px 25px 0px;
	border: 1px solid #ccc;
	height: auto;
	max-width: 100%;
	border: 2px solid #0d3c22;
	font-family: 'Open Sans', sans-serif;
	font-weight: light;
	color: #0d3c22;
}

#contact-area textarea {
	max-height: 100px;
	border: 2px solid #0d3c22;
	font-family: 'Open Sans', sans-serif;
	font-weight: light;
	max-width: 95%;
}

#contact-area input.submit-button { 
	cursor:pointer;
	border: 2px solid #0d3c22;
	width: 150px;
	margin: 0 auto 25px auto;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: .15em;
	background: #fff;
	font-weight: bold;
}

#contact-area input.submit-button:hover {
	opacity:0.8;
}

label {
	display: none;
}

.left-contact{
	float: left;
	text-align: left;
	max-width: 30%;
	margin-top: 20px;
	padding-right: 20px;
}

.map{
	float: left;
	border-left: 1px solid #96a392;
	margin-left: 20px;
	padding-left: 40px;
	margin-top: 20px;
	text-align: left;
	width: 60%;
}

.map h5{
	text-align: left;
	margin-top: 5px;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.phone{
	display: inline-block;
	padding-right: 10%;
}

.team{
	margin-top: 50px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #96a392;
}

.team h6{
	color: #96a392;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: .15em;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	margin: 0;
	text-align: center;
}

.team:last-child{
	border-bottom: none;
}

.email{
	text-align: left;
	font-size: 18px;
}

.people{
	width: 31.5%;
	display: inline-block;
	padding-bottom: 30px;
	margin-right: 2%;
}

.people:last-child{
	margin-right: 0;
}

.map h6{
	color: #0d3c22;
}

.peopletext{
	background: #96a392;
	margin-top: -4px;
	text-align: left;
	padding: 5px 10px;
	color: #fff;
	line-height: 22px;
	z-index: 10;
}

.people:last-child{
	margin-right: 0px;
}

.title{
	font-style: oblique;
}

.title2{
	color: #0d3c22;
	padding-top: 5px;
}

.stacked{
	display: none;
}

.policiesnav {
	position: fixed;
	text-align: left;
	float: left;
	padding: 0;
	margin: 0;
}

.choose{
	color: #96a392;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.policiesnav ul ul {
	display: none;
}

	.policiesnav ul li:hover > ul {
		display: block;
	}

.policiesnav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0;
	padding: 0;
	width: 252px;
	color: #fff;
	text-transform: uppercase;
	height: 200px;
	overflow-y: scroll;
}
.policiesnav ul:after {
	content: ""; 
	clear: both; 
	display: block;
	color: #fff;
	
}

	.policiesnav ul li {
		padding: 5px;
		color: #fff;
		font-weight: bold;
	}
		.policiesnav ul li:hover {
		}
			.policiesnav ul li:hover a {
				
			}
		
		.policiesnav ul li a {
			display: block; 
			text-decoration: none;
			color: #fff;
			padding: 0;
		}
			
		
	.policiesnav ul ul {
		position: absolute; 
		font-size: 13px;
		background: #fff;
		color: red;
		margin-top: 5px;
		border: 1px solid #0d3c22;
		margin-left: -5px;
		width: 250px;
		padding: 0;
	}
	
	.policiesnav ul ul li{
		padding: 2px;
	}
	
	.policiesnav ul ul li a{
		color: #0d3c22;
		padding: 0 0 0 5px;
		text-transform: uppercase;
	}
	
	.policiesnav ul ul li:hover{
		background: #96a392;
		-webkit-transition:background .25s ease-in;
	-moz-transition:background .25s ease-in;
	-o-transition:background .25s ease-in;
	transition:background .25s ease-in;
	}
	
	.policiesnav ul ul li:first-child{
		padding-top: 5px;
	}
	.policiesnav ul ul li:last-child{
		padding-bottom: 5px;
	}

.policiesh3{
	border: 1px solid #0d3c22;
	padding: 15px;
	max-width: 300px;
	margin: 0 auto 25px auto;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .15em;
	line-height: 24px;
	font-weight: bold;
}

.google-maps {
        position: relative;
        padding-bottom: 60%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 99% !important;
        height: 99% !important;
    }


@media screen and (max-width : 1082px ){
	nav { 
  		height: auto;
		border-bottom: none;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
		border-bottom: 1px solid #96a392;
  	}
  	nav li a {
		border-right: 1px solid #96a392;
	}
	
	nav li:nth-child(2n) a {
	border-right: none;
	}
	
  	nav a {
	  	text-align: center;
	  	width: 100%;
  	}
	
	.gallery{
	padding-top: 320px;
}

.content2{
	padding-top: 320px;
}

.content3{
	padding-top: 320px;
}

	.promo img{
	display: none;
}

.promosmall {
	display: inherit;
}

.promosmall img{
	border: 1px solid #0d3c22;
	padding: 0;
	margin: 0 auto;
	max-width: 100%;
}

.polileft{
	display: none;
}

.poliright{
	border: none;
	padding: 0;
	float: none;
	margin: 0 auto;
	max-width: 90%;
}

.plant {
	float: left;
	max-width: 100%;
}

.plant2 {
	float: left;
	max-width: 100%;
}

.text2 {
	float: left;
	text-align: left;
	max-width: 100%;
	margin-left: 0px;
}



.text{
	float: left;
	text-align: left;
	max-width: 100%;
	margin-left: 0;
}

.job{
	max-width: 100%;
	display: inline-block;
	padding: 0;
}

.job{
	margin-right: 0;
}

.job h6{
	padding-top: 10px;
}

#contact-area {
	width: 80%;
}

.stacked{
	display: none;
}

#menu{
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 10px;
	bottom: 0;
	left: 0;
	text-align: center;
	padding: 20px;
	border-top: 1px solid #96a392;
	z-index: 10;
}

.policiesnav{
	display: none;
}

.left-contact{
	float: none;
	text-align: center;
	max-width: 100%;
	margin-top: 20px;
	padding-right: 0;
}

.map{
	float: left;
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}

.notice{
	padding-top: 0;
}

.map h5{
	text-align: center;
}

.phone{
	margin-top: 10px;
	display: inline-block;
	width: 30%;
	padding: 0;
}

}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	
	header{
		padding-top: 0px;
	}
	
	header img{
		display: none;
	}
	
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		width: 100%;
		position: relative;
		text-align: left;
		color: #fff;
		background-color: #96a392;
		font-weight: bold;
	}
	nav a#pull:after {
		content:"";
		background: url('img/nav-icon.png') no-repeat;
		width: 30px;
		height: 50px;
		display: inline-block;
		position: absolute;
		right: 35px;
		top: 15px;
	}
	
	.gallery{
	padding-top: 108px;
	}
	
	.gallery2{
		display: none;
	}
	
	.content2{
		padding-top: 108px;
	}
	
	.content3{
	padding-top: 108px;
}
	
.text{
	float: none;
	text-align: left;
	max-width: 100%;
	margin-left: 0px;
}

.text2{
	float: none;
	text-align: left;
	max-width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

.plant {
	float: none;
	max-width: 100%;
}

.plant2 {
	float: none;
	max-width: 100%;
}

#contact-area {
	width: 90%;
}

.name{
	line-height: 10px;
}

.caption{
	display: none;
}

.stacked{
	display: block;
	margin-bottom: 60px;
	border-top: 1px solid #96a392;
	padding-top: 50px;
}

.stacked img{
	width: 100%;
	max-width: 480px;
}

.campuscaption{
	font-size: 12px;
	text-align: left;
	padding-bottom: 25px;
	padding-left: 10px;
	color: #0d3c22;
	padding-top: 5px;
}

.memberships img{
	max-width: 250px;
}

.people img{
	display: none;
}

.people{
	width: 100%;
	display: block;
	padding-bottom: 30px;
	margin-right: 0;
}

.peopletext{
	background: none;
	margin-top: 0;
	text-align: center;
	color: #0d3c22;
	line-height: 22px;
	z-index: 10;
}

.phone{
	margin-top: 10px;
	display: block;
	width: 100%;
	padding: 0;
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	
	
}