/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol,ul {
  list-style: none;
}

blockquote,q {
  quotes: none;
}

blockquote:before,blockquote:after,
q:before,q:after {
  content: '';
  content: none;
}

a:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* code for: http://forthesilent.org */
/* code by: http://buskerweb.com */

body {
  font-size: 12px;
  line-height: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff url('/images/design/tile.png') 0 0 repeat;
}


#wrapper {
  margin: 0 auto;
  width: 800px;
  position: relative;
}


#header {
  height: 36px;
  width: 768px;
  padding: 25px 16px;
}


#header a {
  display: block;
  text-indent: -10000px;
  overflow: hidden;
  height: 36px;
  width: 768px;
  background: transparent url('/images/design/header.png') 0 0 no-repeat;
}


#footer {
  font-size: 10px;
  color: #777;
  text-align: right;
  margin-right: 14px;
  text-transform: lowercase;
}


#footer a {
  color: #777;
  text-decoration: none;
}


#footer a:hover {
  text-decoration: underline;
}


#footer a:active,
#footer a:focus {
  background: #777;
  color: #fff;
  text-decoration: none;
}


.header_nav {
  position: relative;
}

.header_nav ul {
  margin: 0;
  padding: 0;
  height: 32px;
  list-style-type: none;
}

.header_nav ul li {
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 3px;
}

.header_nav ul li:after {
  content: ' /';
}

.header_nav ul li:last-child {
  margin-right: 0;
}

.header_nav ul li:last-child:after {
  content: '';
}

.header_nav ul li a {
  display: inline-block;
  text-decoration: none;
}


#main_nav ul li a:hover,
#main_nav ul li a:focus,
.section_actions .header_nav ul li#link_actions a,
.section_projects .header_nav ul li#link_projects a,
.section_articles .header_nav ul li#link_articles a,
.section_about .header_nav ul li#link_about a,
.section_issue .header_nav ul li#link_issue a,
#page_pages_downloads .header_nav ul li#link_downloads a,
#page_pages_donate .header_nav ul li#link_donate a,
#page_pages_contact .header_nav ul li#link_contact a {
  color: #000;
  background-color: #a1b16e;
}


#main_nav {
  height: 32px;
  padding-top: 168px;
  background: transparent url('/images/headers/father_daughter_moto.jpg') center -135px no-repeat;
}


.section_articles #main_nav,
.section_actions #main_nav,
.section_projects #main_nav {
  padding-top: 83px;
}


.section_about #main_nav {
  background-image: url('/images/headers/wagon_kids.jpg');
  background-position: center -25px;
}

.section_issue #main_nav {
  background-image: url('/images/headers/over_the_shoulder_boy.jpg');
  background-position: center -50px;
}


#page_pages_donate #main_nav {
  background-image: url('/images/headers/village_kids.jpg');
  background-position: center -50px;
}

#page_pages_contact #main_nav {
  background-position: center -100px;
}


#main_nav ul {
  width: 770px;
  padding: 0 15px;
  background: #111;
}


#main_nav ul li {
  height: 32px;
  font-size: 18px;
  line-height: 18px;
  color: #E2F3D7;
}


#main_nav ul li a {
  height: 18px;
  padding: 4px;
  margin: 3px 0;
  color: #E2F3D7;
}


/* Has a sub_nav */
.section_articles #main_nav ul li#link_articles a,
.section_issue #main_nav ul li#link_issue a,
.section_about #main_nav ul li#link_about a {
  padding-bottom: 6px;
  border-bottom: 1px solid #86945B;
  margin-bottom: 0;
}


#sub_nav {
  position: absolute;
  top: 0;
  padding-left: 19px;
  background: #a1b16e url('/images/design/sub_nav_corner.png') 0 0 no-repeat;
  padding-right: 5px;
}


.section_articles #sub_nav {
  left: 2px;
}

.section_issue #sub_nav {
  left: 79px;
}

