html, body {height: 100%}
p, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, cite, address { margin: 0; padding: 0; font-weight: normal; list-style: none; }
/* RECYCLED styles */
p {line-height: 150%; padding-bottom: 18px;}
a:link, a:visited {color: #0F6815; text-decoration: none;}
a:hover {text-decoration: underline;}
a.readmore {color: #990000; text-decoration: none;}
a.readmore:hover {text-decoration: underline;}
ul, ol { padding-bottom: 18px;}
#pages ul, #pages ol {margin-left: 35px;}
#pages ul li {list-style: square; padding: 0 0 8px 0;}
ol li {list-style-type: decimal;}
#pages ol li {padding: 0 0 8px 0;}
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color: #0F6815;}
h2 a:link, h3 a:link {color: #0F6815;}
#content-main h2, #content-full h2 {color: #0F6815;}
#content-main h2 a:link, #content-main h2 a:visited {color: #0F6815;}
#content-main h2 a:hover {text-decoration: none; border-bottom: 1px dotted;}
div#content-main a, #content-sub a {font-weight: bold; text-decoration: underline;}
div#content-main h3 a, #content-sub h3 a {font-weight: bold; text-decoration: none;}
#content-main blockquote, #content-sub blockquote { border-left: 3px solid #666; background: #EFEFEF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; margin-bottom: 18px; padding: 10px;}
cite {font-family: Arial, Helvetica, sans-serif;display: block; margin: 0; padding: 0; margin-top: 10px; font-size: 13px; font-style: normal;}
cite p, blockquote p {margin: 0; padding: 0;}
.clearboth {clear: both;}
.caps {text-transform: uppercase;}
.none {display: none;}
.bold {font-weight: bold}
.attention { background: #EFEFEF; border: 1px solid #CCC; padding: 10px 12px; margin-bottom: 18px;}
.attention-comments { background: #FFF; border: 1px solid #CCC; padding: 10px 12px; margin: 18px;}
.imgright {float: right; padding: 5px; margin: 0 0 12px 24px; border: 1px solid #CCC;}
.imgleft {float: left; padding: 5px; margin: 0 24px 12px 0; border: 1px solid #CCC;}
.imgcenter { padding: 0; margin: 0 0 12px 0;}
.leftpad {padding-left: 15px;}
/* SKELETAL stlyes */
body { font-family: Arial, Helvetica, sans-serif;font-size: 13px; background: none; margin: 0; padding: 0; text-align: center; color: #535353; background: #0F6816 url(../images/bg_green_02.jpg) repeat-x top left;}
#container { width: 910px; margin: 0 auto; text-align: left; padding: 0; }
div#wrapper { background: url(../images/bg_content.png) repeat-y; padding: 0 30px;}
body#pages div#wrapper { padding-bottom: 12px;}
div#content-main {}
div#content-main, div#content-full { padding-top: 16px;}
/* BRANDING styles */
div#branding {background: url(../images/bg_branding.png) no-repeat left bottom; position: relative; height: 143px; z-index: 5000;}
div#branding h1#logo a img {position: absolute; top: 24px; left: 34px; width: 224px; height: 87px; border: none; }
div#branding h1#logo a:hover {outline: none;}
div#branding h1#logo a:focus {outline: none;}
/* SITE INFO styles */
#site-info { position: relative; background: url(../images/bg_site_info.png) no-repeat bottom center; padding: 30px; padding-top: 0; position: relative; margin-bottom: 30px;}
#site-info p { border-top: 1px solid #CCC; margin: 0; padding: 0; font-size: 12px; padding-top: 15px; }
#index #site-info p { border-top: 1px dotted #B1B1B1; }
/* NAVIGATION styles */
div#navigation {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase; position: absolute; bottom: 34px; right: 30px; background: transparent url(../images/bg_nav.jpg) no-repeat left; height: 32px; width: 600px; z-index: 3000;}
div#nav-rel { position: relative; }
/* suckerfish */
#nav, #nav ul {padding: 0; margin: 0; list-style: none; }
#nav a {display: block;}
#nav li { float: left;}
#nav li ul {position: absolute; width: 200px; left: -999em;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul { left: auto;}
ul#nav {font-size: 16px; display: block; position: absolute; right: 0px; top: 0; border: none; margin: 0; padding: 0; }
ul#nav li, ul#nav-info li { display: inline;}
ul#nav li {border: none;}
ul#nav li a {color: #13821C; padding: 7px 28px; text-decoration: none; border: none; letter-spacing: 1px; font-weight: bold; }
ul#nav li:hover {background: #76DA7D url(../images/menu_bg_01.jpg) no-repeat; background-position: left top; color: #0F6815; border: none;}
ul#nav li:hover a {color: #FFF;}
ul#nav li.current {margin: 0; padding: 0; background: none; background-position: left top; color: #535353; border: none;}
ul#nav li.current a {color: #1DC929;}
ul#nav li.current:hover {background: #76DA7D url(../images/menu_bg_01.jpg) no-repeat;}
ul#nav li.current:hover a {color: #FFF;}
ul#nav li ul {color: #0F6816; background: #76DA7D url(../images/menu_bg_dropdown_01.jpg) no-repeat; background-position: left top; font-size: 12px; text-transform: none; border: none; padding-top: 1px; z-index: 300;}
ul#nav li.current ul li:hover, ul#nav li ul li:hover {background: #FBFBFB url(../images/menu_bg_dropdown_hover_01.jpg) repeat-y; background-position: left top;}
ul#nav li ul li {padding-bottom: 0;}
ul#nav li.hover ul li {color: #0F6816;}
ul#nav li ul li a, ul#nav li ul li a:hover {width: 144px; border: none;}
ul#nav li ul li:hover {background: #FBFBFB url(../images/menu_bg_dropdown_hover_01.jpg) repeat-y; background-position: left top;}
/* nav-info */
ul#nav-info {position: absolute; right: 30px; top: 18px; font-size: 12px;}
#pages ul#nav-info {position: absolute; right: 30px; top: 18px; font-size: 12px;}
ul#nav-info li {padding: 0; margin: 0;}
ul#nav-info li a {padding: 0 6px 0 4px;}
ul#nav-info li#contact a {}
ul#nav-info li#about a {}
/* SLIDESHOW styles */
div#slide-wrapper {width: 850px; height: 270px; position: relative; padding-bottom: 60px; margin: 0 auto; }
div#slide-wrapper p.help {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; position: absolute; bottom: 5px; color: #666; font-size: 12px;}
#slide-wrapper div#nav-pager {position: absolute; z-index: 100; bottom: 30px; right: 5px; font-size: 10px;}
#slide-wrapper div#nav-pager a {color: #4A79AA; padding: 3px 6px; margin: 2px; text-decoration: none; background: #fff; border: 1px solid #FFF;}
#slide-wrapper div#nav-pager a.activeSlide {background: #75BAFF; border: 1px solid #359AFF; color: #fff; }
#slide-wrapper div#nav-pager a:hover {background: #75BAFF; border: 1px solid #359AFF; color: #FFF;}
div#slideshow {margin: 0; padding: 0; width: 850px; height: 270px;}
div.slideshow-item {display: none; padding: 0; margin: 0;}
div.slideshow-item.first {display: block;}
div.slideshow-item img {float: right; width: 500px; height: 270px; margin: 0; padding: 0;}
div.slideshow-item a img, div.slideshow-item a:link img {border: none;}
div.slide-text {background: #428947; width: 350px; height: 270px; float: left; overflow: hidden;}
div.slide-text a:link, div.slide-text a:hover, div.slide-text a:visited {color: #FFF;}
div.slide-text p a:hover {text-decoration: none; border-bottom: 1px dotted;}
div.slide-text h3 { padding: 15px 20px; margin: 0; margin-top: 20px; font-size: 22px; text-transform: none; color: #91C7FF; background: #0F6816 url(../images/h3_text_box.jpg) repeat-y left top;}
div.slide-text p {margin: 0; padding: 15px 20px; padding-bottom: 0; color: #FFF; font-size: 16px;}
div#content-main div.slide-text p a {font-weight: normal; text-decoration: none;}
div#content-main div.slide-text p.link a {padding-left: 16px; background: url('../images/arrow_white.png') no-repeat left center; font-weight: bold;}
div.slide-text p.readmore {background: url(../images/arrow_6x8_slide.png) no-repeat; background-position: 20px 23px;}
div.slide-text p.readmore a:link, div.slide-text p.readmore a:visited {margin-left: 15px;color: #003688; border-bottom: 1px dotted;}
div.slide-text p.readmore a:hover {border-bottom: 1px solid;}
/* ESTILOS DE LA PAGINA stlyes */
/* INDEX */
#index div#content-sub { margin-top: 0px; }
ul#callouts ul {padding-bottom: 0;}
ul#callouts li {width: 260px; overflow: hidden; float: left; margin-right: 30px; margin-bottom: 12px; padding-top: 12px;}
ul#callouts li.special {
background: none repeat scroll 0 0 #EFEFEF;
padding: 12px;
width: 236px !important;
}
ul#callouts li p {padding-bottom: 10px;}
ul#callouts li p a {padding-left: 15px; background: url(../images/arrow_6x8.png) no-repeat left center; font-weight: bold; }
ul#callouts li#call h3, ul#callouts li.callout h3, #callouts h3.newsletter-heading {border-bottom: 1px dotted #B1B1B1; padding: 0; padding-bottom: 10px; margin-bottom: 15px;}
#callouts h3.newsletter-heading {
border-bottom: medium none;
border-top: 1px dotted #B1B1B1;
margin-bottom: 0;
padding-top: 20px;
}
#callouts li#newsletter, #callouts li#events {margin-right: 0;}
#callouts li h3 { color: #535353; letter-spacing: 1px; font-size: 16px; /*border-bottom: 1px dotted #B1B1B1;*/ text-transform: uppercase; background: none; margin: 0; margin-bottom: 10px; }
#callouts li h3 a:link, #callouts li h3 a:hover, #callouts li h3 a:visited {color:#535353;}
#callouts li#news h4, #callouts li#events h4 {font-size: 14px; font-weight: normal; margin-bottom: 5px; font-weight: bold; }
#callouts li#news li.item, #callouts li#events li.item {border-top: 1px dotted #B1B1B1; padding-top: 12px; margin-bottom: 5px; float: none;}
#callouts li#news h4 {}
#callouts p.posted { padding-bottom: 4px; color: #666;}
#callouts p.posted span {text-transform: uppercase; font-size: 11px; font-weight: bold; color: #444;}
#callouts p.blurb {padding-bottom: 10px;}
/* PAGES */
h2 {text-transform: uppercase; font-size: 16px; letter-spacing: 1px; padding-bottom: 10px; border-bottom: 1px solid #CCC; color: #535353; font-weight: bold;}
h3 {font-size: 14px; text-transform: uppercase; margin-bottom: 18px; font-weight: bold; color: #169A20;}
h4 {font-size: 14px; margin-bottom: 18px; font-weight: bold; color: #169A20;}
h5, h6 {text-transform: uppercase; margin-bottom: 18px;}
#pages ul#page-links {margin: 0 0 0 35px; padding: 0 0 18px 0;}
#pages ul#page-links li {margin: 0; padding: 0 0 10px 0;}
/* content-main */
#pages div#content-main {float: right; width: 580px;}
#pages div#content-full {width: 100%;}
#pages div#content-main h2, #pages div#content-full h2 {margin-bottom: 18px; }
#pages div#content-sub { padding-top: 21px; width: 240px; margin-right: 600px; overflow: hidden;}
div#content-noside {width: 100%;}
/* content-sub */
ul#pages-nav { margin: 0; padding-bottom: 28px;}
ul#pages-nav li {list-style: none; font-size: 14px; padding: 0; text-transform: uppercase; font-size: 12px;}
ul#pages-nav li a {font-weight: normal; text-decoration: none; color: #888; padding: 8px 10px; display: block; border-bottom: 1px solid #ccc; }
ul#pages-nav li a:hover {text-decoration: none; color: #333;}
ul#pages-nav li.current { }
ul#pages-nav li.current a {text-decoration: none; color: #222;}
#content-sub h3, #content-sub h4 {margin-bottom: 8px;}
#sidebar blockquote, #sidebar p, #sidebar img, #sidebar ul {margin-bottom: 12px;}
#content-sub h3 {}
#content-sub #upcoming-events li, #content-sub #recent-news li {padding-left: 25px; background: url(../images/arrow_6x8.png) no-repeat; background-position: 10px 5px;}
/* sidebar posts */
ul#upcoming-events, ul#recent-news {margin: 0 0 28px 0; padding: 0; background: #EFEFEF; margin-left: 10px;}
ul#upcoming-events li, ul#recent-news li {margin: 0; padding: 0 0 8px 0; list-style-type: none;}
ul#upcoming-events h3, ul#recent-news h3 { background: #CCC; color: #0F6815; font-weight: normal; padding: 8px 10px;}
/* news summary */
div#news-summary { border-top: 1px dotted #ccc; margin-left: 0;}
div#news-summary div {position: relative; padding: 15px; list-style-type: none; border-bottom: 1px dotted #ccc;}
div#news-summary div.odd {background: #EFEFEF;}
#news-summary p.posted {position: absolute; left: 15px; top: 14px; margin-bottom: 15px; letter-spacing: 1px;}
#news-summary div h3 {margin-left: 125px; margin-bottom: 0; font-size: 15px;}
#news-summary div p.body {margin-left: 125px; margin-top: 10px; padding: 0;}
/* events summary */
div#event-summary { border-top: 1px dotted #ccc; margin-left: 0;}
div#event-summary div {position: relative; padding: 15px; list-style-type: none; border-bottom: 1px dotted #ccc;}
div#event-summary div.odd {background: #EFEFEF;}
#event-summary p.posted {position: absolute; left: 15px; top: 15px; margin-bottom: 15px; letter-spacing: 1px;}
#event-summary div h3 {margin-left: 125px; margin-bottom: 0; font-size: 15px;}
#event-summary div p.body {margin-left: 125px; margin-top: 10px; padding: 0;}
/* event & news listings */
div#events {position: relative; padding-bottom: 18px;}
div#event-listing { }
#event-entry ul#details { padding: 0; margin: 0 0 18px 0;}
ul#details li {padding: 0 0 8px 0; list-style-type:none;}
div#news-entry {position: relative;}
div#event-entry {position: relative;}
#news-entry p.posted span {font-weight: bold;}
ul#entry-nav {font-size: 12px; display: inline; padding-bottom: 18px;}
ul#entry-nav li {list-style-type: none; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
ul#entry-nav li#prev {display: inline; float: left; max-width: 250px; padding: 5px 8px; background: #EFEFEF; }
ul#entry-nav li#next {display: inline; float: right; max-width: 250px; padding: 5px 8px; background: #EFEFEF; }
ul#entry-nav li#back {position: absolute; top: 0; right: 0; padding: 5px 0; clear: both; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
/* staff & board */
ul#board {margin-bottom: 14px;}
ul#staff {margin-left: 0; margin-bottom: 14px; border-top: 1px dotted #ccc;}
ul#staff li {padding-top: 23px; min-height: 176px; list-style-type: none; position: relative; border-bottom: 1px dotted #ccc;}
ul#staff li ul {margin: 0 0 10px 35px; padding: 0;}
ul#staff li ul li {padding: 0 0 8px 0; margin: 0; min-height: 0; list-style-type: square; border: none;}
ul#staff li.odd {background: #EFEFEF;}
ul#staff h4, ul#staff p {/*margin-left: 164px;*/ margin-left: 20px; padding-right: 18px;}
ul#staff h4 span {font-weight: normal; color: #535353;}
ul#staff h4 {margin-bottom: 6px;color: #535353;}
#staff li img {/*position: absolute; top: 23px; left: 18px;*/ float: left; margin-left: 20px; padding: 5px; border: 1px solid #ccc; background: #FFF;}
/* employment */
ul#jobs {margin-left: 0;}
ul#jobs li {padding: 18px; padding-bottom: 0; list-style-type: none; background: #F5F5F5; border: 1px solid #ccc; margin-bottom: 18px; }
ul#jobs li li {list-style-type: disc; padding: 0 0 5px 0; margin-bottom: 0; border: none;}
ul#jobs h4 {}
/* resources */
ul#resources {margin: 0; padding: 0 0 18px 0;}
ul#resources li {list-style-type: square; margin: 0 0 0 25px; padding: 0;}
ul#resources li p {margin: 0; padding: 0 0 18px 0;}
ul#resources li h4 {margin-bottom: 8px;}
/* PAGINATION styles */
p.pagination {margin: 18px 0; padding: 0; text-align: right; }
/* COMMENT styles */
div#content-main p.comment_meta { background:url(../images/site/icon_comment.gif) no-repeat 0 4px; padding:3px 0 0 15px;}
div#content-main p.comment_meta a { padding:0 5px; }
div#content-main p.comment_meta, p.more { font-size:11px; text-transform:uppercase; }
div#content-main div#comments { padding-top: 10px; }
div#content-main div#comments h4 { font-size:14px; border-top: 1px dotted #ccc; padding-top: 18px; }
div#content-main div#comments form h4 { background: none no-repeat 0 4px; padding-left:0; }
div#content-main div.comment { position: relative; clear:both; overflow:hidden; margin-bottom:0; font-size:13px; border-bottom: 1px dotted #ccc; padding: 15px;}
div#content-main div.comment.odd {background: #EFEFEF;}
div#content-main div.comment h5 { margin-left: 100px; width:300px; font-weight:normal; font-size:11px; padding-bottom: 0;}
div#content-main div.comment p.count {position: absolute; top: 15px; right: 15px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px;}
div#content-main div.comment h5 strong { display:block; font-size:13px; padding-bottom: 4px; color: #0F6815 }
div#content-main div.comment div.comment_body { margin-left: 100px;}
div#content-main div.comment img.avatar {position: absolute; top: 15px; left: 15px; padding: 5px; border: 1px solid #ccc; background: #FFF;}
div#content-main div.comment.even img.avatar {}
div#content-main form#comment_form {margin: 0 0 0 0; clear: both; margin-bottom: 18px; background: #EFEFEF; border-bottom: 1px dotted #ccc;}
div#content-main form#comment_form h4#add {padding-left: 15px; font-size: 14px; }
div#content-main form#comment_form p.input_text { float:left; }
div#content-main form#comment_form p.captcha_text {float: left; margin-bottom: 0; padding-bottom: 0;}
div#content-main form#comment_form p.input_text label { float:left; width:150px; text-align:right; padding-right:20px; }
div#content-main form#comment_form p.input_text input, form#comment_form p.input_text textarea { float:right; width:300px; border:1px solid #ccc; padding:3px; }
div#content-main form#comment_form p.input_checks, div#content-main form#comment_form p.submit { clear:both; font-size:12px; margin-left:170px;}
div#content-main form#comment_form p#captcha_text {clear: both;}
div#content-main form#comment_form p.input_text input#captcha_field {width: 140px; margin-left: 168px;}
div#content-main div#comment-pagination {padding: 15px 0; font-family: Georgia, "Times New Roman", Times, serif; }
div#content-main div#comment-pagination p#prev {display: inline; float: left;font-style:italic;}
div#content-main div#comment-pagination p#next {display: inline; float: right;font-style:italic;}
/* DONATE BUTTON */
h3#donate {padding: 15px; background: #CCC url(../images/pay_pal.gif) no-repeat; background-position: 200px center; margin-left: 10px; margin-bottom: 30px; }
/* SITEMAP */
ul#sitemap {margin: 0; padding: 0;}
ul#sitemap li {margin: 0; padding: 0; padding-bottom: 15px; list-style-type: none;}
ul#sitemap ul {margin: 0; padding: 0;}
ul#sitemap ul li {margin: 0 0 0 35px; padding: 0; padding-top: 5px; list-style-type: square;}
/* CONTACT Form */
form#contact_form {margin-top: 8px; padding: 15px 0 25px 0; margin-bottom: 35px; background: #EFEFEF; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC;}
form#contact_form label { display: block; padding: 15px 10px;}
form#contact_form label span { width: 135px; text-align: right; display: block; float: left; margin-right: 15px; padding-top: 3px;}
form#contact_form input[type="text"], form#contact_form textarea { padding: 4px; outline: none; border: 1px solid #ccc; width: 300px;}
form#contact_form textarea { width: 300px; height: 150px; }
form#contact_form input[type="text"]:focus, form#contact_form textarea:focus { border: 1px solid #CCC; }
p.captcha, input.captcha, p.captcha-img, input.submit_button, input.image { margin-left: 160px; }
p.captcha {}
/*label.bg { background: #D9DECA; border: 1px solid #C0C5AE; }*/
form#contact_form label.hidden {display:none;}
form#contact_form p.captcha-img, form#contact_form p.captcha-img img { padding: 0; margin-bottom: 5px; }
p.captcha { margin-bottom: 8px; }
form#contact_form input.captcha { margin-bottom: 15px }
form#contact_form indput.submit_button { margin: 15px 0; }
#contact_form h3 {padding-left: 10px;}
/*volunteer form*/
#volunteer-form h3 {margin-top: 18px; margin-bottom: 0;}
#volunteer-form h3#top {margin-bottom: 18px;}
#volunteer-form label#first {border-top: 1px dotted #ccc;}
#volunteer-form label {display: block; padding: 20px 10px; clear: both; border-bottom: 1px dotted #ccc;}
#volunteer-form label.basic span {width: 135px; text-align: right; display: block; float: left; margin-right: 15px;}
#volunteer-form label.top span {width: 100%; text-align: left; display: block;}
#volunteer-form input[type="checkbox"], #volunteer-form input[type="radio"] {float: left; margin-right: 20px;}
#volunteer-form input[type="radio"] {margin-bottom: 20px;}
#volunteer-form label.top {padding-bottom: 2px;}
#volunteer-form label.top span {margin-bottom: 18px;}
#volunteer-form label.submit {border: none;}
#volunteer-form input[type="submit"]{}
#volunteer-form p.captcha {margin: 0; padding: 20px 10px; margin-left: 190px;}
#volunteer-form input {margin-left: 0px;}
#volunteer-form input[type="text"]{width: 300px;}
#volunteer-form textarea {height: 120px; width: 465px; margin-bottom: 18px;}
#volunteer-form label.odd {background: #EFF7EE;}