/***** CSS Reset *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, 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, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/***** HTML5 display-role reset for older browsers *****/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;-webkit-text-size-adjust:100%;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
/*************************/

html {font-size:62.5%;}
body {color:#5b5954;font-size:16px;font-size:1.6rem;font-weight:normal;font-family:'Open Sans',sans-serif;line-height:1;background:#ffffff;}
body>iframe {display:none;} /* This kills the empty iframe from captcha that causes a white block at the bottom of the contact page. */

/***** Default Container Classes *****/
header, .inner, footer {max-width:1200px;position:relative;margin:0 auto;}
header {overflow:hidden;}

/***** Default Headers *****/
h1, h2, h3, h4 {display:block;color:#1b686d;font-size:50px;font-size:5rem;font-weight:300;line-height:1.2;margin-bottom:40px;}
h2 {font-size:40px;font-size:4rem;margin-bottom:20px;}
h3 {font-size:30px;font-size:3rem;margin-bottom:20px;}
h4 {font-size:20px;font-size:2rem;margin-bottom:20px;}

/***** Default Links *****/
a, a:active, a:visited {color:#6cba3e;text-decoration:none;transition:all .3s linear;}
a:hover {color:#1b686d;text-decoration:none;}

/***** Default Lists *****/
ul.list {list-style:disc;margin:0;padding-left:20px;}
.arrowList, .wysiwyg ul, .wysiwyg ol {display:inline-block;margin:0 0 20px 20px;padding-left:20px;list-style-image:url('../img/arrow.png');}
.wysiwyg ol {list-style-image:none;list-style:decimal;}
.arrowList li, .wysiwyg li {padding:5px 0;line-height:1.3;}
.viewAll {display:block;margin-top:10px;}

/***** Defaults *****/
strong {font-weight:bold;}
p {line-height:1.7;margin-bottom:20px;}
.grayLine {margin:30px 0;border-top:1px solid #aaaaaa;}
.center {text-align:center;}
.right {text-align:right;}
.noMargin {margin:0;}
.section.nestedSection {padding:0;}
.col.noTopMargin {margin-top:0;}
.col.noTopBotMargin {margin-top:0;margin-bottom:0;}
.imgResponsive {display:block;max-width:100%;}
.imgResponsive.center {margin-left:auto;margin-right:auto;}
.bgGreen {background:#196449;}
.bgMain {height:600px;background:url('/img/main.jpg') no-repeat center center / cover;}
.bgExperience {background:url('/img/bgForest.jpg') no-repeat right center;}
.bgPattern {background:url('/img/bgPattern.png') repeat 0 0;}
.bgFooter {background:#003333 url('/img/bgTrees.png') no-repeat right bottom;}

/***** Header Section *****/
.logo { margin: 24px 0 0 0; }
#headerLogo { max-width:400px;width:100%; }
#mopLogo {
	float:right;
	margin: 30px 0 0 0;
}
.mopLogo { height:55px; }

/***** Navigation Menu *****/
nav {float:right;clear:both;text-align:center;}
nav ul {display:inline-block;margin-top:48px;overflow:hidden;background:transparent;}
nav li {float:left;}
nav li a {display:block;font-size:17px;font-size:1.7rem;font-weight:300;padding:20px;}
nav li a:link, nav li a:active, nav li a:visited {color:#ffffff;}
nav li a:hover, nav li a.active {color:#6cba3e;}
nav li a.last {border:0;}

.mobileMenuLink {float:right;clear:right;margin-top:25px;}
.mobileMenuLink:hover {cursor:pointer;}
.mobileMenu {overflow:auto;}
.mobileMenu li {float:left;width:50%;background:#196449;border:1px solid #f4f4f4;border-bottom:0;box-sizing:border-box;}
.mobileMenu li:nth-child(odd) {border-left:0;}
.mobileMenu li:nth-child(even), .mobileMenu li:last-of-type {border-left:0;border-right:0;}
.mobileMenu li:last-of-type {width:100%;}
.mobileMenu a {display:block;color:#f4f4f4;font-size:18px;font-size:1.8rem;font-weight:300;text-align:center;padding:15px 0;}
.mobileMenu a:hover, .mobileMenu a.active {cursor:pointer;color:#f4f4f4;background:#6cba3e;} 

/***** Content *****/
#slider_mobile, .mobileMenuLink, .mobileMenu, .mobileOnly, .col.mobileOnly {display:none;}
.headerInterior {background:url('/img/main.jpg') no-repeat center center / cover;}
.headerInterior h1 {color:#f4f4f4;margin-bottom:0;}
.contentPad {padding:80px 0;}
.bgMain h1 {width:90%;color:#ffffff;font-family:'Open Sans',sans-serif;font-weight:300;text-align:center;padding-top:18%;margin:0 5%;}
.experience {color:#1b686d;font-size:32px;font-size:3.2rem;font-weight:300;padding-left:4%;margin-bottom:50px;border-left:10px solid #6cba3e;}
.blurb {color:#5b5954;font-size:18px;font-size:1.8rem;}
.facts {width:80%;}
.fact {color:#ffffff;line-height:1.5;padding:20px;margin-bottom:10px;background:#196449 url('/img/iconTreeGreen.png') no-repeat 97% 85%;}
.section.serviceBlocks {margin-top:80px;}
.serviceBlock {position:relative;}
.serviceBlock span {position:absolute;top:40%;left:0;width:90%;color:#ffffff;font-size:24px;font-size:2.4rem;text-align:center;margin:0 5%;}
a.btnGreen {display:inline-block;color:#ffffff;padding:17px 35px;background:#6cba3e;}
a.btnGreen:hover {color:#ffffff;background:#196449;}
.bgPattern h2 {color:#1b686d;font-family:'Open Sans',sans-serif;font-size:32px;font-size:3.2rem;font-weight:300;padding-left:4%;margin-bottom:50px;border-left:10px solid #6cba3e;}
.building {box-sizing:border-box;}
.building img {width:95%;border:10px solid #ffffff;}
.mission {width:80%;font-size:18px;font-size:1.8rem;margin:20px 10% 30px;}
.mission a {display:inline-block;font-size:16px;font-size:1.6rem;margin-top:10px;}
.memberships {padding:60px 0;}
.side {padding-left:10%;}

/***** WYSIWYG Content *****/
.wysiwyg {min-height:100px;}
.wysiwyg h2 {color:#1b686d;font-size:26px;font-size:2.6rem;line-height:1.2;margin-bottom:10px;}
.contact .wysiwyg h2 {font-size:30px;font-size:3rem;margin-bottom:20px;}
.wysiwyg h3 {color:#1b686d;font-size:22px;font-size:2.2rem;line-height:1.2;margin-bottom:10px;}
.wysiwyg p {font-size:inherit;line-height:1.7;}
.wysiwyg p+ul {margin-top:-10px;}
.wysiwyg li+ul {list-style:circle;margin-bottom:0;}
.wysiwyg span {font-size:inherit !important;line-height:inherit !important;}
.wysiwyg img {max-width:100%;height:auto;}
.imageLeft {float:left;margin:0 40px 40px 0;}
.imageRight {float:right;margin:0 0 40px 40px;}
.imageCenter {display:block;margin:0 auto;}

/***** Staff *****/
.memberLink:hover .memberName {color:#6cba3e;}
.wysiwyg img.memberImage {max-width:90%;margin:0 5% 30px;}
.memberName {transition:all .3s linear;}
.wysiwyg h2.staffName {font-size:36px;font-size:3.6rem;line-height:1.3;margin-bottom:10px;}
.wysiwyg .staffCopy h3 {color:#6cba3e;font-size:22px;font-size:2.2rem;margin-bottom:5px;}
.wysiwyg span.title {color:#1b686d;font-size:24px !important;font-size:2.4rem !important;font-style:italic;font-weight:300;font-size:24px;font-size:2.4rem;line-height:1.2 !important;}
.staffContact {margin-bottom:40px;}

/***** Photo Gallery *****/
.photoGalleryImages img {width:100%;}
.videoDescription {margin:10px 0 50px;}

/***** Facebook Like Button *****/
#FacebookLikeButton {margin-top:20px;}

/***** Contact Section *****/
.contactInfo {line-height:1.5;}
.contactInfo span {display:block;}
#googleMap {height:300px;width:450px;margin-top:10px;}
a.tel {color:#5b5954;}
a.tel:hover {color:#6cba3e;}

/***** Contact Form Table *****/
#contactForm {padding-left:10%;}
input, textarea {width:100%;color:#444444;font-size:16px;font-size:1.6rem;font-family:Arial;padding:15px 0;text-indent:10px;margin-bottom:10px;border:1px solid #cccccc;}
textarea {width:98%;padding-left:10px;text-indent:0;}
#recaptcha_response_field {color:#58595B;padding:5px;border:1px solid #dfdfdf !important;}
.recaptchatable {background:#ffffff;}
.recaptchatable a, .recaptchatable a:hover {color:#555555 !important;font-size:14px;font-size:1.4rem;} /*** CAPTCHA Links ***/
#recaptcha_response_field {font-size:14px !important;font-size:1.4rem !important;text-indent:0;padding:5px !important;border:1px solid #cccccc !important;}
input.submitButton {
    color:#ffffff;
    width:auto;
	text-indent:0;
    padding:15px 25px;
    margin:10px 0 0;
    border:0;
    background:#1b686d;
	transition:all .3s linear;
	-webkit-appearance:none; /* kills weird styling Apple does to the button on the phone. Dumb Apple. */
}
input.submitButton:hover {cursor:pointer;background:#6cba3e;}

/***** Form Error Message *****/
#errorMessage, #successMessage {width:auto;color:#ffffff;line-height:1.3;padding:30px;margin-bottom:20px;background:#cc3333;}
#successMessage {color:#58595b;padding-left:90px;background:#dff2bf url("/img/greenCheck.png") no-repeat 20px 50%;}
span.errorGeneral, span.errorLine {display:block;}
span.errorLine {text-indent:15px;}

/***** Footer *****/
.logoFooter { max-width:240px;width:100%;}
.footer {color:#f4f4f4;font-size:14px;font-size:1.4rem;padding:80px 0 50px;}
.footer h5 {font-size:16px;font-size:1.6rem;line-height:1.5;padding-left:4%;margin-bottom:20px;border-left:10px solid #6cba3e;}
.footer span, .footerNav {padding-left:7%;}
.footer a, .footer a.tel {color:#f4f4f4;}
.footerNav a {display:inline-block;padding:5px;}
.footer a:hover {color:#6cba3e;}
.section.border {padding-bottom:50px;margin-bottom:30px;border-bottom:15px solid #003c3c;}
.designedBy {display:inline-block;margin-top:15px;}