.section_about #sub_nav {
  left: 197px;
}


#sub_nav ul {
  height: 28px;
  padding: 0 3px;
  color: #f5f5f5;
  background-color: #a1b16e;
}


#sub_nav ul li {
  font-size: 14px;
  line-height: 14px;
  height: 28px;
  text-transform: lowercase;
}


#sub_nav ul li a {
  height: 14px;
  padding: 7px 2px;
  background: #a1b16e;
  color: #f5f5f5;
}


#page_issue_index #sub_nav ul li#link_issue_index a,
#page_issue_case_studies #sub_nav ul li#link_issue_case_studies a,
#page_about_index #sub_nav ul li#link_about_index a,
#page_about_history #sub_nav ul li#link_about_history a,
#page_about_staff #sub_nav ul li#link_about_staff a,
#sub_nav ul li a:hover,
#sub_nav ul li a:focus {
  color: #000;
}


/* Main content area construction */

#main {
  position: relative;
  z-index: 1;
  border-left: 2px solid #bdbdbd;
  border-right: 2px solid #bdbdbd;
  border-bottom: 2px solid #bdbdbd;
  background-color: #fff;
  margin: -8px 11px 0 11px;
  overflow: visible;
  padding-top: 24px;
}


#page_pages_index #main {
  border-top: 2px solid #bdbdbd;
}


/* Has a sub_nav */
.section_articles #main,
.section_issue #main,
.section_about #main {
  padding-top: 48px;
}


.clear {
  clear: both;
}


.left {
  float: left;
  margin-right: 18px;
  margin-bottom: 18px;
}


.right {
  float: right;
  margin-left: 18px;
  margin-bottom: 18px;
}


.inline_block_cheat {
  display: block;
}


p,
ul,
dl,
ol,
.section {
  margin: 18px 0;
}


ul {
  list-style-type: disc;
  padding-left: 20px;
}


ol {
  list-style-type: upper-roman;
  padding-left: 20px;
}


dl dt {
  font-weight: bold;
}


dl dd {
  padding-left: 15px;
}


.message {
  margin: 24px 0;
  padding: 8px;
  border: 2px solid #538036;
  color: #2F481F;
  background: #AACB7F;
}


.message p {
  margin: 0;
}


/* Tags */

.tag {
  padding-bottom: 8px;
  background: transparent url('/images/design/tags.png') center bottom no-repeat;
}


.tag img {
  display: block;
}


ul.tag_inner {
  margin-bottom: 0;
}


#main .tag {
  padding-top: 8px; /* Makes the spacing look correct */
}


#main .tag_left {
  position: relative;
  left: -14px; /* Tag width plus border width */
  background-position: left bottom;
}


#main .tag_right {
  position: relative;
  right: -14px; /* Tag width plus border width */
  background-position: right bottom;
}


#main #content .tag_left {
  left: -46px; /* To account for padding */
}


.tag_left h2 {
  margin: 0;
  padding: 4px 8px 4px 46px;
}


.tag_right h2 {
  margin: 0;
  padding: 4px 8px;
  font-weight: normal;
  display: block;
  background: #659bab;
  text-transform: none;
  font-size: 16px;
}


.tag_squishy {
  margin-bottom: -14px;
}


a.tag_link {
  background: #a1b16e;
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 8px;
  text-decoration: none;
}


a.tag_link:hover,
a.tag_link:focus {
  background: #839253;
}


/* Content and sidebar construction */

#content {
  padding: 0 32px 24px 32px;
  overflow: visible;
}


.bottom {
  margin-bottom: 0;
}


.column {
  float: left;
  width: 45%;
  margin-right: 1%;
  padding: 2%;
}


address {
  font-style: normal;
  display: inline;
}


h2 {
  background: #7dbfd2;
  color: #fff;
  text-transform: lowercase;
  font-size: 18px;
  line-height: 20px;
  padding: 4px 8px;
  margin: 2px 0;
  display: inline-block;
}


