body {font-family:arimo, Arial, Helvetica, sans-serif; font-size:15px; line-height:21px; color:#242424;}
a {color:#33a531; text-decoration:none;}
ul {list-style:none;}
.page-width {width:960px; margin:0 auto;}
#preload {width:100px; height:100px; position:absolute; left:-500px; top:-500px; visibility:hidden;}

/* Header */
#header-bar {width:100%;}
header {padding:20px 0px 20px 0px;; position:relative; font-family:"Fjalla One", Arial, Helvetica, sans-serif; overflow:hidden;}
#logo {display:block; width:327px; height:106px;}
#logo img {width:100%; height:100%;}
#social-links {position:absolute; top:20px; right:0; font-size:0;}
#social-links li {display:inline-block; vertical-align:top; padding:0px 0px 0px 20px; font-size:17px; line-height:21px; text-transform:uppercase; letter-spacing:1px;}
#social-links li a {color:#a9a9a9;}
#social-links li a:hover {background-position:bottom; color:#8acf4b;}
#social-links li.newsletter {height:21px; padding-top:7px;}
#social-links li.twitter a {display:block; width:33px; height:33px; overflow:hidden; text-indent:-5000px; background-image:url(/images/twitter.png);}
#social-links li.facebook a {display:block; width:33px; height:33px; overflow:hidden; text-indent:-5000px; background-image:url(/images/facebook2.png);}
#minor-nav {position:absolute; bottom:16px; right:0; font-size:0;}
#minor-nav li {display:inline-block; vertical-align:bottom; padding:0px 0px 0px 34px; font-size:18px; line-height:22px; text-transform:uppercase; letter-spacing:1px;}
#minor-nav li a {color:#7cd3f8;}
#minor-nav li a:hover {color:#39b2e5;}

/* Desktop Nav */
#nav-bar {width:100%; background:url(/images/navbar.png) top repeat-x #6ecaf2; height:54px;}
#desktop-nav {font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-size:0; height:54px; overflow:hidden;}
#desktop-nav li {display:inline-block; padding:0px 0px 0px 34px;}
#desktop-nav li:first-child {padding-left:0;}
#desktop-nav li a {display:inline-block; height:24px; padding:16px 0px 11px 0px; border-bottom:3px solid transparent; font-size:19px; line-height:24px; text-transform:uppercase; letter-spacing:1px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15);}
#desktop-nav li a:hover {color:#005f89; text-shadow:1px 1px 0 rgba(255,255,255,.3);}
#desktop-nav li.current a, #desktop-nav li.currentparent a {color:#005f89; text-shadow:1px 1px 0 rgba(255,255,255,.3); border-bottom:3px solid #005f89;}

/* Mobile Nav */
#blue-bar {position:absolute; top:0; left:0; width:100%; height:50px; background:url(/images/navbar.png) top repeat-x #6ecaf2; z-index:1; display:none;}
#mobile-nav {position:relative; display:none;}
.mobile-menu-button {width:50px; height:50px; background:url(/images/mobile-menu-button.png) no-repeat #3a3a3a; position:absolute; top:0; right:0; z-index:10; cursor:pointer; display:none;}
#mobile-nav > ul {padding-top:50px;}
#mobile-nav ul {display:none;}
#mobile-nav li {position:relative;}
#mobile-nav li a {display:block; color:#fff; background:#005f89; padding:14px 61px 15px 10px; border-top:1px solid #0073a6;}
#mobile-nav > ul > li:first-child > a {border-top:0;}
#mobile-nav li a:hover {background:#004a6b;}
#mobile-nav li li a {border-left:10px solid #0073a6;}
#mobile-nav li li li a {border-left:20px solid #0073a6;}
.submenu-toggle {position:absolute; top:1px; right:0; display:block; border-left:1px solid #0073a6; height:100%; width:51px; box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer;}
#mobile-nav > ul > li:first-child > .submenu-toggle {top:0;}
.submenu-toggle .arrow {display:block; height:50px; width:50px; background:url(/images/mobile-menu-toggle.png) no-repeat top left; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
#mobile-nav li.submenu-show > .submenu-toggle .arrow {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

/* Breadcrumbs */
#breadcrumb-bar {width:100%;}
#breadcrumb-bar nav {font-size:12px; line-height:14px; color:#999; height:14px; padding:12px 0px 11px 0px;}
#breadcrumb-bar nav a, #breadcrumb-bar nav .lastitem {color:#5f5f5f; text-transform:uppercase; display:inline-block; margin:0px 0px 0px 10px;}
#breadcrumb-bar nav a:hover {color:#2ba1d3;}
#breadcrumb-bar nav .divider {display:inline-block; width:4px; height:7px; margin:0px 0px 1px 10px; background:url(/images/bc-divider.png) no-repeat;}

/* Content */
#content-bar {width:100%; background:url(/images/1px-grey.png) top repeat-x; padding:0px 0px 60px 0px;}
#content {overflow:auto;}

/* Side Nav */
#nav-col {width:120px; float:left;}
#nav-col h3 {text-transform:uppercase; line-height:16px; margin:22px 0px 1px 0px;}
#nav-col h3 a {color:#5f5f5f; display:inline-block; padding:0px 0px 3px 0px; border-bottom:1px solid transparent;}
#nav-col h3 a.current {color:#2ba1d4; border-bottom:1px solid #b4e8ff;}
#nav-col li {padding:14px 0px 0px 0px; line-height:17px;}
#nav-col li a {color:#5f5f5f; display:inline-block; padding:0px 0px 3px 0px; border-bottom:1px solid transparent;}
#nav-col li a:hover {color:#2ba1d3;}
#nav-col li a.current {color:#2ba1d4; border-bottom:1px solid #b4e8ff;}
#nav-col li ul {padding-left:12px;}

/* Main Column */
#main-col {width:820px; float:right;}
.head-box {width:100%; position:relative; overflow:hidden;}
.head-box img {width:100%; background-color:#e2e2e2; max-height:380px;}
.head-box h1 {position:absolute; bottom:0; left:0; padding:25px 27px 21px 27px; background:url(/images/main-head.png) top repeat-x; font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-weight:normal; font-size:42px; line-height:50px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15);}
.image-credit {position:absolute; top:0; right:-100%; padding:3px 5px 2px 5px; background:rgba(0, 0, 0, 0.5); color:#fff; font-size:12px; line-height:16px;}
.lt-ie9 .image-credit {background: url("/rgba/rgba.php/rgba(0, 118, 0, 0.5)");}
.head-box:hover .image-credit {right:0;}

/* Text Column */
#mid-col {width:560px; float:left; padding:25px 0px 0px 0px;}
.text a:hover {text-decoration:underline;}
.text a.external {padding-right:12px; background:url(/images/icon-external-link.png) no-repeat right 4px;}
.text p {padding-bottom:14px;}
.text p.intro {font-size:17px; line-height:24px; padding-bottom:12px; font-weight:bold; color:#0e7fb0;}
.text h1, .text h2, .text h3, .text h4 {font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-weight:normal; color:#0e7fb0; clear:both;}
.text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child {padding-top:0;}
.text h1 + h2, .text h2 + h3, .text h3 + h4 {padding-top:0;}
.text h1, .text h2 {font-size:28px; line-height:34px; padding:14px 0px 13px 0px;}
.text h3 {font-size:22px; line-height:29px; padding:14px 0px 13px 0px;}
.text h4 {font-size:18px; line-height:24px; padding:14px 0px 15px 0px;}
.text h5 {text-transform:uppercase; letter-spacing:1px; color:#0e7fb0; padding:14px 0px 14px 0px;}
.text h6 {color:#0e7fb0; padding:14px 0px 14px 0px;}
.text ul {padding:0px 0px 7px 20px; list-style-type:none;}
.text ul ul {padding:8px 0px 0px 20px;}
.text ul li {padding:0px 0px 8px 12px; background:url(/images/bullet.png) no-repeat 0px 9px;}
.text ol {padding:0 0 8px 40px;}
.text ol li {padding:0 0 8px 0;}
.text ul li.pdf {background:url(/images/icon-pdf.png) no-repeat 0 2px; padding:0px 0px 7px 20px;}
.text ul li.word {background:url(/images/icon-word.png) no-repeat 0 2px; padding:0px 0px 7px 20px;}
.text ul li.excel {background:url(/images/icon-excel.png) no-repeat 0 2px; padding:0px 0px 7px 20px;}
.text p a.pdf {padding-left:18px; background:url(/images/icon-pdf.png) no-repeat left 0px;}
.text .img-box img {width:100%;}
.text .img-box {width:230px; float:right; clear:right; margin:5px 0px 15px 30px;}
.text .img-box.full-width {width:100%; float:none; margin:5px 0px 19px 0px;}
.text .img-box.logo-image {width:auto; float:right; clear:right; margin:5px 0px 15px 30px;}
.text .img-box.logo-image img {width:auto;}
.text blockquote {border-left:2px solid #e2e2e2; padding:0 0 0 20px;}
p.caption {font-family:arimo, Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#6c6c6c; padding:9px 0px 9px 0px; border-bottom:1px solid #e2e2e2;}
.notice {padding:16px 15px 2px 15px; margin:5px 0px 0px 0px; background-color:#ffd74b;}

/* Iframes */
.iframe-outer {width:100%; padding-bottom:56.25%; position:relative; margin:4px 0px 5px 0px; background-color:#eaeaea; clear:both;}
.iframe-outer iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* Side Column */
#side-col {width:230px; float:right; padding:30px 0px 0px 0px;}
.action-links li {margin-top:4px;}
.action-links li:first-child {margin-top:0;}
.action-links li.action-volunteer {background:url(/images/btn1.png) top repeat-x #96d273;}
.action-links li.action-join {background:url(/images/btn2.png) top repeat-x #6ebc5e;}
.action-links li.action-donate {background:url(/images/btn3.png) top repeat-x #4eaa4e;}
.action-links li a {display:block; padding:12px 14px 12px 14px; font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15);}
.action-links li a:hover {background:rgba(0, 118, 0, 0.2);}
.lt-ie9 .action-links li a:hover {background: url("/rgba/rgba.php/rgba(0, 118, 0, 0.2)");}

/* Latest News */
#latest-news {margin-top:16px; font-size:14px; line-height:18px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15);}
#latest-news h2.box-head {background:url(/images/news-bg.jpg) no-repeat #054e6f; font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; line-height:36px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15); padding:34px 14px 10px 14px;}
#latest-news article {padding:12px 15px 9px 15px; background:url(/images/newsbox.png) top repeat-x #3ab2e6;}
#latest-news .text h3 {font-family:arimo, Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; line-height:18px; padding:0px 0px 9px 0px; color:#054e6f; text-shadow:1px 1px 0 rgba(255,255,255,.3);}
#latest-news .text h3 a {color:#054e6f;}
#latest-news .text h3 a:hover {color:#0c6b96; text-decoration:none;}
#latest-news .text p {padding-bottom:8px;}
#latest-news .text a {color:#b4f176;}

/* Upcoming Events */
#upcoming-events {margin-top:16px; font-size:14px; line-height:18px; color:#015801; text-shadow:1px 1px 0 rgba(255,255,255,.3)}
#upcoming-events h2.box-head {background:url(/images/events-bg.jpg) no-repeat #054e6f; font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; line-height:36px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15); padding:34px 14px 10px 14px;}
#upcoming-events ul {padding:3px 15px 7px 15px; background:url(/images/eventsbox.png) top repeat-x #75c25c;}
#upcoming-events li {border-top:1px solid rgba(0, 0, 0, .05); box-shadow:0 1px 0 rgba(255, 255, 255, .25) inset; padding:9px 0px 9px 58px; overflow:auto;}
.lt-ie9 #upcoming-events li {border-top:1px solid #a9e183;}
#upcoming-events li:first-child {border-top:0; box-shadow:none;}
#upcoming-events li a {color:#015801;}
#upcoming-events li a .date {color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15); font-weight:bold; text-transform:uppercase; display:inline-block; width:58px; margin-left:-58px; vertical-align:top;}
#upcoming-events li a .event-name {display:inline-block; vertical-align:top;}
#upcoming-events li a:hover .event-name {text-decoration:underline;}

/* News */
.news-item {border-top:1px solid #e2e2e2; margin:30px 0px 0px 0px; padding:21px 0px 0px 0px; overflow:hidden;}
.news-item:first-child {border:0; margin-top:0; padding-top:0;}
.text h2.news-head a {color:#0e7fb0;}
.text h2.news-head a:hover {color:#33a531; text-decoration:underline;}
.news-postdate {font-size:12px; line-height:14px; text-transform:uppercase; color:#acacac; padding:3px 0px 0px 0px;}
.news-pagination {color:#acacac; padding-top:20px; border-top:1px solid #e2e2e2; margin:30px 0px 0px 0px; overflow:auto;}
.news-pagination p {padding:0;}
.prev-btn {float:left;}
.next-btn {float:right;}
.page-text {margin:0 auto; text-align:center;}
.archive-link {margin:0 auto; text-align:center;}
.archive-link a {display:block;}

/* Events */
.event-item {border-top:1px solid #e2e2e2; margin:30px 0px 0px 0px; padding:21px 0px 0px 0px; overflow:auto;}
.event-item:first-child {border:0; margin-top:0; padding-top:0;}
.text h2.event-head a {color:#0e7fb0;}
.text h2.event-head a:hover {color:#33a531; text-decoration:underline;}
p.event-date {padding:3px 6px 3px 6px; background-color:#cef0ff; margin-bottom:14px; display:inline-block;}
p.event-date strong {color:#008fce;}
.events-pagination {color:#acacac; padding-top:20px; border-top:1px solid #e2e2e2; margin:30px 0px 0px 0px; overflow:auto;}

/* Gallery */
.gallery {margin:0px -2px 0px -2px; font-size:0;}
.gallery-item {display:inline-block; width:33.33333%;}
.gallery-item a {display:block; margin:2px;}
.gallery-item a:hover img {opacity:0.7;}
.gallery-item img {width:100%;}

/* Google map */
#gmap {width:100%; height:350px; background-color:#CBCBCB;}
#gmap .infowindow {padding:4px;}
#gmap .infowindow h4 {padding-bottom:0;}
#gmap .infowindow p {font-family:arimo, Arial, Helvetica, sans-serif; font-size:15px; line-height:21px; padding-bottom:0;}

/* Forms */
.membership-form, .donation-form {border-bottom:1px solid #c2c2c2; padding:0px 0px 30px 0px; margin-top:-14px;}
.formfield {padding:0px 0px 20px 0px;}
.formfield.static-text {padding-bottom:0;}
p.helptext, #p_blurb_counter {font-size:13px; line-height:18px; padding-bottom:0; color:#747474;}
input, textarea, select {background-color:#fff; border:1px solid #c2c2c2; font-family:arimo, Arial, Helvetica, sans-serif; margin:3px 0px 0px 0px; padding:5px 5px 5px 5px;}
input[type=text], textarea {width:548px;}
textarea {vertical-align:top;}
label {display:block; font-weight:bold;}
.radio-group div {padding:8px 0px 0px 20px;}
.radio-group div input {display:inline-block;}
.radio-group div label {display:inline-block; font-weight:normal; color:#242424;}
.checkbox input {display:inline-block;}
.checkbox label {display:inline-block; font-weight:normal; color:#242424;}
input[type=submit] {padding:12px 14px 12px 14px; font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-size:22px; line-height:36px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15); background-color:#83ca65; border:0;}
input[type=submit]:hover {background-color:#5eab3e;}
.error_message {padding:10px 10px 10px 10px; background-color:#ea8989; margin:-14px 0px 30px 0px;}
.error_message p {color:#000; padding-bottom:0;}
.fb_invalid label {color:#b70000;} 
.fb_invalid input, .fb_invalid textarea, .fb_invalid select {border:1px solid #b70000;}
p.form-error {font-size:13px; line-height:18px; padding:3px 0px 0px 0px; color:#b70000;}
.form-success {background-color:#6dc9f1; font-weight:bold; padding:10px 10px 10px 10px;}
.form-success p {color:#000; padding-bottom:0;}
.captcha {padding-bottom:20px;}
.captcha img {display:block; border:1px solid #c2c2c2; margin:3px 0px 6px 0px;}
.captcha p {padding-bottom:0;}

/* Home */
body.page-home #content-bar {background:none; padding-top:20px;}
#row-1 {padding:0px 0px 10px 0px; overflow:auto;}
#row-2 {overflow:auto;}
#row-2 section {float:left; width:558px; padding:25px 26px 12px 26px; background-color:#eaeaea;}

/* Home Action Buttons */
#action-col {float:left; width:242px;}
#action-col li {height:126px; position:relative; margin-top:4px;}
#action-col li:first-child {margin-top:0;}
#action-col li.home-volunteer {background:url(/images/home-btn1-graphic.png) no-repeat bottom right, url(/images/home-btn1.png) top repeat-x #96d273;}
.lt-ie9 #action-col li.home-volunteer {background:url(/images/home-btn1-graphic.png) no-repeat bottom right #96d273;}
#action-col li.home-join {background:url(/images/home-btn2-graphic.png) no-repeat bottom right, url(/images/home-btn2.png) top repeat-x #6dbc5e;}
.lt-ie9 #action-col li.home-join {background:url(/images/home-btn2-graphic.png) no-repeat bottom right #6dbc5e;}
#action-col li.home-donate {background:url(/images/home-btn3-graphic.png) no-repeat bottom right, url(/images/home-btn3.png) top repeat-x #4faa4e;}
.lt-ie9 #action-col li.home-donate {background:url(/images/home-btn3-graphic.png) no-repeat bottom right #4faa4e;}
#action-col li a {display:block; height:100%; width:100%;}
#action-col li a:hover {background:rgba(0, 118, 0, 0.2);}
.lt-ie9 #action-col li a:hover {background: url("/rgba/rgba.php/rgba(0, 118, 0, 0.2)");}
#action-col li a h3 {position:absolute; top:14px; left:16px; font-weight:normal; font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-size:40px; line-height:48px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15);}
#action-col li a p {position:absolute; bottom:14px; left:16px; width:140px; font-size:15px; line-height:19px; text-shadow:1px 1px 0 rgba(255,255,255,.3);}
#action-col li.home-volunteer a p {color:#018001;}
#action-col li.home-join a p {color:#006f00;}
#action-col li.home-donate a p {color:#015801; width:110px;}

/* Home Slides */
#slides-box {float:right; width:714px; height:386px; overflow:hidden;}
#slides-box img {width:100%; height:100%; padding:0;}
#slide-message {width:100%; height:100px; background:url(/images/slide-tint.png) bottom repeat-x; position:absolute; bottom:0; left:0; z-index:140;}
#slide-message h2 {text-indent:-5000px; overflow:hidden;}
#slides-box #slide-message img {width:100%; max-width:505px; height:auto; position:absolute; bottom:0; left:0;}
.lt-ie9 #slides-box #slide-message img {max-height:100px;}
#home-slides {width:100%; height:100%; background:url(/images/loading.gif) no-repeat center center #cccccc;}
.cycle-prev, .cycle-next {position:absolute; top:0; width:30%; opacity:0; filter:alpha(opacity=0); z-index:150; height:100%; cursor:pointer;}
.cycle-prev {left:0; background:url(/images/slide-arrow-left.png) left 50% no-repeat;}
.cycle-next {right:0; background:url(/images/slide-arrow-right.png) right 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover {opacity:1; filter:alpha(opacity=100)}

/* Home Side Column */
body.page-home #side-col {width:340px; padding:0px 0px 0px 0px;}
body.page-home #latest-news {margin-top:0; font-size:15px; line-height:21px;}
body.page-home #latest-news h2.box-head {background:url(/images/news-home-bg.jpg) no-repeat #054e6f; padding-top:60px;}
body.page-home #latest-news article {background:url(/images/newsbox-home.png) top repeat-x #3ab2e6; padding-top:16px;}
body.page-home #latest-news .text h3 {font-size:17px; line-height:20px;}
body.page-home #upcoming-events {margin-top:10px; font-size:15px; line-height:19px;}
body.page-home #upcoming-events h2.box-head {background:url(/images/events-home-bg.jpg) no-repeat #054e6f; padding-top:60px;}
body.page-home #upcoming-events ul {background:url(/images/eventsbox-home.png) top repeat-x #74c25c;}
body.page-home #upcoming-events li {padding-left:60px;}
body.page-home #upcoming-events li a .date {width:60px; margin-left:-60px;}
.home-notice {margin-top:10px;}
.home-notice .notice {margin:0; padding:16px 15px}

/* Sticky footer */
html, body {height:100%;}
#wrap {min-height:100%; height:auto !important; height:100%;}

/* Footer */
#footer-bar {width:100%; background:url(/images/footer.png) top repeat-x #005e89;}
footer {padding:26px 0px 26px 0px; font-size:14px; line-height:18px; overflow:auto; background:url(/images/footer-graphic.png) no-repeat bottom right;}
#footer-nav {overflow:auto; padding:0px 0px 22px 0px;}
.footer-col {float:left; width:127px; padding:0px 0px 0px 10px;}
.footer-col:first-child {padding-left:0;}
.footer-col a {color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.15);}
.footer-col a:hover {text-decoration:underline;}
.footer-col h4 a {font-size:15px; line-height:18px; color:#83daff; padding:0px 0px 6px 0px;}
.footer-col h4 a:hover {color:#b2e8ff; text-decoration:none;}
.footer-col li {padding:7px 0px 0px 0px;}
#footer-minor-nav a {color:#83daff;}
#footer-minor-nav a:hover {text-decoration:underline;}
#footer-minor-nav li {float:left; padding:0px 30px 0px 0px;}
p.credit {float:right; text-align:right; width:300px; color:#449ac0;}
p.credit a {color:#449ac0;}
p.credit a:hover {color:#bceaff; text-decoration:underline;}

/* temp */
.page-item {padding:0px 0px 10px 0px; overflow:auto;}
.page-banner {float:left; margin:0px 20px 0px 0px;}

/* #Media Queries
================================================== */

/* Smaller than 1120 (devices and browsers) */
@media only screen and (max-width:1120px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:959px) {
	.page-width {width:748px;}
	#minor-nav li {font-size:17px;} 
	#desktop-nav li {padding:0px 0px 0px 17px;}
	#desktop-nav li a {height:24px; padding:16px 0px 11px 0px; font-size:17px; line-height:24px; letter-spacing:0.45px;}
	#main-col {width:608px;}
	#mid-col {width:348px;}
	footer {font-size:12px; line-height:18px;}
	.footer-col {width:96px;}
	.footer-col h4 a {font-size:12px; line-height:18px; font-weight:normal;}
	.gallery-item {width:50%;}
	input[type=text], textarea {width:336px;}
	.text .img-box {width:100%; float:none; margin:5px 0px 19px 0px;}
	
	/* Home */
	#action-col {width:170px;}
	#action-col li {height:101px;}
	#action-col li.home-volunteer {background:url(/images/home-btn1.png) top repeat-x #96d273;}
	#action-col li.home-join {background:url(/images/home-btn2.png) top repeat-x #6dbc5e;}
	#action-col li.home-donate {background:url(/images/home-btn3.png) top repeat-x #4faa4e; height:100px;}
	#action-col li a h3 {top:13px; font-size:30px; line-height:36px;}
	#action-col li a p {bottom:12px;}
	#slides-box {width:574px; height:310px;}
	#row-2 section {width:442px;}
	body.page-home #side-col {width:244px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	.page-width {width:460px;}
	#social-links, #minor-nav {display:none;}
	#nav-bar {height:auto; min-height:50px; position:relative; z-index:500; background:none #e2e2e2;}
	#desktop-nav {display:none;}
	#mobile-nav {display:block;}
	.mobile-menu-button {display:block}
	#blue-bar {display:block;}
	#breadcrumb-bar {display:none;}
	#content-bar {background:none; padding-top:20px;}
	#main-col {width:100%; float:none;}
	#nav-col {display:none;}
	#mid-col {width:auto; float:none; padding:25px 0px 40px 0px;}
	#side-col {width:auto; float:none;}
	.head-box h1 {font-size:36px; line-height:43px;}
	#latest-news, #upcoming-events {margin-top:10px;}
	#latest-news h2.box-head {background:#178dc0; padding-top:20px;}
	#upcoming-events h2.box-head {background:#45a229; padding-top:20px;}
	input[type=text], textarea {width:448px;}
	footer {background:none;}
	#footer-nav, #footer-minor-nav {display:none;}
	p.credit {float:none; width:auto; text-align:center;}
	
	/* Home */
	#action-col {width:100%; float:none;}
	#action-col li {height:60px;}
	#action-col li.home-volunteer {background:url(/images/home-btn1.png) top repeat-x #96d273;}
	#action-col li.home-join {background:url(/images/home-btn2.png) top repeat-x #6dbc5e;}
	#action-col li.home-donate {background:url(/images/home-btn3.png) top repeat-x #4faa4e;}
	#action-col li a h3 {top:auto; bottom:10px; font-size:30px; line-height:36px;}
	#action-col li a p, #action-col li.home-donate a p {position:absolute; bottom:12px; left:auto; right:16px; width:300px; text-align:right;}
	#slides-box {width:100%; height:auto; float:none; margin-bottom:4px;}
	#row-2 section {float:none; width:100%; box-sizing:border-box; margin-bottom:10px;}
	body.page-home #side-col {width:100%; float:none;}
	body.page-home #latest-news h2.box-head {background:#178dc0; padding-top:20px;}
	body.page-home #upcoming-events h2.box-head {background:#45a229; padding-top:20px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
	.page-width {width:100%;}
	#logo {width:80%; max-width:327px; height:auto; margin-left:14px;}
	#logo img {height:auto}	
	#mid-col {padding:19px 10px 40px 10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	#side-col {padding:0px 10px 0px 10px;}
	.head-box h1 {padding:15px 16px 11px 16px;}
	.gallery-item {width:50%;}
	input[type=text], textarea {width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.text .img-box {width:100%; float:none; margin:5px 0px 19px 0px;}
	.text .img-box.logo-image {width:100%; float:none; margin:15px 0px 12px 0px; text-align:center;}
	.text .img-box.logo-image img {display:inline-block;}
	
	/* Home */
	#slides-box {width:100%; height:auto; float:none; margin-bottom:4px;}
	#action-col {width:100%; float:none;}
	#action-col li {height:auto;}
	#action-col li a h3 {position:static; top:auto; left:auto; font-weight:normal; font-family:"Fjalla One", Arial, Helvetica, sans-serif; font-size:26px; line-height:31px; padding:13px 16px 0px 16px;}
	#action-col li a p, #action-col li.home-donate a p {position:static; bottom:auto; left:auto; right:auto; width:auto; text-align:left; padding:0px 16px 12px 16px;}
	#row-2 section {width:100%; padding:19px 16px 11px 16px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	body.page-home #side-col {width:auto; float:none;}
}

@media 
(-webkit-min-device-pixel-ratio:2), 
(min-resolution:192dpi) {
    /* Retina-specific stuff here */
	a.external {background:url(/images/external-link@2x.png) no-repeat right 7px; background-size:10px 10px;}
	.mobile-menu-button {background:url(/images/mobile-menu-button@2x.png) no-repeat #3a3a3a; background-size:50px 50px;}
	.submenu-toggle .arrow {background:url(/images/mobile-menu-toggle@2x.png) no-repeat top left; background-size:50px 50px;}
	#social-links li.twitter a {background-image:url(/images/twitter@2x.png); background-size:33px 66px;}
	#social-links li.facebook a {background-image:url(/images/facebook2@2x.png); background-size:33px 66px;}
	.cycle-prev {background:url(/images/slide-arrow-left@2x.png) left 50% no-repeat; background-size:40px 40px;}
	.cycle-next {background:url(/images/slide-arrow-right@2x.png) right 50% no-repeat; background-size:40px 40px;}
}
/* Stylesheet: awhitu Modified On 2017-08-09 09:53:48 */