* { margin:0px; padding:0px;  }
html, body { margin:0px; padding:0px; }
body { background-color:#fff; background:url(../images/background.jpg) top center repeat-x #fff; }

.nomobile { display:block; }
.mobileonly { display:none; }
.nomobile_b { display:inline; }
.foot_line { display:inline; }

.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; margin:0 auto; }
.pad { width:calc(100% - 20px); padding:0px 10px; }
.noheight { height:0px; }

img.right { margin-left:15px; }


#masthead_wrapper { background-color:#fff; }
#masthead { width:calc(100% - 20px); max-width:960px; height:200px; padding:0 10px; margin:0 auto; font-family:"Bree Serif",serif; }
#masthead .left { }
#masthead .right { color:#718141; text-align:center; font-size:18px; line-height:22px; margin-top:40px; }
#masthead .right strong { color:#008500; font-size:32px; line-height:32px; }

#navigation {  }
#footer ul { margin:25px auto; }
#footer ul, #navigation ul { font-family:"Bree Serif",serif; background-color:#008500; list-style:none; text-align:center; text-transform:uppercase; font-size:18px; }
#footer ul li, #navigation ul li { display:inline-block; }
#footer ul li a, #navigation ul li a { color:#fff; text-decoration:none; display:block; padding:5px 20px; }
#footer ul li a:hover, #navigation ul li a:hover { color:#c6d4b8; }

.content { 
	width:100%; max-width:960px; 
	margin:0 auto;
	font-size:12pt; 
	position:relative;
	background-color:#fff;
	font-family: "Open Sans", sans-serif;
}
.content p { margin:0px; padding:5px 0; }
.content ul { padding-left:1em; }
.content li { padding:5px 0px; }

.w1_3 { width:33.3%; float:left; }
.w1_2 { width:50%; float:left; }
.w1_3 .left { text-align:left; }
.w1_3 .right { text-align:right; }

.w2_3 { width:66.6%; float:left; }


.w1_3 h3, .w2_3 h3 { 
	font-family:"Bree Serif",serif;
	color:#fff;
	background-color:#008500;
	text-align:center; 
	font-size:24px; line-height:24px; margin-bottom:5px;
	padding:5px; 
}
.w1_3 h3 a, .w2_3 h3 a { color:#fff; text-decoration:none; }

img.full { max-width:100%; margin:10px -5px; background-color:#fff; padding:5px; box-shadow:0px 0px 5px rgba(0,0,0,0.50); }
.w1_3 img { max-width:100%; height:auto; }

.w1_2 img { max-width:100%; width:100%; height:auto; }

.content h1 { 
	font-family:"Bree Serif",serif;
	color:#008500; 
	font-size:48px; text-align:center; 
	border-top:1px solid #062260; 
	border-bottom:1px solid #062260; 
	padding:15px 0; line-height:24px;
	font-weight:800;
}
.content h2 { 
	font-family:"Bree Serif",serif;
	color:#63833b; 
	font-size:32px;
	line-height:32px;
	padding:15px 0; 
	font-weight:600;
}
.content a { color:#008500; }


/* FORM */
form { font-family: 'Arial', 'Helvetica', sans-serif; }
form h1, form h2 { font-family:"Bree Serif",serif; text-align:center; }
form h1 { font-size:32px; }
form h2 { font-size:24px; }
form label { display:block; text-align:left; font-size:14px; }
form input[type=text], form textarea { 
	width:100%; border:1px solid #999; border-radius:5px; padding:5px; font-size:14px; margin:0 0 15px 0; 
	font-family: 'Arial', 'Helvetica', sans-serif;
}
form input[type=submit] {
	border-radius:5px;
	background-color:#63833b;
	color:#fff;
	border:0px;
	font-size:18px;
	padding:2px 15px;
	margin:0 auto;
}

/* BANNER */
.content .banner h2 a { font-weight:800; font-size:32px; }
.banner { 
	font-family:"Bree Serif",serif; 
	background:url(../images/banner.gif) top center no-repeat #63833b; height:80px; margin:15px 0; 
	color:#fff;
	text-align:center;
	font-size:32px;
	line-height:60px;
	
}
.banner a {
	color:#fff;
	text-decoration:none;
	display:block;
}



/* PHOTO BAR: assumes 15 images (229px x 158px) */
#photobar_wrapper { width:100%; height:158px; overflow:hidden; text-align:center; position:relative; }
#photobar { width:3435px; left:50%; margin-left:-1717.5px; white-space:nowrap; position:absolute; } 
#photobar img { border-color:#fff; border-width:4px 2px 4px 2px; border-style:solid; }



/* HOMEPAGE ROTATION */
#feature_new,
#feature_new_background,
#feature_new ul.feature_new,
#feature_new ul.feature_new li { width:100%; height:600px; }



#feature_new {
	margin:0px; padding:0px;
	overflow:hidden;
	text-align:center;
	z-index:5;
	position:relative;
	font-family:"Bree Serif",serif; 
}
#feature_new_background { 
	position:absolute; margin:0px 0;
}
#feature_new ul.feature_new { list-style:none; margin:0; padding:0; position:relative; }
#feature_new ul.feature_new li { position:absolute; bottom:0; left:0px; opacity:0;  text-align:center; background-position:center center; background-size:cover; }
.feature_new_top { 
	position:absolute; top:10px; left:0px; width:100%;
	color:#fff;
	font-size:42px;
	line-height:50px;
	text-shadow:2px 2px 5px #000;
}
.feature_new_bottom { 
	position:absolute; bottom:10px; left:0px; width:100%;
	color:#fff;
	font-size:42px;
	line-height:50px;
	text-shadow:2px 2px 5px #000;
}


/* RESPONSIVE VIDEO */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* SCREEN-SIZE ADJUSTMENTS */
@media screen AND (max-width:1000px) {

}


@media screen AND (max-width:640px) {
	.mobileonly { visibility:visible; }
	.nomobile { visibility:hidden; }
	
	
}

@media screen AND (max-width:870px) {
	.foot_line { display:block; }
	.nomobile_b { display:none; }
}
	

@media screen AND (max-width:780px) {

	#feature_new,
	#feature_new_background,
	#feature_new ul.feature_new,
	#feature_new ul.feature_new li { height:400px; }	
	
	#footer ul, #navigation ul { font-size:14px; }
	
	.nomobile { display:none; }
	.mobileonly { display:block; }
	
	.w1_3 { width:100%; float:none; display:block; clear:both; text-align:center; }
	.w1_2 { width:100%; float:none; }
	.w2_3 { width:100%; float:none; }
	
	.content { padding:10px; width:calc(100% - 20px); }
	.w1_3 img { max-width:100%;height:auto; margin:0 auto; }
	.w100 img { max-width:50%; height:auto; }
	.banner { background:transparent; background-color:#63833b; margin:10px auto; height:auto; line-height:28px; padding:5px 0;  }
	.content .banner h2 a { font-size:24px; }
}

@media screen AND (max-width:550px) {
	#masthead { height:auto; }
	#masthead .left { float:none; text-align:center; }
	#masthead .right { float:none; margin-top:10px; }
	

	#feature_new,
	#feature_new_background,
	#feature_new ul.feature_new,
	#feature_new ul.feature_new li { height:300px; }	
	
}

@media screen AND (max-width:440px), mobile {
	#masthead { height:auto; }
	#masthead .left { float:none; text-align:center; }
	#masthead .right { float:none; }

}