h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}


#page_pages_contact h3 {
  margin: 2px;
  display: inline;
}


.emphasized {
  text-transform: uppercase;
}


.attribution {
  font-style: italic;
}


.center {
  text-align: center;
}


.sidebar {
  float: left;
  width: 195px;
  overflow: visible;
}


.has_sidebar {
  float: left;
  width: 515px;
}


a {
  text-decoration: underline;
  color: #5f9fb1;
}


a:hover {
  text-decoration: none;
}


a:visited {
  text-decoration: none;
}


a:focus,
a:active {
  text-decoration: none;
  color: #fff;
  background-color: #62a1b3;
}


.tag_left h2 a {
  color: #fff;
  background: transparent;
  text-decoration: none;
}


.note {
  color: #999;
}

.footnote {
  text-indent: -7px;
  border-top: 1px solid #ddd;
  padding-top: 18px;
  font-size: 11px;
  color: #777;
}


blockquote {
  padding: 0 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #777;
}


.captioned-image img {
  display: block;
  margin: 0;
}


.captioned-image p {
  margin-top: 0 !important;
  padding: 5px 10px;
  background: #111;
  color: white;
  font-size: 11px;
}


/* HOME PAGE */

#page_pages_index #wrapper {
  height: 567px;
  width: 800px;
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -303px;
}

#page_pages_index #main {
  padding: 3px 3px 12px 3px;
}

#page_pages_index #main_nav {
  height: 32px;
  padding-top: 0;
  background-image: none;
}

#page_pages_index #main_nav ul {
  width: 758px;
  padding: 0 5px;
}

#page_pages_index #splash {
  width: 768px;
  height: 313px;
  position: relative;
  margin: 0;
  padding: 0;
}

#page_pages_index #splash a {
  display: block;
  width: 768px;
  height: 313px;
  position: relative;
  background: #486b73 url('/images/home-splash/new-direction-teaser.jpg') 0 0 no-repeat;
  color: white;
  text-decoration: none;
}

#page_pages_index #splash p:hover {
  text-decoration: underline;
}

#page_pages_index #splash a p {
  position: absolute;
  right: 17px;
  bottom: 31px;
  text-align: right;
  padding: 0;
  margin: 0;
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
  text-shadow: -1px 1px 3px #151B1F;
}


/* Home page design elements nulled by New Direction splash and possible redesign. */
/*
#page_pages_index #their_story {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 10;
}

#page_pages_index #their_story .tag_left {
  left: -17px;
}

#page_pages_index #their_story .tag_left h2 {
  text-transform: uppercase;
  padding-left: 8px;
  color: #222;
}

#page_pages_index #their_story #their_story_teaser {
  margin: 10px 0;
  width: 217px;
  height: 125px;
  background: transparent url('/images/design/their_story_teaser.png') 0 0 no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

#page_pages_index #their_story #their_story_read_more,
#page_pages_index #their_story #their_story_read_more a {
  width: 113px;
  height: 24px;
}

#page_pages_index #their_story #their_story_read_more a {
  display: block;
  background: transparent url('/images/design/their_story_read_more.png') 0 0 no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

#page_pages_index #their_story #their_story_read_more a:hover,
#page_pages_index #their_story #their_story_read_more a:focus {
  background-color: #000;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
}


#page_pages_index #slideshow {
  position: relative;
  width: 768px;
  height: 312px;
}

#page_pages_index #slideshow img {
  position: absolute;
}


#page_pages_index ul#splash_nav {
  position: absolute;
  z-index: 5;
  top: 59px;
  left: 407px;
  width: 337px;
  height: 191px;
  background: transparent url('/images/design/splash_nav.png') 0 0 no-repeat;
  margin: 0;
  list-style-type: none;
}

#page_pages_index ul#splash_nav li {
  position: absolute;
}

#page_pages_index ul#splash_nav li a {
  text-indent: -10000px;
  overflow: hidden;
  display: block;
}

#page_pages_index ul#splash_nav li#link_splash_actions {
  top: 23px;
  left: 0;
}

#page_pages_index ul#splash_nav li#link_splash_actions,
#page_pages_index ul#splash_nav li#link_splash_actions a {
  width: 337px;
  height: 74px;
}

#page_pages_index ul#splash_nav li#link_splash_actions a:hover,
#page_pages_index ul#splash_nav li#link_splash_actions a:focus {
  background: transparent url('/images/design/splash_nav_active.png') 0 0 no-repeat;
}

#page_pages_index ul#splash_nav li#link_splash_projects {
  top: 105px;
  left: 0;
}

#page_pages_index ul#splash_nav li#link_splash_projects,
#page_pages_index ul#splash_nav li#link_splash_projects a {
  width: 337px;
  height: 74px;
}

#page_pages_index ul#splash_nav li#link_splash_projects a:hover,
#page_pages_index ul#splash_nav li#link_splash_projects a:focus {
  background: transparent url('/images/design/splash_nav_active.png') 0 -74px no-repeat;
}
*/

