@import url("/assets/css/reset.css");

#ReCaptcha { display: none; }

body{ font-size:12px;   font-family:Arial, Helvetica, sans-serif; }
.bg{ background: url('/assets/images/headerBg.png') repeat-x 0 top; }
.large{ font-size:13px; }
.wrapper{ margin:0 auto; width: 960px;}
.wrapper.homewrapper{ margin:0 auto; max-width:1000px; width: 100%; padding: 0 20px; box-sizing: border-box;}
.mobile-only {display: none;}

/*~~~~~ HEADER ~~~~~~~~~~*/
header{ height:133px;position:relative; margin:0 0 35px; z-index:9999;  }
.logo{ float:left; margin:11px 0 0; }

.navTop{ background: #439d3d; border-radius:0 0 9px 9px; padding: 11px 15px; position:absolute; top:0; right:0; behavior: url('/assets/PIE.htc');  display: flex; justify-content: center; align-items: center}
.navTop ul{ margin:0; padding: 0;}
.navTop ul li{ list-style:none; padding:0; background: url('/assets/images/navTopDot.png') no-repeat right; float:left; margin:0 10px 0 0;  }
.navTop ul li a{ color:#fff; color:#c6ddc7; font-weight:bold; text-transform:uppercase; font-size:90%; margin:0 10px 0 0;  }
.navTop ul li a:hover{ color:#fff; text-decoration:none}
.navTop ul li .large{ font-size:120%; margin-right:5px }
.navTop ul li .small{ font-size:100%; }

.mobileNav {
    background-color: #F4F8F1;
    box-sizing: border-box;
    border-left: 1px solid #316C2D;
    border-right: 1px solid #316C2D;
    border-bottom: 1px solid #316C2D;
    position: absolute;
    top: 100px;
    width: 100%;
    left: 0;
    z-index: 99999;
    display: none;
}

.mobileNav #google_translate_element {
    display: none;
}

.mobileNav nav {
    position: static;
    list-style: none;
}

.mobileNav nav li, .mobileNav ul li {
    background: none;
    display: block !important;
    text-align: center;
}

.mobileNav nav li a, .mobileNav ul li a {
    color: #1F491D;
    font-size: 115%;
    font-weight: bold;
    text-transform: uppercase;
    height: 38px;
    line-height: 38px;
}

.mobileNav .textSize, .mobileNav .mobile-login {
    display: none !important;
}

.mobileNav #main_links li:hover > a, .mobileNav ul li a:hover {
    border: none;
    background: none;
    text-decoration: none;
}

.mobileNav nav ul .active > a {
    background: none;
    box-shadow: none;
    padding: 0px;
}

.mobileNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobileNav .hamburger {
    display: none;
}


.hamburger {
    display: none;
    width: 50px;
    height: 40px;
    background-color: #F4F8F1;
    vertical-align: bottom;
    border-radius: 10px 10px 0 0;
    position: relative;
    cursor: pointer;
    border-right: 2px solid #316C2D;
    border-left: 2px solid #316C2D;
    border-top: 2px solid #316C2D;
}

.stroke {
    height: 3px;
    width: 30px;
    background-color: #1F491D;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.stroke.top {
    top: 9px;
}

.stroke.center {
    top: 18px;
}

.stroke.bottom {
    bottom: 10px;
}

.mobile-image {
    display: none;
}


.searchBox{ width:190px; position: relative;}
.searchBox .inputText{ border-radius:4px; padding:3px 4px; border:1px solid #C2C2C2; height:18px; width: calc(100% - 9px); font-size:90%; color:#333;    }
.searchBox .submit{ border:none; background: url('/assets/images/mag.png') no-repeat; width:18px; height:17px; margin:0; position: absolute; top: 4px; right: 6px;}

nav{ position:absolute; left:0; bottom:0; z-index:10 }
nav ul{ margin:0; padding:0;}
nav ul li{ margin:0; padding:0; list-style:none; float:left; background: url('/assets/images/navSpacer.png') no-repeat right; margin:0;   }
nav ul li a{ color:#fff; text-transform:uppercase; font-size:115%; font-weight:bold; margin:0; padding:0 13px; text-transform:uppercase; !display:inline-block; *display:inline; !zoom:1;  display:block; height:40px; line-height:40px;   }
nav ul .active{ background:none; behavior: url('/assets/PIE.htc');  }
nav ul .active > a { background:#fff; color:#1F491D; border-radius: 8px 8px 0 0; box-shadow: 3px -3px 1px #3E9339; behavior: url('/assets/PIE.htc'); }


.subheader {width: 100%; display: none; margin-bottom: 20px;}
.subheader .newsLetterForm { padding-left: 20px; box-sizing: border-box; justify-content: space-between; width: 50%;}
.subheader .newsLetterForm .inputText {width: calc(100% - 112px);}
.subheader .newsLetterForm .submit {margin-top: 0; margin-left: 10px;}

.donation{ box-sizing: border-box; text-decoration: none !important; font-size: 20px; border: 2px solid white; background-color: #498DA0; width:315px; height:60px; position:absolute; right:0; bottom:10px; z-index:1; border-radius: 10px; display:flex; justify-content: center; text-align: center; align-items: center; color: white; font-weight: bold}

/*~~~~~ HOME MAIN CONTENT ~~~~~~~~*/

.homePage {display: flex; flex-wrap: wrap;}

.homeArticle{ width:68.75%; padding-right: 33px; box-sizing: border-box;}
.homeBoxes{  margin:30px 0 15px; }
.homePage .donation { position: static; width: 50%;}


.boxLeft{ float:left; position:relative; width: calc(50% - 15px); box-sizing: border-box;}
.boxRight{ float:right; position:relative; padding:7px; border:1px solid #e0e0e0;  width: calc(50% - 15px); box-sizing: border-box;}
.boxLeft img, .boxRight img{ width: 100%;}


.mobile-case-study, .mobile-social {display: none;}
.boxRight .caseStudy img {width: 109px;}
.boxRight .caseStudy .studyDetails {width: calc(100% - 130px);}

.greenBox{ background: #49aa41; padding:7px 14px 12px 14px; position:absolute; left:7px; bottom:10px; border-radius: 0 10px 0 0; behavior: url('/assets/PIE.htc'); }
.greenBox h2{ color:#fff; margin:0; font-size:200%; }
.greenBox h2 a{ color:#fff; }
.greenBox ul{ padding:0; margin:10px 0 0; }
.greenBox ul li{ padding:0; margin:0 0 5px; list-style:none; color:#fff; background: url('/assets/images/apple.png') no-repeat left; height:14px; padding:0 0 0 20px;  }
.greenBox ul li a{ color:#fff; }
.green-box-holder {position: relative; border: 1px solid #e0e0e0; padding: 7px;}

.mobile-volunteer-image {width: 109px;}

.sliderWrap{ width:100%; box-sizing: border-box; height:298px; padding:7px; border:1px solid #e0e0e0; overflow:hidden; }
.sliderWrap .bx-prev, .sliderWrap .bx-next{ display:none; }
.sliderWrap .bx-pager{ position:relative; z-index:999; margin-top:-20px; display:block; height:62px; background: url('/assets/images/sliderLines.png') no-repeat 202px 26px;  }
.sliderWrap .bx-pager a{ width:202px; float:left; color:#000; font-weight:bold; font-size:110%; height:62px; line-height:81px; text-align:center; overflow: hidden; }
.sliderWrap .bx-pager a:hover{ text-decoration:none; }
.sliderWrap .bx-pager .pager-active{ background: url('/assets/images/sliderActive.png') no-repeat top; color:#fff;  }
#slider div, .sliderWrap .pager a{ position:relative; display:block; height:239px; width:606px; overflow:hidden; }
#slider .caption{ position:absolute; left:10px; bottom:0; background: url('/assets/images/captionBg.png') repeat; padding: 10px 15px 20px 15px ; max-width:555px; height:auto; }
#slider .caption h4, #slider .caption p{ color:#fff; margin:0 0 12px; }
#slider .caption h4 a{ color:#fff; }

/*~~~~~ HOME ASIDE ~~~~~~~~~*/
.homeAside{ width:31.25%; margin:0 0 30px; }

.factbox { width:300px; height:136px; position:relative; margin:0 0 15px;}
.factbox.factbox h1{  font-size: 330%;  left: 19px; letter-spacing: 19px;  margin: 0;  position: absolute;  top: 20px; color:#49aa41; }
.factbox.FeelGoodMeals { background: url('/assets/images/feelGood.png') no-repeat; }
.factbox.EatWellClasses { background: url('/assets/images/eat_well.png') no-repeat; }
.factbox.FundraisingEvents { background: url('/assets/images/fundraising_events.png') no-repeat; }
.factbox.Volunteers { background: url('/assets/images/volunteers.png') no-repeat; }

.caseStudy{ background: url('/assets/images/appleCase.png') no-repeat right top; padding:28px 0 0; margin:0 0 40px; position:relative; display: block;  }
.caseStudy img{ float:left; margin:0 11px 0 0; }
.studyDetails{ float:left; width:175px; position:relative; padding-bottom:30px; }
.studyName{ padding-right:55px;  }
.studyDetails p{ margin:0 0 6px;    }
.studyDetails .findOut{ float:right; position:inherit }
.studyName{ margin-top:0; color:#49aa43; }
.findOut{ background: #49aa43 url('/assets/images/findOut.png') no-repeat right; color:#fff; font-weight:bold; padding:0px 20px 0px 12px; font-size:100%; height:23px; line-height:23px; display:inline-block; *display:inline; zoom:1; right:0; bottom:0; position:absolute !important;    }

.socialTabs{ margin:0 0 2px; padding:0; position:relative; height:38px; }
.socialTabs li{ margin:0; padding:0; list-style:none;     }
.socialTabs li a{ color:#fff; font-weight:bold; font-size:120%; line-height:34px; padding:0 0 0 12px; height:38px; width:148px; display:inline-block; *display:inlinee; zoom:1; position:absolute; }
.socialTabs li a:hover{ text-decoration:none; }
.socialTabs li .keepUp{  background: url('/assets/images/socialTabsOff.png') no-repeat; left:0; top:0; text-indent:-4px;   }
.socialTabs li .eventNews{ background: url('/assets/images/socialTabsOn.png') no-repeat; left:135px; top:0; text-indent:10px;  }
.socialTabs li .active{ z-index:999;}

.socialTabsInfo{ margin:0; padding:0;}
.socialTabsInfo li{ margin:0; padding:0; list-style:none; }
.socialTabsInfo p{ background:#eefafb; margin:0 0 4px; display:block; padding:14px 10px; color: #3a7181  }
.socialTabsInfo p a{ font-weight:bold; }

.socialTabsInfo #latestNews { display: none; }


/*~~~~~ NEWSLETTER DIV ~~~~~~~*/
.newsLetter{ width:960px;  }
.newsLetterForm{ position:relative; width:100%; margin-bottom: 10px;}
.newsLetterForm label{ width:100%; color:#49aa43; font-weight:bold; font-size:23px; cursor:default; float:left; margin:0 0 6px;   }
.newsLetterForm .inputText{ border:1px solid #C3C3C3; box-shadow:0 0 8px #ccc inset; height:25px; !height:24px; line-height:25px; width:100%; border-radius:6px; box-sizing: border-box; padding:0 30px 0 6px; behavior: url('/assets/PIE.htc');   }
.newsLetterForm .submit{ background: url('/assets/images/letterSubmit.png') no-repeat; width:98px; height:27px; border:0;  margin-top:0;  display: inline-block; margin-top: 10px;}
.newsLetterForm .fbConnect{ position:absolute; right:-3px; top:34px; background: url('/assets/images/fbConnect.png') no-repeat; width: 98px; height:27px; border:0;   }

.makeDonation{ float:right; }

.mobile-newsletter {
    display: none;
}

/*~~~~~ FOOTER ~~~~~~~~*/
footer{ width:100%; background: url('/assets/images/footer.png') no-repeat center bottom; height:174px; float:left; position:relative; margin:20px 0 0;   }
.footerBottom{ background: url('/assets/images/footerBg.png') repeat-x bottom; height:58px; width:100%; position:absolute; bottom:0;  }
.footerInner{ width:960px; height:174px; margin:0 auto; position:relative; z-index:99; }

footer ul{ margin:0; padding:0; position:absolute; bottom:23px; left:0; z-index:99; width:100%  }
footer ul li{ margin:0; padding:0; list-style:none; float:left; margin:0 15px 0 0; }
footer ul li a{ color:#49aa43; text-transform:uppercase; font-weight:bold;  }
footer ul .copyright{ float:right; color:#7d8f76 }

footer .twitter{ width:30px; height:30px; position:absolute; right:85px; top:75px; background: url('/assets/images/twitter.png') no-repeat; }
footer .st_sharethis_custom{ text-indent:-9999px; cursor:pointer; width:61px; height:26px; position:absolute; top:77px; right:15px;  background: url('/assets/images/share.png') no-repeat; }
.st_sharethis_custom{
    text-indent:-9999px;
    cursor:pointer;
    width:61px;
    height:26px;
    background: url('/assets/images/share.png') no-repeat;
    float:left;
}

.mobile-footer-wrapper img {display: none;}


/*~~~~~ SECTION SUMMARY PAGE ~~~~~~~~~*/
.sideMaster{ float:left; width:220px;  }

.sectionLinks{ margin:0 0 11px; padding:0; }
.sectionLinks li{ margin:0 0 5px; padding:0; list-style:none; float:left;   }
.sectionLinks li h4{ color:#49aa43; margin-top:0;  }
.sectionLinks li a{ border: 1px solid #e0f5bc; border-radius:6px; background: #f2fbe3 url('/assets/images/arrow.png') no-repeat 174px 5px; padding:7px 40px 7px 10px; width:150px; display:block; behavior: url('/assets/PIE.htc'); }
.sectionLinks li.active a { background-color: #CEE5A8; border: 1px solid #ABBF8A; }  /* Could probably do with improving this, developer work :-) */

.blueLinks li h4{ color: #498da0; }
.blueLinks li a{ background:#e8f1f4 url('/assets/images/arrowBlue.png') no-repeat 174px 5px;; border:1px solid #9fc7d2 }
.blueLinks li .active{ background:#498da0; color:#fff; }

.loggedIn{ background:#498da0; color:#c6ddc7; border-radius:5px; font-weight:bold; text-align:center; padding:3px 0; width:200px; }

.quoteBox{ border:1px dotted #96ce91; padding:15px 10px 0px 15px; float:left; width:192px; margin:0 0 20px;  }
.quoteBox h4{ color:#a55494; margin-bottom:0; }
.quoteBox p{ color:#666; margin-top:0;  }
.quotePic{ padding:10px 0 15px; position:relative;  }
.quotePic img{ display:block; margin:0 auto; }
.quotePic .appleQuote{ position:absolute; top:0px; left:0px; }

.calendarBox{ background: url('/assets/images/calendarBox.png') no-repeat; height:118px; width:200px; float:left; position:relative; padding:10px;  }
.calDate{ background: url('/assets/images/calDate.png') no-repeat; width:64px; height:72px; position:relative; float:left;  }
.calDate h4{ color:#fed801; margin:0; text-align:center; margin: 6px 0 1px;  }
.calDate h2{ color:#3e473a; margin:0; text-align:center  }
.eventBox{ float:left; width:125px; margin:0 0 0 10px; height:130px; position:relative;  }
.eventBox .eventName{ font-weight:bold; color:#49aa43; font-size:105%; margin:0 0 5px; line-height:1.2em; }
.eventBox .category{ font-size:90%; color:#6d8b8a; margin:0 0 6px;  }
.calendarBox .bx-prev{ position:absolute; background: url('/assets/images/eventPrev.png') no-repeat; width:28px; height:28px; bottom:-5px; left:-15px;   }
.calendarBox .bx-next{ position:absolute; background: url('/assets/images/eventNext.png') no-repeat; width:28px; height:28px; bottom:-5px; left:20px;   }

.masterArticle{ float:right; width:715px; position:relative;  }
.middleArticle{ float:left; width:450px; margin:0 0 0 50px; }
.eventListRight{ float:right; width:620px; }
/*.masterArticle{ float:left; width:100%; position:relative;  }*/

.breadcrumb{ margin:0 0 10px;; padding:0; width:100%; float:left;  }
.breadcrumb li{ margin:0; padding:0; list-style:none; float:left; margin:0 6px 0 0;  }
.breadcrumb li a{ background: url('/assets/images/breadcrumbLine.png') no-repeat right; padding:0 6px 0 0; color:#49aa43; }

.sectionIntro{ margin:0 0 25px; }
.sectionIntro img{ float:right; margin:0 0 0 25px; padding:7px; border:1px solid #e0e0e0 }

.sectionBlocks{ background: #dbeaf7; padding:27px 0 27px 27px;  margin:0;   }
.sectionBlocks a:hover{ cursor:pointer; color:#fff;}
.sectionBlocks li{ float:left; margin:0 27px 25px 0; padding:7px; background:#fff;  list-style:none; }
.sectionBlocks li p{ background: url('/assets/images/subSecBg.png') repeat-x; color: #fff;  display: block;  font-weight: bold;  height: 28px; line-height: 25px;  margin: 0; padding: 0 0 0 10px; width:275px; }

.contentImg{ float:right; padding:4px; border:1px solid #e0e0e0; margin:0 0 10px 15px; position:relative; }
.contentImg p{ position:absolute; left:4px; bottom:4px; background: #3e473a; color:#fff; font-weight:bold; padding:9px 35px 9px 15px; margin:0; font-size:110%}
.contentImg img{ float:left; }

.list li{ background: url('/assets/images/appleG.png') no-repeat; padding:0 0px 0 20px; list-style:none; margin:0 0 8px; min-height:16px }

.nextSteps{ background:#eef2f2; padding:15px 20px; position:relative; margin-top:0; width:450px;   }
.nextSteps li{ background: url('/assets/images/appleP.png') no-repeat; padding:0 0px 0 20px; list-style:none; margin:0 0 8px; min-height:16px; }
.nextSteps li a{ text-decoration:underline; }
.stepsTitle{ background:#000; color:#fff; padding:5px 10px; margin-bottom:0; display:inline-block; *display:inline; zoom:1;    }

.postCommentForm{ float:left; margin-top:20px; }
#comment_display_name_anonymous{ float:left; margin-right:8px; }
.form-row{ float:left; width:100%; margin-bottom:10px;  }
.form-row label{ width:100px; display:block; float:left;  }
.form-row textarea{ border:1px solid #ccc; border-radius:3px; width:360px; padding:10px;  }
#recaptcha_widget_div{ float:left; margin:10px 0 0 98px; }
#submit{ background: none repeat scroll 0 0 #A55494; border: 0 none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; font-weight: bold; height: 32px; line-height: 32px; margin: 10px 0 0 101px; padding: 0 10px; }

.postComment{ border:2px dotted #cce9c0; border-left:0; border-right:0; padding:15px;  }
.postComment .aComment{ background: url('/assets/images/purpleButton.png') no-repeat; width:202px; height:37px; line-height:35px; text-align:center; display:inline-block; *display:inline; zoom:1; color:#fff; font-weight:bold; font-size:115%; float:left; margin:0 20px 0 0;    }
.postComment p{ font-size:90%; float:left;  margin-top:0;   }

.commentList li{ list-style:none; margin:0 0 30px; padding:0 0 20px; border-bottom:1px solid #dbdbdb; }
.commentList .username{ font-weight:bold; margin:0; font-size:105%; }
.commentList .date{ font-size:90%; color:#666; text-transform:uppercase; margin:0  }
.commentInfo{ float:left; width:505px;}
.commentRight{ float:right; width:130px; }
.commentRight ul li{ border-bottom:1px solid #dbdbdb; padding:6px 0; margin:0;  }
.commentRight ul li a{ color:#333; font-weight:bold; font-size:95%; height:13px; padding:0 0 0 28px; display:block; }
.commentRight ul li .share{ background: url('/assets/images/shareIcon.png') no-repeat 6px 0;  }
.commentRight ul li .reply{ background: url('/assets/images/reply.png') no-repeat 6px 0; }

.summaryListing{ padding:0; }
.summaryListing li{ background: url('/assets/images/readMore.png') no-repeat 520px 40px; list-style:none; border-bottom: 1px dotted #a9adae; padding:5px 15px  }
.summaryListing li h5{ color:#356775; }
.summaryListing li p{ color:#666; width: 500px; }
.summaryListing a li:hover{ text-decoration:none; background:#ecf3f5 url('/assets/images/readMore.png') no-repeat 520px -327px;  }
.summaryListing a:hover{ text-decoration:none; }

.download li {
    padding:0;
    list-style:none;
    background:none;
    border-bottom: 1px dotted #a9adae;
}
.download li a {
    display:block;
    padding:5px 15px;
    text-decoration:none;
    background:url('/assets/images/download.png') 520px 40px no-repeat;
}
.download li a:hover{
    text-decoration:none;
    background-color:#ecf3f5;
    background-position:520px -78px;
}

/*~~~~~~ REFERRER REGISTER ~~~~~~~~~~~~~~~~~~~*/
.referrerReg{ margin:0; padding:30px 0px 10px 30px; background:#f3fbfc; border-bottom:1px dotted #666; width:670px; position:relative    }
.referrerReg li{ margin:0 30px 16px 0; padding:0; list-style:none; float:left; min-height:35px; width:300px  }
.referrerReg li p{ padding-right:30px;  }
.referrerReg .full{ width:100%; }
.referrerReg li label{ cursor:default; float:left; width:100px; margin:0 10px 0 0;   }
.referrerReg .full.double label { width: 430px; }
.referrerReg li label span, .referrerCap label span { color:#ff0000; }
.referrerReg li label .blue{ color:#003399; }
.referrerReg li .inputText{ float:left; border:1px solid #ccc; height:26px; line-height:26px; padding:0 4px; width:180px;   }
.referrerReg li .inputSmall{ width:40px; text-align:center   }
.referrerReg li .inputMedium{ width:95px; }
.referrerReg li select{ float:left; border:1px solid #ccc; height:26px; line-height:26px; padding:3px; width:190px;}
#income_source { height: 100px; }
.referrerReg li .checkBox{ float:left; }
.referrerReg li .checkBox input{ float:left; margin:0 5px 0 0;}
.referrerReg li .checkBox label{ width:auto; margin:0 20px 0 0;}
.referrerReg li .largeLabel{ width:310px; }
.referrerReg li .textareaSmall{ border: 1px solid #ccc; padding:10px; width:290px; height:60px;  }
.referrerReg li .miniArea{ border: 1px solid #ccc; padding:10px; height:40px; width:166px; }
.referrerReg li h4{ margin:0; color:#498da0; }
.referrerReg li h3{ margin-top:0; color:#000; }
.referrerReg li .textareaLarge{ border: 1px solid #ccc; padding:10px; height:80px; width:370px; float:left; margin:0 0 0 15px }
.referrerReg li .submit{ background: url("/assets/images/purpleButton.png") no-repeat scroll 0 0 transparent;  border: none;  color: #fff;  display: block;  font-size: 115%;  font-weight: bold;  height: 37px;  line-height: 35px; margin: 0px auto; /*float:left;*/  text-align: center; width: 202px;}
.referrerReg li .checkout{ float:none; margin:15px auto 0; }
.referrerReg li .saveForm{ background: url("/assets/images/saveForm.png") no-repeat scroll 0 0 transparent; border: none;  color: #FFFFFF;  display: block; font-size: 115%;  font-weight: bold; height: 37px; line-height: 35px 0 130px; margin: 0px 10px 0 130px; float:left;  text-align: center; width: 153px;}
.referrerReg .dob select{ width:52px; margin:0 5px 0 0;}
.referrerReg li .checkBoxList .checkBox{ width:100%; margin:0 0 7px; }
.referrerReg li .checkBoxList, .referrerReg li .checkBoxList2 { float:left; width:650px;   }
.referrerReg li .checkBoxList2 .checkBox{ width:220px; margin:0 0 7px; }
.referrerReg li .checkBoxList2Col .checkBox{ width:320px; margin:0 0 8px; }
.referrerReg li .checkBox4{ float:left; width:167px; height:30px;  }
.referrerReg li .checkBox4 label{ float: left; margin: 0 5px 0 0; }
.referrerReg li .checkBox4 input{ float:left; margin:0 7px 0 0 }

.purpleB{ background: url("/assets/images/purpleButton.png") no-repeat scroll 0 0 transparent;  border: none;  color: #fff;  display: block;  font-size: 115%;  font-weight: bold;  height: 37px;  line-height: 35px; margin: 25px auto 0; /*float:left;*/  text-align: center; width: 202px;}
.referrerReg li .checkout{ float:none; margin:15px auto 0;  }

.referrerCap{ background: #def3f6; padding:30px 30px 22px 30px; !width:640px }
.referrerCap .submit{ background: url('/assets/images/purpleButton.png') no-repeat; width:202px; height:37px; line-height:35px; text-align:center; display:block; color:#fff; font-weight:bold; font-size:115%; margin:22px auto 0; border:none; }

.submit{ background: url('/assets/images/purpleButton.png') no-repeat; width:202px; height:37px; line-height:35px; text-align:center; display:block; color:#fff; font-weight:bold; font-size:115%; margin:22px auto 0; border:none; }


.darkerBg{ background:#def3f6; }
.none{ background:none; border:none;  }

.radioBox{ border:1px solid #ccc; height:80px; padding:10px 16px; float:left; background:#fff; margin:0 0 14px;}
.referrerReg li .radioBox4{ border:1px solid #ccc; width:128px; height:100px; padding:10px 16px; float:left; background:#fff; margin:0 0 14px;  }
.referrerReg li .radioBoxes4 .active{ background:#498da0;  }
.referrerReg li .radioBoxes4 .active p{ color:#fff; }




.selected{ background:#498da0; }
.selected p{ color:#fff;   }
.radioBox p, .radioBox4 p{ margin-top:0; text-align:center; height:53px; !height:45px;}
.radioBox input, .radioBox4 input{ display:block; margin:0 auto; }

/*~~~~ CASE STUDY PAGE ~~~~~~~~~~~~~~~~*/
.caseStudies{ margin:0; padding:0;}
.caseStudies li{ margin:0 38px 13px 0; padding:10px;  list-style:none; float:left; width:301px; height:250px; border:1px solid #d6dfd7; background: #fff url('/assets/images/caseStudyBg.png') no-repeat bottom;  }
.caseStudies li img{ float:right; margin:-10px -10px 10px 10px; }
.caseStudies li h4 { margin-top:0; }
.caseStudies li h4 a { color:#346674; }
.caseStudies li p{ color:#333; }
.caseStudies li:nth-child(2n){ margin-right:0; }

.pagination{ margin: 0 0 20px; padding:0; list-style: none; clear: both; }
.pagination li{ float:left; margin:0 3px;  }
.pagination li a{ color:#526b70; }
.pagination .numbers a{ font-weight:bold; border:1px solid #ccc; border-radius:4px; display:inline-block; *display:inline; zoom:1; padding:2px 5px }
.pagination .active a{ background:#41841c; color:#fff;  }
.pagination .numbers{ margin:0 2px !important;}
.pagination .previous a{ background: url('/assets/images/arrowLeft.png') no-repeat left; padding-left:25px; line-height:20px; height:19px; display:inline-block; *display:inline; zoom:1; margin:0 6px 0 0; }
.pagination .next a{ background: url('/assets/images/arrowRight.png') no-repeat right; padding-right:25px; line-height:20px; height:19px; display:inline-block; *display:inline; zoom:1; margin:0 0 0 6px; }

.sort h3{ float:left; margin:0 30px 0 0; color:#000; padding: 0 0 15px;  }
.sort select{ float:left; }

.rightSide{ float:right; width:200px; }
.sideImages{ padding:10px; background:#ecf3f5; }
.sideImages .imgBig{ margin:0 0 13px; float:left; }
.sideImages .imgSmall{ margin:0 2px; float:left; }
.sideImages .last{ margin:0; }

/* Added in by Tim to hide extra input added by Zend_Form bug. */
#ReCaptcha { display: none; }


/*~~~~ REFERRALS ~~~~~~~~~~~~~~~~~~*/
.incompleteReferrals{ background:#e8f1f4; border:1px solid #dbdbdb; margin:0 0 20px; padding:1px; list-style:none; width:680px;   }
.incompleteReferrals li{ margin:0 7px; padding:0 0 10px; height:50px; width:666px; border-bottom:1px dotted #666; overflow:hidden; }
.incompleteReferrals li:last-child{ border:none; }
.incompleteReferrals div{ float:left; margin:0; width:164px; padding:17px 4px 0;}
.incompleteReferrals .dateShift{ width:313px; }
.incompleteReferrals div p{ margin:0;  }
.incompleteReferrals li div a{ color:#2c4a6d; text-decoration:underline }
.blackFill{ background:#000; color:#fff;  display: inline-block; *display:inline; zoom:1; font-size: 120%; margin: 10px 0 1px 1px; padding: 6px 10px; }

.incompleteReferrals .referredBy{ width:140px; }

.incompleteReferrals .heading{ background:#498da0; height:30px; margin:0; padding:0 7px; }
.incompleteReferrals .heading div{ padding:0 4px; }
.incompleteReferrals .heading div select{border: 1px solid #777777; margin: 4px 0 0; padding: 2px;  width: 120px; }

.incompleteReferrals .heading p{ color:#fff; line-height:31px;  }

.serviceCompleted{ background:url('/assets/images/serviceStatus.png') no-repeat 0 0; height:26px; width:121px; color:#000; font-weight:bold; text-align:center; line-height:26px;  }
.completedTick{ background:url('/assets/images/serviceStatus.png') no-repeat 0 -78px; height:26px; width:121px; color:#000; font-weight:bold; text-align:center; line-height:26px;  }
.serviceRejected{ background:url('/assets/images/serviceStatus.png') no-repeat 0 -26px; height:26px; width:121px; color:#fff; font-weight:bold; text-align:center; line-height:26px;  }
.serviceOn{ background:url('/assets/images/serviceStatus.png') no-repeat 0 -52px; height:26px; width:121px; color:#fff; font-weight:bold; text-align:center; line-height:26px; cursor: pointer; }

.incompleteH4{ color:#498da0; margin:40px 0 12px;  }
.completeH4{ color:#6db837; margin:40px 0 12px; }
.completeReferrals{ background:#f2fbe3; }
.completeReferrals .heading{ background:#6db837; }

.welcomeBack{ height:64px; background: url('/assets/images/welcomeBack.png') no-repeat; float:left; width:860px; padding-left:100px; margin:-30px 0 0;}
.welcomeBack p{ float:left; color:#1f273a; margin:0 17px 0 0; line-height:49px;  }
.welcomeBack .notYou{ font-size:90%; }
.welcomeBack .notYou a{ text-decoration:underline; }

.referrerReg .whiteInner{ background:#fff; border:5px solid #d5ded5; padding: 10px; width: 610px;}
.referrerReg li .radioBoxes3{ margin-right:0; }
.referrerReg li .radioBoxes3 .radioBox{ width:169px; background:#f5fcfd; margin:0;  }
.referrerReg li .radioBoxes3 .active{ background:#498da0;  }
.referrerReg li .radioBoxes3 .active p{ color:#fff; }


.referrerReg li .db{ font-weight:bold; color:#033592; }
.referrerReg .switcher{ border-top:1px dotted #666; padding:20px 0;  }
.referrerReg .switcher input{ margin-top:5px; }

.referrerReg .small{ margin:15px 18px 0 0  }
.referrerReg .small select{ width:180px; }
.referrerReg .small .miniArea{ width:157px !important; float:left }
.referrerReg .small .inputText{ width:170px; }


.switcher{display:block; margin-right:0 !important; }
.switcher div{ float:left; }
.postFax{ width:auto !important; padding-right:50px !important; }
.switcher div p{ padding-left:42px; margin:2px 0; }
.switcher div h4{ margin-bottom:12px; }
.switcher .byPost{ background: url('/assets/images/byPost.png') no-repeat left 37px; width:250px; !height:120px; !overflow:hidden }
.switcher .byFax{ background: url('/assets/images/byFax.png') no-repeat left 36px; width:250px; min-height:100px;   }
.referrerReg li ul{ margin:0; padding:0; }
.referrerReg li .checkBox .singleBox{ margin-right:10px; }
.referrerReg li  .xlargeLabel{ width:600px; }


/*~~~~~~ REFERRAL STATUS USER ~~~~~~~~~~~~~~~~~~*/
.referralStatus{ margin:0 0 20px; }
.referralStatus p{ margin:3px 0; }
.statusBox{ border:1px solid #dbdbdb; background:#f2fbe3; list-style:none; padding:1px; margin:0 0 24px;  }
.statusBox li{ padding:0; margin:0;}
.statusBox li div{ float:left; width:170px;  !height:40px;  }
.statusBox li div p{ !line-height:40px;}
.statusBox .heading{ background:#6db837; border-bottom: 2px solid #DBDBDB }
.statusBox .heading p{ color:#fff; }
.statusBox li div p{ text-align: center; }

.outcomes{ list-style:none; margin:0; padding:5px; border:1px solid #dbdbdb }
.outcomes li{ margin:0; padding:0; border-bottom:1px dotted #666; }
.outcomes li:last-child{ border:0; }
.blue{ color:#498da0; }
.back2list{ background: url('/assets/images/back2list.png') no-repeat; float: right;  font-size: 125%;  font-weight: bold;  height: 27px; padding: 5px 0 0 5px; width: 165px; color:#fff; margin:20px 0 0}


/*-------------\\ STEPS  VOLUNTEER //----------------*/
.steps{ list-style:none; margin:20px 0 30px; padding:0; width:688px; height:46px; background:url('/assets/images/steps.png') no-repeat; }
.steps li{ float:left; margin:0; padding:5px 0 0 29px; width:140px;  }
.steps li h4{ color:#49AA41; font-size:110%; margin:0; }
.steps li h3{ color:#498DA0; margin:0; font-size:108%;}
.steps .active h3{ color:#fff; }
.steps .active h4{ color:#CFE22E; }

.step2{ background:url('/assets/images/steps.png') no-repeat 0 -46px;}
.step3{ background:url('/assets/images/steps.png') no-repeat 0 -92px;}
.step4{ background:url('/assets/images/steps.png') no-repeat 0 -138px;}

.volunteerSteps{  background:url('/assets/images/volunteerSteps.png') no-repeat; }
.volunteerSteps li{ width:165px; padding:5px 0 0 40px;  }
.volunteerSteps .active{ padding:5px 0 0 65px; width:135px; }
.volSteps2{ background:url('/assets/images/volunteerSteps.png') no-repeat 0 -45px;}
.volSteps3{ background:url('/assets/images/volunteerSteps.png') no-repeat 0 -91px;}

.volunteerBookingSteps{ background:url('/assets/images/volunteerBookingSteps.png') no-repeat;  }
.volunteerBookingSteps li{ width:205px; }

.referrerReg li .checkBoxList, .referrerReg li .skillBox{ background:#fff; border:1px solid #ccc; width:280px; height:120px;  padding: 10px; overflow-y:scroll;   }
.referrerReg li .languageArea{ margin:0; width:280px; height:121px; }

/*~~~~ BLOG INDEX ~~~~~~~~~~~~~~~~~~~~~*/
.blogLeft{ float:left; width:710px;  }
.blogRight{ float:right; width:220px; }
.blogList{ list-style:none; margin:0; padding:0; width:710px;  }
.blogList li{ border-bottom:1px dotted #666; margin:0 0 20px; padding:0 0 20px;  }
.comments{ background: url('/assets/images/comments.png') no-repeat; width:117px; height:23px; line-height:23px; text-align:center; color:#fff; display:block; float:left;   }
.blogMore{ text-decoration:underline; display:block; width:100%; margin: 0 0 25px;  }
.blogTwitter{ background: url("/assets/images/twitter.png") no-repeat scroll 0 0 transparent; display:block;  height: 30px; width: 30px; float:left; margin:-3px 10px 0;   }
.blogShare{ background: url("/assets/images/share.png") no-repeat scroll 0 0 transparent; height: 26px; width: 61px; display:block; float:left; margin:-1px 0 0;  }

.blogdate{ background: url('/assets/images/blogdate.png') no-repeat; height:63px; width:63px; float:left;  }
.blogdate h4{ color:#fff; font-weight:normal; text-align:center ; padding:1px 0 0; margin:0; font-size:130%  }
.blogdate h3{ color: #000000; font-size: 29px; font-weight: normal; margin: 3px 0 0; text-align: center; }
.blogContent{ float:left; width:400px; margin:0 0 0 17px; }
.blogContent h5{ color:#498da0; margin-top:0;  }

.blogli img{ float:right; padding:4px; border:1px solid #ccc; display:block; margin:31px 0 0;  }

.categories{ list-style:none; margin:0 0 20px; padding:0; border:1px solid #49aa41; border-radius:12px; }
.categories li a{ background: url('/assets/images/appleG.png') no-repeat left 0px; padding-left:20px; margin:0 0 6px 10px; display:block; height:17px;    }
.categories li a span{ color:#999; }
.categories li p{ background: none repeat scroll 0 0 #49AA41; border-radius: 8px 8px 0 0; color: #FFFFFF; display: block; font-size: 14px;  font-weight: bold; margin: 0 0 10px; padding: 4px 0 4px 10px; }

.archive{ border:1px solid #abcc1d;   }
.archive li p{ background:#abcc1d; }
.archive li a{ background: url('/assets/images/appleO.png') no-repeat left 0px; }



/*~~~~ EVENT LIST ~~~~~~~~~~~~~~~~~*/
.refineSearch{ border: 2px dotted #96ce91; list-style:none; margin:0 0 20px; padding:55px 16px 16px; }
.refineSearch li{ float:left; border:1px solid #d1d1d1; margin:0 19px 20px 0; }
.refineSearch li .apple{ background: url('/assets/images/appleBlank.png') no-repeat center; float:left; width:26px; height:35px; margin:0 9px 0 0; }
.refineSearch li p{ margin:4px 0 0; line-height:1.1em }
.refineSearch li a{ display:block;  float:left; width:170px; height:34px;  padding:0 10px 0 0; }

.refineSearch .last{ margin-right:0px; }
.listTitle{ margin:40px 0 -40px; padding-left: 20px; }

.refineSearch .grey .apple, #accordion .grey{ background-color:#666; }
.refineSearch .purple .apple, #accordion .purple{ background-color:#a55494; }
.refineSearch .seal .apple, #accordion .seal{ background-color:#006666 }
.refineSearch .red .apple, #accordion .red{ background-color:#fe080b }
.refineSearch .yellow .apple, #accordion .yellow{ background-color:#cfe22e }
.refineSearch .green .apple, #accordion .green{ background-color:#48a840 }
.refineSearch .blue .apple, #accordion .blue{ background-color:#498da0}
.refineSearch .orange .apple, #accordion .orange{ background-color:#ff9900 }

/*~~~ ACCORDION ~~~~~~~~~~~~~~*/
#accordion dt{ background:#dfdfdf; margin:10px 0;}
#accordion dt .selected{ background:none; }
#accordion dt .apple{ background-image: url('/assets/images/appleBlank.png'); background-repeat:no-repeat; background-position:center; float:right; width:26px; height:34px; margin:0 -10px 0 0; }
#accordion dt .genreEvent{ float:right; font-size:11px; margin:9px 10px 0 0; color:#333; }
#accordion dt a{ padding:0 10px; display:block; min-height:34px; }
#accordion dt .nameEvent{ float:left; width:410px; margin:9px 0 0; }
#accordion dd{ padding:10px; margin:0; }
#accordion dd img{ float:right; margin:0 0 20px 20px; }
#accordion dd .eventDetails p{ margin:2px 0; }

/*~~~~ calendar ~~~~~~~~~~~*/
.eventListLeft{ float:left; width:290px; height:300px; background: url('/assets/images/calendarBg.png') no-repeat top left; position: relative; padding: 0 0 0 9px; }
.eventListLeft .bx-prev{ background: url('/assets/images/calPrev.png') no-repeat; width:9px; height:17px; display:block; position:absolute; top:15px; left:48px;   }
.eventListLeft .bx-next{ background: url('/assets/images/calNext.png') no-repeat; width:9px; height:17px; display:block; position:absolute; top:15px; right:53px;   }

#volunteerBooking .eventListLeft { display: none; }

.calendarWrap{ width:280px !important; position:relative; padding-top:58px;  }
.calendarWrap h1{ color: #FFF;  font-size: 180%;  margin: 0; position: absolute; text-align: center; top: 8px; width: 274px;}
.calendarWrap p{ color: #FFF; font-size: 10px; font-weight: bold;  margin: 0; position: absolute; text-align: center; top: 36px; width: 274px;}
.calendarWrap p span{ background:#498da0; color:#fff; padding:1px 3px;  }
.calendar{ list-style:none; margin:0; padding:0; }
.calendar li{ float:left; width:37px; height:32px; text-align: center; line-height:32px; border: 1px solid #e1e1e1; font-size:16px; font-weight:bold; background:#fff;    }
.calendar .off{ color:#999; }
.calendar .event{ background:#666; color:#fff; }
.calendar .event a{ color:#fff; }
.calendar .black{ background:#333; color:#fff; }
.calendar .blue{ background:#498da0; color:#fff; cursor: pointer; }
.calendarDays{ list-style:none; margin:0; padding:0; }
.calendarDays li{ float:left; width:37px; font-size:11px; text-align:center; border:1px solid #E1E1E1; background:#eef2f2; font-weight:bold; height:20px; line-height:20px;    }

/*~~~~~ EVENT DETAIL ~~~~~~~~~~~*/
.backCalendar{ background: url('/assets/images/backCal.png') no-repeat; width:152px; height:20px; color:#fff; font-weight:bold; display:inline-block; *display:inline; zoom:1; padding:6px 9px; font-size:15px; float:right; margin:29px 0 0; }


/*-----------=\\ VOLUNTEER BOOKING //=-----------*/
.volDropdown select{ float:left; border:1px solid #ccc; height:26px; line-height:26px; padding:3px; width:190px; margin:0 20px 0 0;}
.volDropdown label{ margin:0 20px 0 0; float:left; line-height:22px;  }
.yourSearch{ display: none; margin:30px 0; }
.yourSearch span{ color:#000; }

.errors li{ line-height:1.65em; }
.bookingList{ display: none; float:right; width:390px; }
.confirmed{ background: url('/assets/images/confirmed.png') no-repeat left; padding:0 0 0 15px; }
.unconfirmed{ background: url('/assets/images/unconfirmed.png') no-repeat left; padding:0 0 0 15px; }
.cu{ border-bottom: 1px dotted #666; !margin:0 0 10px; !padding:0 0 5px; }
.cu p{ float:left; margin:0 12px 6px 0; }
.typeHeader{ background:#333; color:#fff; padding:4px 8px;  }
.greyHeader{ background:#dfdfdf; color:#000; padding:4px 8px;  }
.bookingNames{ float:left; width:170px; padding:0 0 0 10px; }
.bookingNames p{ line-height:1em; }
.bookingStatus{ float:right; width:200px; padding:20px 0 0; }
.bookingStatus p{ margin:0 auto; text-align:center  }

.selectedShifts { width:703px; background:#fff;   }
.selectedShifts .heading{ background:#6DB837; }
.selectedShifts li{ width:689px; }
.selectedShifts .delete{  width: 80px; }
.selectedShifts .delete img { cursor: pointer; }

.selectedShifts .submitLine { border:0; }
.submitLine .submit{ margin-top:12px; }

/*-----------=\\ VOLUNTEER VIEW BOOKING //=-----------*/
.volunteerBookingList { background: #f2fbe3; border:1px solid #dbdbdb; margin:0 0 20px; padding:1px; list-style:none; width:680px;   }
.volunteerBookingList li{ margin:0 7px; padding:0 0 10px; float:left; height:50px; border-bottom:1px dotted #666;   }
.volunteerBookingList li:last-child{ border:none; }
.volunteerBookingList div { float:left; margin:0 7px 0 0; width:130px; padding:17px 0 0;}
.volunteerBookingList .volunteerShiftDate { width:111px; }
.volunteerBookingList div p{ margin:0;  }
.volunteerBookingList li div a{ color:#2c4a6d; text-decoration:underline }

.volunteerBookingList .heading{ background:#6db837; height:30px; margin:0; padding:0 7px; }
.volunteerBookingList .heading div{ padding:0; }
.volunteerBookingList .heading p{ color:#fff; line-height:31px;  }


/*------------=\\ LOGIN FORM //=-------------*/
.loginForm ul{ list-style:none; margin:20px 0 30px; padding:0; }
.loginForm ul li{ margin:0 0 8px; padding:0; }
.loginForm ul li label{ display:inline-block; *display:inline; zoom:1; margin:0 20px 0 0; font-weight:bold; width:85px;  }
.loginForm ul li input{ display:inline-block; *display:inline; zoom:1; border: 1px solid #CCC;  height: 24px; padding: 0 6px; width: 200px; line-height:24px; }
.loginForm ul li #submit{ display:inline-block; *display:inline; zoom:1; border: medium none; color: #fff; font-family: sans-serif;  font-weight: bold; height: 34px; margin-left: 221px; width: 100px; background:#49AA41; border-radius:2px; }


/*-----------=\\ DONATE //=-----------*/
.oftenDonate{ text-align:center; border-bottom: 1px dotted #666; padding:10px 0 16px;  } 
.monthly{ background:url('/assets/images/monthly.png') no-repeat; height:35px; width:149px; color:#fff; font-weight:bold; border:0; display:inline-block; *display:inline; zoom:1; margin:0 5px;   }
.oneOff{ background:url('/assets/images/oneOff.png') no-repeat; height:39px; width:153px; color:#fff; font-weight:bold; border:0; display:inline-block; *display:inline; zoom:1; margin:0 5px; }
.info{ background: url('/assets/images/info.png') no-repeat; height:33px; width:33px; border:0; display:inline-block; *display:inline; zoom:1; margin:0 5px;  }

.donateBox{ padding:8px 0;  margin-bottom:25px;  }
.donateSlider{ float:left; width:305px; padding-left:5px; position:relative;  }


.yourDonation{ background:#def3f6; border:4px solid #cce7eb; padding:20px;  float:right; width:310px;   }
.yourDonation h4{ color:#000; margin:0 0 30px; }
.provide{ margin:0 0 10px; }
.provide label{ color: #396F7D; float: left; font-size: 19px; font-weight: bold; width: 165px; cursor:default; padding-top:4px;  }
.provide input{ border: 0 none; margin:0 15px 0 0;  box-shadow: 1px 1px 4px -2px #000; float: left; font-size: 55px; font-weight: bold;  line-height: 1em; padding: 0 10px;  text-align: center;  width: 110px; behavior: url('/assets/PIE.htc');  position:relative }

.donateMonthly{ border:1px solid #4b8ea1; border-radius:7px; width:90px; padding:5px 10px; margin:20px auto; behavior: url('/assets/PIE.htc');  }	
.donateMonthly input{ display:block; text-align:center; font-weight:bold; font-size:17px; border:0; width:100%; font-size:26px; !margin-top:15px;   }
.donateMonthly label{ display:block; text-align:center; }
.donateSlider p{ text-align:center; color:#666; }

.donateSlider .plus{ font-weight:bold; font-size:15px; position:absolute; right:-16px; top:139px; color:#000; margin:0; z-index:1; }
.donateSlider .minus{ font-weight:bold; font-size:15px; position:absolute; left:-13px; top:139px; color:#000; margin:0; z-index:1;   }

.confirmDonation{ background: url('/assets/images/confirmDonation.png') no-repeat; width:222px; height:46px; color:#fff; text-align:center; font-weight:bold; font-size:15px; border:0; margin:35px auto 0; display:block;  }
.apply{ font-size: 20px; line-height: 46px; }

#CAFDonateButtonContainer a{
    width: 250px;
    height: 80px;
    background-color: #FF0808;
    border: 2px solid grey;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size:  26px;

}

#CAFDonateButtonContainer a:after {
    content: "Click to donate";
}

#CAFDonateButtonContainer a img {
    display: none;
}


/*mega menu plugin in ae */

#main_links .mega_menu {
    background:#f4f8f1;
    position:absolute;
    top:100%;
    z-index:500;
    padding:13px;
    text-align:left;
    float:left;
    display:none;
    z-index:9999; border:2px solid #2d6829; border-radius:0 0 5px 5px; margin-top:-2px;
    }

#main_links .mega_menu ul{
    display:block !important;
    width:190px;
    float:left; margin:20px 15px 0 0;
    }
   
#main_links .mega_menu ul:first-child{
    margin:0px;
    }
       
#main_links .mega_menu ul li{
    margin:0px;
    display:block; float:left; width:100%; background:none;
    }
   

   
#main_links .mega_menu ul li a{   
background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dotted #498DA0;
    color: #333333;
    font-weight: normal;
    height: auto;
    line-height: 1em; text-transform:none;
    padding: 6px; font-size:13px; 
    }   
	
   

#main_links li div:hover >  a{ background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dotted #498DA0;
    color: #333333;
    font-weight: normal;
    height: auto;
    line-height: 1em; text-transform:none;
    padding: 6px; }
	
	
#main_links li:hover > a{ border:2px solid #316c2d; border-bottom:0; border-radius:8px 8px 0 0 ; background:#f4f8f1; color:#1f491d; height:38px; line-height:38px; padding:0 11px; text-decoration:none; position:relative; z-index:99999 }
   
#main_links .mega_menu ul li a:hover{   
	border-bottom: 1px dotted #498DA0; border-top:0; border-left:0; border-right:0; color:#333;  text-decoration:underline; 
    }
	
/*nav ul .active a:hover{ border:1px solid #fff !important;  background:#fff !important; border-radius: 8px 8px 0 0 !important;  behavior: url('/assets/PIE.htc'); padding:0 11px !important }*/


#main_links .mega_menu img{ float:left; margin-right:15px; }
#main_links .mega_menu h4{ float:left; width:200px; margin-top:5px;  }


/*-----------=\\ Call To Action //=----------*/
.callToAction{ margin:30px 0; padding:0; list-style:none; }
.callToAction li{ width:200px; padding:5px; border:1px solid #e6e6e6;  margin:0 18px 0 0; float:left;    }
.callToAction li img{ float:left; margin:0 0 1px 0;}
.callToAction li p{ float:left; display:block; background:#49aa43; color:#fff; padding:8px 11px; margin:0; width:178px;   }
.callToAction li a:hover p{ text-decoration:underline; }

.inner ul{ margin:25px 25px 15px; padding:0; list-style:none;}
.inner ul li{ background: url('/assets/images/appleG.png') no-repeat left 0; padding-left:25px; min-height:20px;  }
.inner a{ color:#49AA43; text-decoration:underline; }

.referrerReg textarea{ border:1px solid #ccc; width:208px; height:131px; padding:5px; }
.contactFormLeft input{ margin-bottom:10px; }
.contactHeart{ position:absolute; right:-15px; bottom:-15px; }

.select{ border: 1px solid #CCC; border-radius: 2px 2px 2px 2px;  margin: 20px 0; padding: 4px 3px; width: 200px;}
.inner a{ color:#49AA43; text-decoration:underline; }


.searchResults{ padding:0; }
.searchResults li{ list-style:none; border-bottom: 1px dotted #a9adae; padding:5px 15px  }
.searchResults li h5{ color:#356775; }
.searchResults li p{ color:#666; }
.searchResults li p span{  color:#58595B; font-weight:bold; }
.searchResults a li:hover{ text-decoration:none; background:#ecf3f5;  }
.searchResults a:hover{ text-decoration:none; }

.newsListing li{ padding:20px 15px; }
.newsListing li img{ float:left; margin:0 12px 0 0; }
.newsListing li div{ float:left; width:350px; }
.newsListing li p{ margin:1px 0; width: 100%; }
.newsListing li .date { background:none; height:auto; }
.newsListing li h5{ margin:3px 0; }

.goog-te-gadget-simple{ background:none !important; border:0 !important; margin-top:-5px;  }
.goog-te-gadget-simple img{ display:none; }
.goog-te-gadget-simple .goog-te-menu-value{ color:#C6DDC7 !important; }
.goog-te-gadget-simple .goog-te-menu-value:hover{ color:#fff !important; }
.goog-te-gadget-simple .goog-te-menu-value span { border:0 !important;  margin: 0 0 0 2px }

.cafContent, .cafContentWithoutBranding { border:1px dashed #9fa09a !important; }
#headerContent{ display:none !important; }
.donateWrap{ background:url('/assets/images/donateBg.jpg') no-repeat bottom; padding: 40px 141px 10px; width: 449px; float:left; margin:0 0 23px  }

.vacImg{ float:right; border:1px solid #ccc; padding:4px; margin:0 0 20px 20px; }
.backVac{ margin: 0; position: absolute;  right: 0;  top: 30px;}



/*-----------=\\ Recipe List //=----------*/
.recipeList{ margin:0; padding:0; list-style:none; }
.recipeList li{ margin:0 0 20px; padding:0 0 20px; border-bottom:1px dotted #b3b3b3; position: relative; }
.recipeList .recipeDetails{ float:left; width:290px; margin-bottom: 5px; margin-top: 5px; }
.recipeList .recipeComments{ clear: left; }
.recipeList .recipeComments a{ font-weight:bold; line-height:23px; }
.recipeList .recipeComments a span{ background: url("/assets/images/comment.png") no-repeat scroll 0 0 transparent;  color: #FFFFFF;  display: inline-block; *display:inline; zoom:1; height: 23px; padding-right: 4px; text-align: center; width: 22px; margin-left:4px;  }

.recipeList .recipeImg{ float:right; border:4px solid #356775;  }
.recipeList p{ margin:0; }
.recipeList h5{  margin: 2px 0 12px; }
.recipeList h5 a { color:#498da0; }

.sort{ margin:30px 0 10px; }
.sort h4{ float:left; margin:0 20px 0 0; color:#000; padding: 0 0 15px;  }
.sort select{ border: 1px solid #CCCCCC;  float: left;  padding: 3px; width: 150px; border-radius:3px;  }

.recipeSort{ margin:20px 0 10px 20px; !margin-bottom:20px;   }
.recipeSort select{  margin: 0 0 14px; width: 150px; }

/*-----------=\\ Recipe List //=----------*/
.recipeArticle{ float:left; width:470px; margin:0 0 0 25px;  }
.recipeIntro{ border-bottom:1px dotted #ccc; padding-bottom:15px;  }
.recipeIntro img{ float:left; margin:0 15px 0 0; }
.recipeArticle h4{ color:#000; }
.recipeMain p{ margin:0px 0 3px; }
.recipeMain h4{ border-top:1px dotted #ccc; padding:13px 0 0 }

/*-----------=\\ Recipe rate //=----------*/
.recipeRate{ float:right; width:200px; }
.recipeRate .title{ background: #000000;  color: #FFFFFF;  display: inline-block; *display:inline; zoom:1;  font-size: 13px; font-weight: bold; margin: 10px 0 0; padding: 4px 5px;}
.recipeRate .appleRate{ padding:0 0 0 20px; }
.recipeRate ul{ background:#ecf3f5; list-style:none; margin:0; padding:20px; }
.recipeRate ul li{ margin:0 0 10px; paddding:0; }
.recipeRate ul li p{ margin:0 0 5px; }

.recipeShare{ background: url("/assets/images/shareRecipe.png") no-repeat scroll 0 0 transparent;
    height: 148px;
    margin: 25px 0 0;
    padding: 15px 27px 15px 28px;
    width: 150px;}  
.recipeShare h4{ color:#fff; padding:14px 0 8px; margin:0; }
.recipeShare a{  background: url("/assets/images/favShare.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 38px;
    line-height: 34px;
    margin: 0 auto;
    text-align: center;
    width: 151px; }

.recipeSubmit textarea{ width:178px; float:lft;  }
.recipeSubmit li div{ float:left; margin:0 0 10px; width:100%  }
.recipeSubmit li .checkBoxList{ width:160px; margin: 0 31px 0 0; width: 170px; }
.details li{ margin-bottom:5px; }
.recipeSubmit .recSubmit p{ text-align:center; font-size:11px; margin:0; }
.recipeSubmit .submit{ margin-top:14px !important; }
.recipeApple{  left: -22px;
    position: absolute;
    top: -22px;
    z-index: 99;}
	
.recipeSubmit li .type3{ float:left; width:192px; margin: 0 31px 0 0; }
.recipeSubmit li .type3 p { margin-top:0; }


/*-----------=\\ Sitemap //=----------*/
.sitemap{ border-bottom:1px dotted #666; }
.sitemap, .sitemap li ul{ list-style:none; margin:20px 0 }

.sitemap li ul li a{ display:inline-block; *display:inline; zoom:1; padding:0 0 0 24px; margin:0 0 5px; height:18px; line-height:18px; background: url('/assets/images/sitemapArrows.jpg') 0 -18px no-repeat;   }
.sitemap li .main{ font-weight:bold; color:#498da0; font-size:14px; display:block; background:url('/assets/images/sitemapArrows.jpg') no-repeat left 0; padding:0 0 0 24px; height:18px;   }
.sitemap li ul li ul li a{ background:url('/assets/images/sitemapArrows.jpg') no-repeat left -36px; }

.referrerReg li .longLabel{ width:280px; margin:0 0 7px;  }
.referrerReg li .longArea{ width:280px  }
.referrerReg .choiceRadio{ float:left;  }
.referrerReg li .spanChoice{ margin:0 10px 0 4px ; float:left; display:inline-block; *display:inline; zoom:1; line-height:15px; }

.quoteBottom{ position:absolute; bottom:-21px; right:-11px; }

#Map{ position:relative; z-index:99999; }

.qtip-contentWrapper{   opacity:0.91; filter:alpha(opacity=91); }


.critselected {
	background-color: #498DA0 !important; 
}

.critselected p {
	color: #FFFFFF;
}



.service-table{ width:669px; border:1px solid #dcdcdc; margin:0 0 20px;    }
.service-table td{ text-align:center; padding:15px 10px; background:#f2fbe6;  width:25%; }
.service-table th{ font-weight:normal; background:#6db837; padding:9px 10px; color:#fff; border-bottom:1px solid #dadcd6;  width:25%;     }
.service-table .blank{ background:#fff; }

.service-table tr th:first-child{  background:none; }
/*.client-outcomes{ border:1px solid #dcdcdc; padding: 0 15px;  }
.client-outcomes p{ border-top:1px dotted #6e6e6e; padding:10px 0 3px; margin:10px 0; }
.client-outcomes p:first-child{ border:0; }
.outcome {  color: #4B8C9E;  font-size: 18px;  margin: 24px 0 10px; }*/

.outcomes tr td { width: 50%; }
.outcomes tr td:first-child, .outcomes tr td:last-child { width: 25%; }

/*-----------\\// Social Media //\\--------------*/
.tab-content{ list-style:none; margin:0 }
.tab-content li .stream{ border-bottom:1px dotted #737373; padding:20px 0; !padding:20px 0 10px;  }
.tab-content li .stream .date{ color:#999; padding-left:29px; margin:0; float:left; width:100%;   }
.tab-content li .stream img{ float:left; margin:0 20px 0 0; }
.tab-content li .stream div{ float:left; width:600px;  }
.tab-content li .stream a{ color:#3c6f70;  }
.tab-content li .stream.twitter .date{ background:url('/assets/images/twitterS.png') no-repeat left }
.tab-content li .stream.facebook .date{ background:url('/assets/images/fb.png') no-repeat left; padding-left:18px;}
.tab-content li .stream.flickr .date{ background:url('/assets/images/flickr.png') no-repeat left; }
.tab-content li .stream.flickr div img{ margin:0 10px 10px 0; }
.tab-content li .stream p{ margin-top:0; }

.tabs{ list-style:none; margin:0; padding:0; border-bottom:1px solid #cfcfcf; }
.tabs li{ float:left; margin-left:-22px;   }
.tabs li a{ display:block; width:140px; height:38px; position:relative  }
.tabs li .active{ z-index:200 !important; }

.tabs .viewAll{  margin-left:22px;  }
.tabs .viewAll a{ background:url('/assets/images/tabs.png') no-repeat 0 0;  z-index:100;}
.tabs .twitter a{ background:url('/assets/images/tabs.png') no-repeat 0 -38px; z-index:90 }
.tabs .facebook a{ background:url('/assets/images/tabs.png') no-repeat 0 -76px; z-index:80; }
.tabs .flickr a{ background:url('/assets/images/tabs.png') no-repeat 0 bottom; z-index:70 }



/*--------------\\// feedback form //\\----------------*/
.feedback-form{ background:#def3f6; padding:24px; position:relative; margin:70px 0;   }
.feedback-form h1{ color:#000; font-size:22px; margin:0 0 12px;  }
.feedback-form textarea{ width:296px; height:68px; border:1px solid #a9dce0; border-radius:6px; box-shadow:0 -6px 14px -5px #dadada inset; padding:6px;  }
.textarea{ float:left; width:310px; margin:20px 0 0;   }
.textarea label{ margin:0 0 8px; float:left;  }
.feedback-form .textarea.right{ float:right;  }
.radio{ font-weight:bold; }
.textInput{ margin:20px 0 0; }
.textInput input{ box-shadow:0 -6px 8px -4px #DADADA inset; width:202px; height:28px; line-height:28px;  border:1px solid #a9dce0; border-radius:6px; padding:0 0 0 10px; float:left; margin-bottom:10px;   }
.textInput label{ width:94px; float:left; height:30px; line-height:30px; margin-bottom:10px;   }
.feedback-form .captcha{ margin:30px 0; float:left; width:100%;  }
.qt{ position:absolute; left:-25px; top:-20px; }
.qb{ position:absolute; right:-25px; bottom:-20px; }
.radio label{  }
.radio input{ margin:0 4px 0 15px; }


.event-details{ background: url("/assets/images/findOut.png") no-repeat right #49AA43; color: #FFFFFF; display: inline-block; *display:inline; zoom:1;  font-size: 100%; font-weight: bold;  height: 23px;  line-height: 23px; padding: 0 20px 0 12px; }

/* form errors -------------------- */
.form-message{ background:#FFEAEA; border: 2px solid #980201; border-top:0; border-radius:0 0 6px 6px; position:fixed; width:960px; text-align:center; z-index:9999; top:0;    }
.form-message p{ color:#000;  }
.form-message p span{ display:block;  font-weight:bold; color:#980201; font-size:15px;}

.referrerReg li .error{ background: #FFD8D9; border:1px solid #970204;   }
.referrerReg li strong{  color:#980201; /*position:absolute; bottom:0; right:0;*/ display: block; text-align: right; }



@media (max-width: 1030px) {
    header .donation {
        display: none;
    }

    .subheader {
        display: flex;
    }

    header {
        margin-bottom: 20px;
    }

    .navTop {
        flex-direction: column;
    }

    .navTop ul {
        padding-bottom: 5px;
        margin-right: 5px;
    }

    .navTop ul li {
        background: none;
        margin-right: 3px;
    }   

    .navTop ul li:last-of-type {
        margin-right: 0;
    }   

    .navTop ul li .small{
        margin-right: 0;
    }

    .navTop .searchBox {
        width: 307px;
    }

    .logo {
        margin-left: -25px;
        width: 285px;
    }

    .homeArticle {
        width: 100%;
        padding-right: 0;
    }

    .mobile-case-study, .mobile-social {
        display: block;
    }

    .homeAside {
        display: none;
    }

    .bx-pager {
        text-align: center;
    }

    #slider .caption {
        left: 50%;
        transform: translateX(-50%);
        max-width: 700px;
        box-sizing: border-box;
    }

    .sliderWrap {
        max-width: 695px;
        margin: 0 auto;
    }

    .sliderWrap .bx-pager {
        background-position: center 26px;
    }

    .sliderWrap .bx-pager a {
        display: inline-block;
        float: none;
    }

    .boxRight, .boxLeft {
        margin-bottom: 25px;
    }

    .boxLeft {
        border: none;
    }

    .newsLetter {
        display: none;
    }

    footer {
        background: none;
        height: 99px;
    }

    .footerInner {
        height: 99px;
        width: 100%;
    }

    footer ul {
        box-sizing: border-box;
        padding-left: 10px;
        bottom: 10px;
        text-align: center;
    }

    footer ul li {
        float: none;
        display: inline;
    }

    footer ul div {
        display: inline-block;
    }

    footer .twitter, footer .st_sharethis_custom {
        position: static;
        display: inline-block;
        float: none;
        margin-left: 10px;
    }

    .mobile-footer-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-footer-wrapper img {
        display: block;
    }

    .green-box-holder {
        margin-bottom: 25px;
    }

    .donatewrapper {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .donatewrapper header {
        width: 100%;
    }

    .donatewrapper .masterArticle, .donatewrapper .sideMaster {
        float: none;
        width: 100%;
    }

    .donatewrapper .sectionLinks {
        width: calc(50% - 10px);
        float: left;
    }

    .donatewrapper .sectionLinks li {
        float: none;
    }

    .donatewrapper .sectionLinks li a{
        width: 100%;
        box-sizing: border-box;
        background-position: right 10px center;
    }

    .donatewrapper .mobilesidewrapper {
        width: calc(50% - 10px);
        float: right;
    }

    .donatewrapper .mobilesidewrapper .quoteBox , .mobilesidewrapper .calendarBox {
        width: 100%;
        box-sizing: border-box;
    }

    .donatewrapper .masterArticle {
        margin-bottom: 25px;
    }

    #slider div, .sliderWrap .pager a{ position:relative; display:block; height:239px; width:100%; overflow:hidden; }
}

@media all and (max-width: 720px) {

    .bg {
        background-position: 0 -33px;
    }

    .hamburger {
        display: inline-block;
    }

    header {
        text-align: center;
        height: 100px;
        width: 100vw;
    }

    #slider .caption {
        top: 0;
        bottom: auto;
    }

    .wrapper {
        background-image: url('/assets/images/headerBg.png');
        background-repeat: repeat-x;
        background-position: 0 -33px;;
    }

    .big-image {
        display: none !important;
    }

    .mobile-image {
        display: block;
    }

    .mobile-image img {
        display: block;
        height: 100%;
        width: auto;
    }

    .homewrapper header {
        width: auto;
    }

    .logo {
        float: none;
        width: 225px;
        margin-left: -20px;
    }

    .mobile-only {
        display: block;
    }

    .page-1, .page-29, .page-30, .page-32 {
        display: none !important;
    }

    .navTop {
        display: none;
    }

    .mobile-login {
        background: none;
        display: inline-block;
    }

    .sliderWrap {
        height: 256px;
    }

    .sliderWrap .bx-pager {
        background: none;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

    .sliderWrap .bx-pager a {
        width: 50px;
        height: 50px;
        position: relative;
        overflow: hidden;
        display: inline-block;
        background: none;
        text-indent: 100%;
    }

    .sliderWrap .bx-pager a.pager-active {
        background: none;
    }

    .sliderWrap .bx-pager a:after {
        content: "hello";
        width: 20px;
        height: 20px;
        background-color: white;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%), translateX(-50%);
        border-radius: 50%;
        opacity: 0.5;
    }

    .sliderWrap .bx-pager a.pager-active:after {
        opacity: 1;
    }


    nav {
        width: calc(100% + 40px);
        text-align: center;
        left: -20px;
    }

    nav ul li {
        float: none;
        display: inline-block;
    }

    nav ul li a {
        padding: 0 8px;
    }

    .subheader .donation {
        width: 100%;
    }

    .subheader .newsLetterForm {
        display: none;
    }

    .boxRight, .boxLeft {
        float: none;
        width: 100%;
    }

    .mobile-social {
        display: none;
    }

    .mobile-newsletter {
        display: block;
        text-align: center;
        margin-top: 25px;
    }

    .mobile-newsletter .inputText {
        width: calc(100% - 120px);
    }

    .mobile-newsletter .submit {
        margin-top: 0;
        margin-left: 10px;
    }

    .homeAside {
        display: block;
        width: 100%;
    }

    .homeAside .newsLetterForm, .homeAside .caseStudy {
        display: none;
    }

    .donatewrapper .contentImg {
        display: none;
    }

    .donatewrapper .sectionLinks {
        width: 100%;
    }

    .donatewrapper .mobilesidewrapper {
        width: 100%;
    }

    #CAFDonateButtonContainer {
        display: flex;
        justify-content: center;
    }

    .footerInner {
        height: 120px;
    }

    .footerInner ul {
        bottom: 0;
        background-color: #3B3B3B; 
    }
} 

@media all and (max-width: 500px) {
    .sliderWrap .bx-wrapper {
        height: 100%;
    }

    .mobile-image img {
        width: auto;
        height: 100%;
    }
}

@media all and (min-width: 420px) {
    .homeWrapper {
        : none !important;
    }
}

@media all and (min-width: 720px) {
    .mobileNav {
        display: none !important;
    }
}