/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.4
 * Browser:        0
 * Browser group: 
 */
* {margin: 0; padding: 0; text-decoration: none;}
.cboth {clear: both;}
a img {border: 0;}
.greenbox {font-size: 18px; font-weight: normal; color: #FFFFFF; font-family: "Helvetica Condensed"; text-transform: uppercase; padding: 7px 9px 6px 9px; background-color: #70914c; text-align: center;}
@font-face {font-family: "Helvetica Condensed"; src: url(fonts/helveticacondensedbold.ttf); }
h1, h2, h3, h4, h5 {font-weight: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a {font-weight: normal !important;}
body {background-color: #FFFFFF; font-family: "Trebuchet MS", sans-serif; font-size: 13px; color: #282525;}
body {behavior: url(/wp-content/themes/asap/includes/anythinghover.htc);}
#holder {width: 1142px; margin: 0 auto;}
#header {width: 100%; height: 114px; position: relative; z-index: 1000;}
#header .logo {position: relative; left: 20px; top: 13px; z-index: 500;}
#header li#menu-item-5 {background: url(images/nav_whoweare.gif) no-repeat; text-indent: -9999px; width: 106px;}
#header li#menu-item-6 {background: url(images/nav_whatwedo.gif); text-indent: -9999px; width: 104px;}
#header li#menu-item-7 {background: url(images/nav_wherewework.gif); text-indent: -9999px; width: 134px;}
#header li#menu-item-8 {background: url(images/nav_getinvolved.gif); text-indent: -9999px; width: 111px;}
#header li#menu-item-26 {background: url(images/nav_news.gif); text-indent: -9999px; width: 119px;}
#header li#menu-item-5:hover, #header li#menu-item-6:hover, #header li#menu-item-7:hover, #header li#menu-item-8:hover, #header li#menu-item-26:hover {background-position: 0px -31px; cursor: pointer;}
#header ul { list-style: none; }
#header ul.menu { position: absolute; top: 51px; left: 213px; z-index: 1200; }
#header ul.menu a { color: #FFFFFF; text-transform: uppercase; }
#header ul li { display: block; float: left; height: 30px; margin-right: 8px; position: relative; background: url(images/background_navbutton.png) repeat-x }
#header ul.menu li:hover {height: 36px;}
#header ul li:last-child { margin-right: 0px; }
#header li ul.sub-menu { position: absolute; z-index: 1100; top: 36px; left: -9999px; width: 146px; }
#header li:hover ul.sub-menu { left: 0px; }
#header li ul.sub-menu li { width: 100%; position: relative; float: none !important; background-image: none; background-color: rgb(212,67,31); background-color: rgba(211,67,31,0.9); text-indent: 0px !important; height: auto !important; }
#header li ul.sub-menu li a { display: block; border-radius: 0px !important; background: none; font-size: 12px; font-weight: bold; padding: 6px 15px 6px 15px; border-bottom: 1px solid #eaa595; }
#header li ul.sub-menu li:last-child a { border-bottom: none; }
#header li ul.sub-menu li:last-child ul a { border-bottom: 1px solid #eaa595; }
#header ul ul ul li:last-child a { border-bottom: none !important; }
#header li ul.sub-menu li:hover { background-color: rgb(231,112,50); background-color: rgba(231,112,50,0.9); border-radius: 0px !important; padding-bottom: 0px !important; }
#header li ul ul { position: absolute; top: 0px; left: -9999px !important; z-index: 170; background-color: rgb(231,112,50); background-color: rgba(231,112,50,0.9); width: 146px; }
#header ul ul ul li { display: block; width: 100%; }
#header ul ul ul li a { display: block; }
#header ul ul ul li a:hover { background-color: rgb(250,149,72) !important; background-color: rgba(250,149,72,0.9) !important; }
#header li ul.sub-menu li:hover ul { left: 146px !important; top: 0px !important; }
#left {width: 888px; float: left;}
#slideshow {width: 888px; height: 405px; position: relative; margin-bottom: 28px; overflow: hidden;}
#slideshow img {position: relative; z-index: 30;}
#pageimage {width: 888px; height: 237px; position: relative; margin-bottom: 28px; overflow: hidden;}
#pageimage img {position: absolute; z-index: 30; top: 0px; left: 0px;}
#pageimage .corners {background: url(images/pageimagecorners.png); position: absolute; top: 0px; left: 0px; z-index: 45; width: 888px; height: 237px;}
.red{color: #70914c; text-transform: uppercase; font-weight: normal; font-family: "Helvetica Condensed"; font-size: 16px; margin-bottom: 32px;}
.post h1 {margin-bottom: 32px;}
.post h2 {color: #bb1a0d; text-transform: uppercase; font-weight: normal; font-family: "Helvetica Condensed"; font-size: 16px; margin-bottom: 32px;}
.post h3 {color: #bb1a0d; text-transform: uppercase; font-weight: normal; font-family: "Helvetica Condensed"; font-size: 16px; margin-bottom: 4px;}
.post h4 {color: #bb1a0d; font-weight: bold; font-size: 14px; margin-bottom: 10px;}
.post p {margin-bottom: 19px;}
.post ul {margin-left: 17px; margin-bottom: 19px; line-height:200%;}
.post ol {margin-left: 17px; margin-bototm: 19px; line-height:200%;}
.post a {color: #bb1a0d; font-weight: bold;}
.post a:hover {text-decoration: underline;}
.post a.more-link {font-size: 12px; background: url(images/icon_arrow.png) no-repeat; padding-right: 14px; background-position: 100% -12px; margin-right: 8px;}
.post a.more-link:hover {color: #70914c; text-decoration: none; background-position: 100% 2px;}
.post a.comments-link {font-size: 12px; background: url(images/icon_comments.png) no-repeat; padding-right: 19px; background-position: 100% -27px;}
.post a.comments-link:hover {color: #70914c; text-decoration: none; background-position: 100% 2px;}
.post span.date {color: #bb1a0d; font-style: italic; font-size: 12px;}
.post object {float: left; margin-right: 20px; margin-bottom: 20px;}
.post .wp-caption {background-color: #eeeeee; border: 1px solid #dddddd; padding: 4px 0px 0px 0px !important; text-align: center; margin-bottom: 32px;}
.post .wp-caption p {margin-bottom: 5px;}
.post .alignleft {float: left; margin-right: 15px; margin-bottom: 0px;}
.post .alignright {float: right; margin-left: 15px; margin-bottom: 0px;}
.catpost {position: relative; min-height: 300px; margin-bottom: 35px;}
.catpost .image {width: 350px; height: 230px; position: relative; float: left; margin-top: 70px; margin-right: 42px;}
.catpost .image img {position: absolute; z-index: 30;}
.catpost .image:after {content: url(images/imagecorners.png); position: absolute; top: 0px; left: 0px; z-index: 40;}
.catpost .postinfo {width: 571px; height: 102px; background: url(images/background_catpostheading.png); position: absolute; top: 0px; right: 0px; z-index: 50;}
.catpost .postinfo span {text-transform: uppercase; color: #FFFFFF; font-family: "Helvetica Condensed"; display: block; text-align: center; position: absolute; left: 32px;}
.catpost .postinfo span.day {font-size: 40px; top: 21px;}
.catpost .postinfo span.month {font-size: 22px; top: 48px;}
.catpost .postinfo span.year {font-size: 20px; top: 66px;}
.catpost .postinfo h2 {position: absolute; left: 116px; top: 33px; margin-bottom: 0px;}
.catpost .postinfo h2 a {color: #FFFFFF;}
.catpost .content {width: 425px; float: left; padding-top: 62px;}
.catpost p.category {position: relative; z-index: 60; color: #70914c; font-size: 12px; font-style: italic;}
.catpost p.category a {font-style: normal;}
.catpost .links {width: 425px; position: absolute; left: 392px; bottom: 0px; font-size: 12px; font-weight: bold;}
.singlepost {}
.singlepost .postinfo {background: url(images/background_singlepostheading.png); width: 846px; height: 103px; position: relative; margin-bottom: -42px;}
.singlepost .postinfo span {text-transform: uppercase; color: #FFFFFF; font-family: "Helvetica Condensed"; display: block; text-align: center; position: absolute; right: 30px;}
.singlepost .postinfo span.day {font-size: 40px; top: 26px;}
.singlepost .postinfo span.month {font-size: 22px; top: 51px;}
.singlepost .postinfo span.year {font-size: 20px; top: 71px;}
.singlepost .postinfo h2 {position: absolute; left: 9px; top: 33px;}
.singlepost .postinfo h2 a {color: #FFFFFF;}
.singlepost p.category {position: relative; z-index: 60; color: #70914c; font-size: 12px; font-style: italic; text-indent: 9px;}
.singlepost p.category a {font-style: normal;}
.singlepost .content {position: relative; z-index: 60;}
.social {position: relative; height: 50px;}
.social .fblike {position: absolute; left: 0px; top: 3px;}
.social #___plusone_0 {position: absolute; left: 80px; top: 0px;}
.social .twitter-share-button {position: absolute; left: 150px; top: 3px;}
#comments h2#comments-title {font-size: 16px; font-weight: normal; color: #FFFFFF; font-family: "Helvetica Condensed"; text-transform: uppercase; padding: 4px 9px 2px 8px; background-color: #70914c;}
#comments h3#reply-title {font-size: 16px; font-weight: normal; color: #FFFFFF; font-family: "Helvetica Condensed"; text-transform: uppercase; padding: 4px 9px 2px 8px; background-color: #70914c; margin-bottom: 30px;}
ul.commentlist {list-style: none;}
ul.commentlist li.comment {clear: both; margin-bottom: 35px;}
li.comment .date {width: 80px; height: 80px; float: left; background: url(images/background_commentdate.png) no-repeat; position: relative; margin-right: 16px;}
li.comment .date span {text-transform: uppercase; color: #FFFFFF; font-family: "Helvetica Condensed"; display: block; text-align: centre; position: absolute; left: 24px;}
li.comment .date span.day {font-size: 32.45px; top: 10px;}
li.comment .date span.month {font-size: 17.85px; top: 33px;}
li.comment .date span.year {font-size: 16.22px; top: 50px;}
li.comment h3 {text-transform: uppercase; font-family: "Helvetica Condensed"; font-size: 16px; margin-bottom: 4px;}
li.comment.odd .date {background-position: -82px 0px;}
li.comment.odd h3 {color: #70914c;}
li.comment.even .date {background-position: 0px 0px;}
li.comment.even h3 {color: #a9c887;}
li.comment.byuser .date {background-position: -165px 0px;}
li.comment.byuser h3 {color: #bb1a0d;}
li.comment .comment-content {width: 605px; float: left; padding-top: 13px;}
#comments p.comment-notes {display: none;}
#comments p {width: 350px; display: block;}
#comments p.comment-form-comment {position: absolute; right: 0px; top: 0px;}
#comments p.comment-form-comment textarea {width: 240px; float: right; border: 1px solid #70914c; height: 68px; padding: 5px;}
#comments p.comment-form-author {float: left;}
#comments p.comment-form-email {clear: left; float: left;}
#comments p.form-allowed-tags {display: none;}
#comments label {font-size: 14px; font-weight: normal; color: #70914c; font-family: "Helvetica Condensed"; text-transform: uppercase;}
#comments p input {border: 1px solid #70914c; width: 250px; height: 29px; float: right; text-indent: 10px;}
#comments span.required {display: none;}
#comments form#commentform {position: relative;}
#comments p.form-submit {clear: both; width: 100%; text-align: right;}
#comments input#submit {height: 35px; width: 76px; display: block; background: url(images/button_send.png) 0px 0px; border: none !important; float: right; text-indent: -9999px; cursor: pointer;}
#comments input#submit:hover {background-position: 0px -36px;}
body.logged-in #comments p {width: 100%; float: none !important;}
body.logged-in #comments label {display: block;}
body.logged-in #comments textarea {float: none !important; width: 480px; height: 150px;}
body.logged-in #comments p.comment-form-comment {position: static !important;}
body.logged-in #comments input#submit {float: none !important;}
#content {line-height: 20px; padding-right: 41px; margin-top:20px;}
body.home #content .left {width: 450px; padding-right: 48px; border-right: 1px solid #d4dec9; float: left;}
body.home #content .left h1.box {margin-bottom: 32px;}
body.home #content .left h2 {margin-bottom: 23px;}
body.home #content .right {width: 300px; padding-left: 48px; float: left;}
body.home #content .right h2 {margin-bottom: 0px;}
body.home #content .right h2.box {margin-bottom: 32px;}
body.home #content .right .post p{margin-bottom: 10px;}
body.home #content .right .post {margin-bottom: 30px;}
.wp-pagenavi {text-transform: uppercase; font-family: "Helvetica Condensed"; font-size: 16px; color: #bb1a0d;}
.wp-pagenavi a.page {color: #f9b9ba;}
.wp-pagenavi a.nextpostslink {color: #bb1a0d; margin-left: 12px;}
.wp-pagenavi span.pages {padding-right: 18px;}
.wp-pagenavi span.current, .wp-pagenavi a.page {margin-right: 6px;}
#right {width: 253px; float: left; background-color: #8c1e1d; padding-top: 25px; padding-bottom: 24px; color: #FFFFFF; margin-bottom: 20px;}
#right a {color: #f28c3e;}
#right a:hover {color: #FFFFFF; text-decoration: none;}
#right a.donate {display: block; width: 246px; height: 61px; background: url(images/button_donate.png) no-repeat 0px 0px; text-indent: -9999px; margin-bottom: 24px; margin-left: 5px;}
#right a.donate:hover {background-position: 0px -62px;}
#right a.block {width: 246px; height: 79px; display: block; margin-left: 4px; text-indent: -9999px; margin-bottom: 4px;}
#right a.capacity {background: url(images/block_capacity.png) no-repeat 0px 0px;}
#right a.capacity:hover {background-position: 0px -82px;}
#right a.education {background: url(images/block_education.png) no-repeat 0px 0px;}
#right a.education:hover {background-position: 0px -90px;}
#right a.nutrition {background: url(images/block_nutrition.png) no-repeat 0px 0px;}
#right a.nutrition:hover {background-position: 0px -100px;}
#right a.health {background: url(images/block_health.png) no-repeat 0px 0px;}
#right a.health:hover {background-position: 0px -100px;}
#right a.psycho {background: url(images/block_psycho.png) no-repeat 0px 0px;}
#right a.psycho:hover {background-position: 0px -100px;}
#right h2 {display: block; background-color: #FFFFFF; color: #bb1a0d; text-transform: uppercase; font-weight: normal; font-family: "Helvetica Condensed"; font-size: 16px; padding: 4px 0px 3px 0px; margin-bottom: 27px; text-indent: 14px;}
#right a.statements {width: 187px; height: 52px; display: block; background: url(images/button_statements.png) 0px -4px; text-indent: -9999px; margin-left: 58px; margin-bottom: 24px;}
#right a.statements:hover {background-position: 0px -58px;}
#right .post {padding: 0px 30px 0px 17px; margin-bottom: 24px;}
#right .post h3 {color: #FFFFFF; margin-bottom: 5px; text-transform: uppercase; font-weight: normal; font-family: "Helvetica Condensed";}
#right .post h3 a {color: #FFFFFF;}
#right .post span.date {color: #FFFFFF; margin-bottom: 5px; display: block;}
#right .post p {margin-bottom: 5px;}
#right .news {padding-bottom: 3px;}
#right .box {list-style: none; margin-bottom: 32px;}
#right .box ul {list-style: none; padding: 0px 20px 0px 17px; }
#right .box li {margin-bottom: 8px;}
#right a.more-link {background: url(images/icon_sidebararrow.png) no-repeat 100% 2px;}
#right a.more-link:hover {color: #FFFFFF; background-position: 100% -19px;}
#right #mc_signup {margin-top: -15px; padding-bottom: 35px;}
#right #mc_signup label {display: none !important;}
#right .mc_help {display: none !important;}
#right input#mc_mv_EMAIL {border: none; color: #8c1e1d; font-size: 12px; height: 30px; line-height: 30px; width: 160px; text-indent: 8px; float: left; margin-left: 10px;}
#right input#mc_signup_submit {height: 35px; width: 76px; display: block; background: url(images/button_send.png) 0px 0px; border: none; text-indent: -9999px; cursor: pointer; float: left; margin-left: -10px; margin-top: -3px;}
#right input#mc_signup_submit:hover {background-position: 0px -36px;}
#right .mc_error_msg, #right .mc_success_msg {color: #FFFFFF; padding-left: 17px;}
#footer {border-top: 1px solid #9bb281; border-bottom: 1px solid #9bb281; position: relative; margin-bottom: 22px; height: 49px; font-size: 11px; color: #70914c; margin-top: 30px;}
#footer a {color: #70914c;}
#footer a:hover {text-decoration: underline;}
#footer .left {width: 560px; position: absolute; top: 0px; left: 0px; padding-top: 6px; line-height: 18px;}
#footer .right {width: 405px; position: absolute; top: -2px; right: 0px;}
#footer img {vertical-align: middle}
#footer .connect {font-family: "Helvetica Condensed"; font-size: 14px; text-transform: uppercase; margin-right: 30px; line-height: 49px;}
#footer .socnet {margin-top: -5px;}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { #holder {width: 960px;}
#left {width: 706px;}
#slideshow {width: 706px;}
#pageimage {width: 706px;}
#header ul.menu > li {background-image: none !important; text-indent: 0px !important; background-color: #BB1A0D !important; width: auto !important; height: auto !important; padding: 4px;}
#header ul.menu {left: 200px;}
#header ul li {margin-right: 5px;}
#header li ul.sub-menu {top: 23px !important;}
#header li#menu-item-26:hover ul {left: -55px;}
body.home #content .left {width: 379px; padding-right: 28px;}
body.home #content .right {width: 229px; padding-left: 28px;}
.catpost {min-height: 350px;}
.catpost .postinfo {width: 405px;}
.catpost .content {width: 265px;}
#footer .left {width: 525px;}
#footer .right {width: 382px}
#footer .connect {margin-right: 10px;}
.singlepost .postinfo {width: 686px !important; background-position: right;}
#comments p {width: 325px;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { #holder {width: 740px;}
#header {height: 221px;}
#left {width: 486px;}
#slideshow {display: none;}
#pageimage {display: none;}
#header ul.menu {top: 190px; left: 0px;}
#header ul li {margin-right: 2px;}
#header li#menu-item-26:hover ul {left: -55px;}
#header li ul.sub-menu {top: 23px !important;}
#header ul.menu > li {background-image: none !important; text-indent: 0px !important; background-color: #BB1A0D !important; width: auto !important; height: auto !important; padding: 4px;}
body.home #content .left {float: none !important; width: 100%; padding-left: 15px; padding-right: 15px !important; border-right: none !important;}
body.home #content .right {float: none !important; padding-left: 15px !important; width: 100%;}
.post object {float: none !important;}
.singlepost .postinfo {width: 475px; background-position: right;}
.singlepost .content {width: 475px;}
.singlepost img {max-width: 98%;}
.singlepost .wp-caption {max-width: 100% !important;}
#comments p {float: none !important; width: 100% !important; position: static !important;}
#comments p input {float: none !important;}
#comments p textarea {float: none !important;}
#comments p label {display: block;}
#footer {height: 90px;}
#footer .left {width: 100% !important; text-align: center;}
#footer .right {width: 100% !important; text-align: center; top: 40px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), screen and (max-width: 480px) { #holder {width: 460px}
#slideshow {display: none;}
#pageimage {display: none;}
#header {height: 221px;}
#left {width: 450px;}
#right {display: none;}
#header ul.menu {top: 190px; left: 7px; font-size: 85%}
#header ul li {margin-right: 1px;}
#header li#menu-item-26:hover ul {left: -55px;}
#header li ul.sub-menu {top: 23px !important;}
#header ul.menu > li {background-image: none !important; text-indent: 0px !important; background-color: #BB1A0D !important; width: auto !important; height: auto !important; padding: 4px;}
body.home #content .left {float: none !important; width: 100%; padding-left: 15px; padding-right: 15px !important; border-right: none !important;}
body.home #content .right {float: none !important; padding-left: 15px !important; width: 100%;}
#comments p {float: none !important; width: 100% !important; position: static !important;}
#comments p input {float: none !important;}
#comments p textarea {float: none !important;}
#comments p label {display: block;}
#footer {height: 130px;}
#footer .left {width: 100% !important; text-align: center;}
#footer .right {width: 100% !important; text-align: center; top: 60px;}
.singlepost .postinfo {width: 446px; background-position: right;}
.singlepost .content {width: 446px;}
.singlepost img {max-width: 100%;}
.catpost .image {display: none;}
.catpost .postinfo {position: relative !important; top: 0px !important; left: 0px !important; width: 100% !important;}
.catpost .content {padding-top: 15px !important;}
}