#page_pages_index #promo_items {
  width: 768px;
  overflow: auto;
  height: 101px;
  padding-left: 0;
  list-style-type: none;
  margin: 12px 0 0 0;
}

#page_pages_index #promo_items li {
  margin-right: 12px;
  float: left;
  height: 101px;
}

#page_pages_index #promo_items li.third {
  margin-right: 0;
}

#page_pages_index #promo_items a {
  display: block;
  width: 248px;
  height: 101px;
}

#page_pages_index #promo_items a:focus {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}

#page_pages_index #promo_items img {
  display: block;
}

/* Single promo item, currently unused. */
/*
#page_pages_index #single_promo_item {
  width: 768px;
  height: 104px;
  overflow: visible;
  position: relative;
}

#page_pages_index #single_promo_item a {
  display: block;
  width: 811px;
  height: 104px;
  background: transparent url('/images/promos/holiday-2009.png') 0 0 no-repeat;
  text-indent: -10000px;
  overflow: hidden;
}
*/

/* BLOG */

.article {
  margin-bottom: 48px;
}


.article .meta {
  display: inline-block;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  color: #999;
  background-color: #e9e9e9;
  padding: 4px;
}


.pagination {
  margin-bottom: 24px;
  font-size: 14px;
  clear: both;
}


.pagination a,
.pagination .current,
.pagination .disabled {
  padding: 4px 6px;
}



.pagination a {
  background: #7dbfd2;
  color: #fff;
  text-decoration: none;
}


.pagination a:hover {
  text-decoration: underline;
}


.pagination .current,
.pagination .disabled {
  color: #999;
  background: #e5e5e5;
}


/* ACTIONS */

#content #action_chooser {
  width: 710px;
  overflow: auto;
  margin-top: 18px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}


#action_chooser li {
  float: left;
  margin: 0 8px 8px 0;
  width: 231px;
  height: 94px;
}


#action_chooser li#action_chooser_art,
#action_chooser li#action_chooser_run {
  margin-right: 0;
}


#action_chooser li#action_chooser_title {
  text-indent: -1000px;
  overflow: hidden;
  background: transparent url('/images/design/action_chooser_title.png') 0 0 no-repeat;
}


#action_chooser li a {
  display: block;
  width: 231px;
  height: 94px;
  background-color: transparent;
  background-image: url('/images/design/action_chooser.jpg');
  background-repeat: no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}


#action_chooser li#action_chooser_sing a {
  background-position: 0 0;
}

#action_chooser li#action_chooser_sing a:hover,
#action_chooser li#action_chooser_sing a:focus {
  background-position: 0 -94px;
}

#action_chooser li#action_chooser_art a {
  background-position: 0 -188px;
}

#action_chooser li#action_chooser_art a:hover,
#action_chooser li#action_chooser_art a:focus {
  background-position: 0 -282px;
}

#action_chooser li#action_chooser_handmade a {
  background-position: 0 -376px;
}

#action_chooser li#action_chooser_handmade a:hover,
#action_chooser li#action_chooser_handmade a:focus {
  background-position: 0 -470px;
}

#action_chooser li#action_chooser_pray a {
  background-position: 0 -564px;
}

#action_chooser li#action_chooser_pray a:hover,
#action_chooser li#action_chooser_pray a:focus {
  background-position: 0 -658px;
}

#action_chooser li#action_chooser_run a {
  background-position: 0 -752px;
}

#action_chooser li#action_chooser_run a:hover,
#action_chooser li#action_chooser_run a:focus {
  background-position: 0 -846px;
}


#content p#other_actions {
  margin-top: 0;
  background: #3b3b3b;
  color: #fff;
  padding: 4px;
  text-align: center;
}


#content p#other_actions a {
  color: #fff;
}


#content .action_how {
  margin: 24px 0;
  list-style-type: none;
  padding-left: 0;
}


#content .action_how li {
  padding-left: 90px;
  margin: 24px 0;
  background: transparent url('/images/design/action_how_numbers.png') 25px 0 no-repeat;
}


#content .action_how li.first {
  background-position: 20px 5px;
}

#content .action_how li.second {
  background-position: 20px -174px;
}

#content .action_how li.third {
  background-position: 20px -354px;
}

#content .action_how li.fourth {
  background-position: 20px -543px;
}


#content .action_how h4 {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
}


#content .action_how p {
  margin: 0;
}


.section_actions h1 {
  width: 533px;
  height: 101px;
  overflow: hidden;
  text-indent: -1000px;
  position: relative;
  left: -10px;
}


.section_actions #tertiary_nav {
  padding: 0 0 11px 0;
  background: transparent url('/images/design/action_tertiary_nav_bottom.png') left bottom no-repeat;
  list-style-type: none;
  margin: 0;
}


.section_actions #tertiary_nav a {
  display: block;
  width: 175px;
  text-decoration: none;
  text-align: right;
  background-color: #f1f1ee;
  color: #000;
  text-transform: lowercase;
  font-family: "Helvetica Neue Light", "HelveticaNeue Light", HelveticaNeueLight, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  padding: 5px;
  border-bottom: 1px #eae9dd solid;
}


.section_actions #tertiary_nav a:hover,
.section_actions #tertiary_nav a:focus,
#page_actions_sing #tertiary_nav #tertiary_nav_sing a,
#page_actions_art #tertiary_nav #tertiary_nav_art a,
#page_actions_handmade #tertiary_nav #tertiary_nav_handmade a,
#page_actions_pray #tertiary_nav #tertiary_nav_pray a,
#page_actions_run #tertiary_nav #tertiary_nav_run a {
  width: 185px;
  text-indent: 1000px;
  overflow: hidden;
  background: #d7d7d6 url('/images/design/action_tertiary_nav_active.png') 110px 0 no-repeat;
}


.section_actions #tertiary_nav #tertiary_nav_sing a:hover,
.section_actions #tertiary_nav #tertiary_nav_sing a:focus,
#page_actions_sing #tertiary_nav #tertiary_nav_sing a {
  background-position: 110px 0;
}

.section_actions #tertiary_nav #tertiary_nav_pray a:hover,
.section_actions #tertiary_nav #tertiary_nav_pray a:focus,
#page_actions_pray #tertiary_nav #tertiary_nav_pray a {
  background-position: 110px -26px ;
}

.section_actions #tertiary_nav #tertiary_nav_run a:hover,
.section_actions #tertiary_nav #tertiary_nav_run a:focus,
#page_actions_run #tertiary_nav #tertiary_nav_run a {
  background-position: 110px -52px;
}

.section_actions #tertiary_nav #tertiary_nav_art a:hover,
.section_actions #tertiary_nav #tertiary_nav_art a:focus,
#page_actions_art #tertiary_nav #tertiary_nav_art a {
  background-position: 110px -78px;
}

.section_actions #tertiary_nav #tertiary_nav_handmade a:hover,
.section_actions #tertiary_nav #tertiary_nav_handmade a:focus,
#page_actions_handmade #tertiary_nav #tertiary_nav_handmade a {
  background-position: 110px -104px;
}


.section_actions #tertiary_nav #tertiary_nav_run a {
  border-bottom: none;
}


.section_actions #tertiary_nav #tertiary_nav_root a {
  display: block;
  height: 70px;
  padding: 0;
  border-bottom: none;
  background: transparent url('/images/design/action_tertiary_nav_root.png') 0 0 no-repeat;
  text-indent: 1000px;
  overflow: hidden;
}


.section_actions #tertiary_nav #tertiary_nav_root a:hover {
  width: 175px;
  background-color: transparent;
}

#page_actions_sing #content h1 {
  background: #7e0d09 url('/images/design/action_title_sing.png') 0 0 no-repeat;
}

#page_actions_sing h2 {
  background-color: #7e0d09;
}

#page_actions_art #content h1 {
  background: #cfbb40 url('/images/design/action_title_art.png') 0 0 no-repeat;
}

#page_actions_art h2 {
  background-color: #cfbb40;
}

#page_actions_handmade #content h1 {
  background: #6d6e24 url('/images/design/action_title_handmade.png') 0 0 no-repeat;
}

#page_actions_handmade h2 {
  background-color: #6d6e24;
}

#page_actions_pray #content h1 {
  background: #3086a0 url('/images/design/action_title_pray.png') 0 0 no-repeat;
}

#page_actions_pray h2 {
  background-color: #3086a0;
}

#page_actions_run #content h1 {
  background: #e18a0e url('/images/design/action_title_run.png') 0 0 no-repeat;
}

#page_actions_run h2 {
  background-color: #e18a0e;
}


/* RESOURCES */

.video {
  overflow: auto;
  margin: 18px 0;
}


.video .meta {
  float: right;
  width: 260px;
}


.video .meta label {
  display: inline-block;
  font-weight: normal;
  width: 40px;
  text-align: right;
  margin-right: 5px;
  color: #666;
}


.video .meta input {
  font-size: 14px;
  width: 200px;
}


.video h3 {
  background: #666;
  color: #fff;
  text-transform: lowercase;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  padding: 4px 8px;
  margin: 2px 0;
}


.video h4 {
  margin: 18px 0 4px 0;
}


/* POPUP */

.popup_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 5;
}


.popup_video {
  position: absolute;
  z-index: 6;
  width: 515px;
  height: 395px;
  padding: 15px;
  top: 0;
  left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #333;
  overflow: visible;
}


a.close_popup_video {
  position: absolute;
  top: -12px;
  left: -12px;
}

a.close_popup_video:active,
a.close_popup_video:focus {
  background-color: transparent;
}


/* PICTURES/THUMBNAILS */

ul.thumbnails {
  list-style-type: none;
  overflow: auto;
  width: 515px;
  padding: 0;
}


ul.thumbnails li {
  float: left;
  margin: 0 9px 9px 0;
  width: 122px;
  height: 122px;
}

ul.thumbnails li.last {
  margin-right: 0;
}


ul.thumbnails li a {
  display: block;
  width: 120px;
  height: 120px;
}


ul.thumbnails li img {
  display: block;
  border: 1px solid #999;
}


/* THE ISSUE */

#the_issue_statistics .tag_inner {
  height: 450px;
  background: transparent url('/images/design/the_issue_statistics.jpg') 0 0 no-repeat;
  text-indent: -10000px;
  overflow: hidden;
}


#the_issue_statistics li {
  display: inline;
  text-indent: -10000px;
  overflow: hidden;
}


/* WHO WE ARE */

#about_sidebar .tag_inner {
  height: 365px;
  background: transparent url('/images/design/about_sidebar.jpg') 0 0 no-repeat;
  text-indent: -10000px;
  overflow: hidden;
}


#about_sidebar p {
  display: inline;
  text-indent: -10000px;
  overflow: hidden;
}



/* PROJECTS */

.project {
  width: 710px;
  height: 272px;
  margin: 24px 0;
  position: relative;
  padding-top: 8px;
}


.active_project {
  padding-bottom: 32px;
}


.project h3,
.project p {
  background: #fff;
  padding: 8px;
  margin: 8px 0;
  opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
}


.project h3 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  display: block;
  text-align: center;
}


.project p.project_cost {
  color: #c23703;
  font-weight: bold;
  padding: 4px 8px;
}


.project a.donate_to_project {
  position: absolute;
  display: block;
  bottom: 0;
  width: 116px;
  height: 32px;
  background: #98c304 url('/images/design/donate_to_project.png') 0 0 no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}


.project a.open_popup_video {
  position: absolute;
  display: block;
  bottom: 0;
  width: 92px;
  height: 32px;
  background: #c33904 url('/images/design/open_popup_video.png') 0 0 no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

#project_boys_counseling {
  background: transparent url('/images/design/project_boys_counseling.jpg') 0 0 no-repeat;
}

#project_boys_counseling a.open_popup_video {
  left: 25px;
}

#project_boys_counseling h3 {
  margin-left: 450px;
}

#project_boys_counseling p {
  margin-left: 335px;
}

#project_boys_counseling p.project_cost {
	margin-left: 584px;
  width: 110px;
}

#project_boys_counseling .funding_completed_tag {
  position: absolute;
  left: -11px;
  top: 8px;
  width: 320px;
  height: 49px;
  background: transparent url('/images/design/projects-funding-completed-boys.png') 0 0 no-repeat;
  overflow: hidden;
  text-indent: -2000px;
}

#project_aftercare_center_vehicle {
  background: transparent url('/images/design/project_aftercare_center_vehicle.jpg') 0 0 no-repeat;
}

#project_aftercare_center_vehicle h3 {
  width: 220px;
}

#project_aftercare_center_vehicle .funding_completed_tag {
  position: absolute;
  right: -11px;
  top: 8px;
  width: 320px;
  height: 49px;
  background: transparent url('/images/design/projects-funding-completed-vehicle.png') 0 0 no-repeat;
  overflow: hidden;
  text-indent: -2000px;
}

#project_aftercare_center_vehicle p {
  width: 590px;
}

#project_aftercare_center_vehicle p.project_cost {
  width: 110px;
}

#project_classrooms {
  background: transparent url('/images/design/project_classrooms.jpg') 0 0 no-repeat;
}

#project_classrooms h3 {
  width: 190px;
}

#project_classrooms p {
  width: 280px;
}

#project_classrooms p.project_cost {
  width: 105px;
}


/* ACCORDION */

#content .accordion {
  margin: 24px 0;
}

#content .accordion_item {
  margin: 2px;
}

#content a.accordion_item_expander,
#content a.accordion_item_expander:visited {
  text-decoration: none;
  display: block;
  background: #97a85e url('/images/design/accordion_item_plus.png') 9px center no-repeat;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  padding: 6px 6px 6px 25px;
}

#content a.accordion_item_expander:hover,
#content a.accordion_item_expander:focus {
  background-color: #85954f;
}

#content a.accordion_item_expanded {
  background: #596433 url('/images/design/accordion_item_minus.png') 10px center no-repeat;
}

#content a.accordion_item_expanded:hover,
#content a.accordion_item_expanded:focus {
  background-color: #363e1c;
}

.accordion_item_content_wrapper {
  width: 706px;
}

.has_sidebar .accordion_item_content_wrapper {
  width: 506px;
}

.accordion_item_content {
  padding: 5px 20px;
  background: #f5f5f5;
}


/* CONTACT */

#page_pages_contact h3 {
  display: inline;
  margin: 0 2px;
  font-weight: normal;
}

#content .staff_contact {
  list-style-type: none;
  padding-left: 0;
}

#content .staff_contact a {
  text-decoration: none;
  display: block;
  background: #97a85e;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  padding: 6px;
  margin: 2px 0;
}

#content .staff_contact a:hover,
#content .staff_contact a:focus {
  background-color: #85954f;
}

#content .staff_contact .staff_name {
  display: inline-block;
  width: 400px;
}



/* FORMS */

fieldset {
  margin: 18px 0;
}

.selectset,
.dataset {
  position: relative;
  padding: 0 0 5px 150px;
}

.submitset {
  padding: 0 0 0 150px;
}

label {
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}

.dataset label,
.selectset label {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 145px;
  text-align: right;
}

.dataset input {
  width: 200px;
}

.dataset input#recipient_city {
}

.dataset select#recipient_state {
  width: 117px;
}

.dataset input#recipient_zip {
  width: 80px;
}

.dataset textarea {
  width: 204px;
  height: 200px;
}

.section_articles .dataset label {
  font-size: 16px;
}

.section_articles .dataset input {
  font-size: 14px;
  width: 500px;
}

.section_articles .dataset textarea {
  width: 504px;
  height: 200px;
}

.fieldWithErrors label {
  color: #f33;
}

.fieldWithErrors input,
.fieldWithErrors textarea {
  background-color: #FFB9B6;
}

.dataset .inputless-note {
  margin: 0;
  padding-top: 3px;/* Has to match "top" property of .dataset label */
  color:#999;
}


/* LIGHTBOX */

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#imageContainer {
  padding: 10px;
}

#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#imageContainer>#hoverNav {
  left: 0;
}

#hoverNav a {
  outline: none;
}

#prevLink,#nextLink {
  width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block;
}

#prevLink {
  left: 0;
  float: left;
}

#nextLink {
  right: 0;
  float: right;
}

#prevLink:hover,#prevLink:visited:hover {
  background: url('/images/lightbox/prevlabel.gif') left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
  background: url('/images/lightbox/nextlabel.gif') right 15% no-repeat;
}

#imageDataContainer {
  font: 10px Verdana,Helvetica,sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100% ;
}

#imageData {
  padding: 0 10px;
  color: #666;
}

#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left;
}

#imageData #caption {
  font-weight: bold;
}

#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}



/* HOLIDAY GIFT IDEAS */

#gift-ideas {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#gift-ideas li {
  overflow: auto;
  height: 150px;
  width: 710px;
}

#gift-ideas .odd {
  background-color: #f0f0f0;
}

#gift-ideas .thumbnail {
  float: left;
  margin-right: 9px;
  width: 150px;
  height: 150px;
}

#gift-ideas .thumbnail img {
  display: block;
}

#gift-ideas .title {
  font-weight: bold;
  text-transform: uppercase;
  margin: 9px 9px 9px 0;
}

#gift-ideas .description {
  color: #666;
  margin: 0 9px 9px 0;
  height: 54px;
}

#gift-ideas .thumbnail a,
#gift-ideas .title a,
#gift-ideas .description a {
  text-decoration: none;
  color: #666;
}

#gift-ideas .title a:focus,
#gift-ideas .title a:active,
#gift-ideas .description a:focus,
#gift-ideas .description a:active {
  color: white;
}

#gift-ideas .title a {
  text-decoration: none;
  color: black;
}

#gift-ideas .link {
  margin: 0;
}

#gift-ideas .link a {
  text-decoration: none;
  padding: 5px;
  color: white;
  background-color: #5F9FB1;
}

#gift-ideas .link a:hover,
#gift-ideas .link a:focus,
#gift-ideas .link a:active {
  text-decoration: underline;
}