html, body {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   background-color:  #e5e5e5;
   height: 100%;
   overflow: hidden;
}

a:link { color: #2b6380; text-decoration:underline; }
a:visited { color: #2b6380; text-decoration:underline; }
a:hover { color: #12587d; text-decoration:none; }
a:active { color: #B03928; text-decoration:underline; }

#top_container {
   width: 100%;
   background: url(../images/new/right_logo_extra.jpg) top left repeat-x;
   float: left;
   height: 412px; 
   text-align:center;
}

#top_box {
   width: 1180px;
   height: 412px; 
   text-align:left;
   margin: 0 auto;
}

/* LOGO */

#left_logo_extra {
   width: 78px;
   height: 412px;
   background: url(../images/new/left_logo_extra.jpg) top left no-repeat;
   float: left;
}

#right_logo_extra {
   width: 78px;
   height: 412px;
   background: url(../images/new/right_logo_extra.jpg) top left no-repeat;
   float: right;
}

#top_left_logo {
   width: 636px;
   height: 148px;
   background: url(../images/new/top_left_logo.jpg) top left no-repeat;
   float: left;
   cursor: pointer;
}

#top_middle_logo {
   width: 239px;
   height: 47px;
   background: url(../images/new/top_middle_logo.jpg) top left no-repeat;
   float: left;
}

#about_button_box {
   width: 239px;
   height: 51px;
   background: url(../images/new/about_button_box.jpg) top left no-repeat;
   float: left;
   cursor:pointer;
}

#lower_middle_logo {
   width: 239px;
   height: 50px;
   background: url(../images/new/lower_middle_logo.jpg) top left no-repeat;
   float: left;
}

#top_right_logo {
   width: 149px;
   height: 148px;
   background: url(../images/new/top_right_logo.jpg);
   float: right;
}

#lower_logo_slogan {
   width: 1024px;
   height: 40px;
   background: url(../images/new/lower_logo_slogan.jpg) top left no-repeat;
   float: left;
   cursor:pointer;
}

/* END LOGO */

/* SURVIVOR NAVIGATION */

#left_survivor_box {
   width: 132px;
   height: 130px;
   background: url(../images/new/left_survivor_box.jpg) top left no-repeat;
   float: left;
}

#left_survivor_inactive {
   width: 254px;
   height: 130px;
   background: url(../images/new/left_survivor_inactive.jpg) top left no-repeat;
   float: left;
   cursor:pointer;
}

#middle_survivor_inactive {
   width: 254px;
   height: 130px;
   background: url(../images/new/middle_survivor_inactive.jpg) top left no-repeat;
   float: left;
   cursor:pointer;
}

#right_survivor_inactive {
   width: 254px;
   height: 130px;
   background: url(../images/new/right_survivor_inactive.jpg) top left no-repeat;
   float: left;
   cursor:pointer;
}

#left_survivor_active {
   width: 254px;
   height: 130px;
   background: url(../images/new/left_survivor_active.jpg) top left no-repeat;
   float: left;
}

#middle_survivor_active {
   width: 254px;
   height: 130px;
   background: url(../images/new/middle_survivor_active.jpg) top left no-repeat;
   float: left;
}

#right_survivor_active {
   width: 254px;
   height: 130px;
   background: url(../images/new/right_survivor_active.jpg) top left no-repeat;
   float: left;
}

#right_survivor_box {
   width: 130px;
   height: 130px;
   background: url(../images/new/right_survivor_box.jpg) top left no-repeat;
   float: left;
}

/* END SURVIVOR */

/* HEADLINE BOX */

#left_headline_box {
   width: 132px;
   height: 94px;
   background: url(../images/new/left_headline_box.jpg) top left no-repeat;
   float: left;
}

#headline_box {
   width: 892px;
   height: 94px;
   background: url(../images/new/headline_box.jpg) top left no-repeat;
   float: left;
}

#headline_box h1 {
   color: #FFFFFF;
   font-size: 40px;
   font-weight: bold;
   margin-bottom: -10px;
   margin-top: 4px;
   width: 300px;
}

#headline_box h2 {
   color: #FFFFFF;
   font-size: 18px;
   font-weight: bold;
   width: 300px;
   margin: 0px;
}

#donate_button {
   width: 219px;
   height: 51px;
   margin-top: 22px;
   float: right;
}

#share_button {
   width: 219px;
   height: 51px;
   margin-top: 22px;
   margin-right: 132px;
   margin-left: 12px;
   float: right;
}

/* END HEADLINE BOX */

/* CONTENT */

#content_container {
   width: 100%;
   background: url(../images/new/content_bottom.png) bottom left repeat-x #e5e5e5;
   float: left;
   text-align:center;
}

#content_box {

   padding-top: 22px;
   padding-bottom: 22px;
   padding-left: 210px;
   padding-right: 210px;
   font-size: 16px;
   width: 762px;
   text-align:left;
   margin: 0 auto;
}

#media_container {
   width: 450px;
   float: right;
   margin-left: 20px;
   margin-bottom: 20px;
}

.media_box {
   width: 450px;
   color: #d95716;
   font-size: 20px;
   margin-bottom: 22px;
}

.media_box p {
   margin-bottom: 4px;
}

#testimonials_container {
   width: 100%;
   float: left;
   background: #d6d5d5 url(/images/testimonials_bottom.png) bottom left repeat-x;
   text-align: center;
   float: left;
}

#testimonials_box {
   padding-top: 22px;
   padding-bottom: 22px;
   width: 762px;
   font-size: 12px;
   color: #4d4b4b;
   text-align: left;
   margin: 0 auto;
}

#testimonials_box p {
   width: 450px;
}

#footer_container {
   width: 100%;
   background: #d6d5d5;
   float: left;
   text-align:center;
}

#footer_box {
   padding-top: 22px;
   padding-bottom: 22px;
   font-size: 16px;
   width: 762px;
   color: #808080;
   margin: 0 auto;
   text-align: left;
   background: #d6d5d5;
}

#footer_donate_button {
   width: 219px;
   height: 51px;
   margin-top: 22px;
   background: url(/images/donate_now.png) top left no-repeat;
   float: right;
}

#logo_th {
   width: 92px;
   height: 40px;
   margin-top: -12px;
   background: url(../images/new/logo_tomorrowshope.png) top left no-repeat;
   float: right;
   cursor: pointer;
}

#logo_lw{
   width: 111px;
   height: 34px;
   margin-top: -7px;
   margin-right: 22px;
   background: url(../images/new/logo_litewired.png) top left no-repeat;
   float: right;
   cursor: pointer;
}

#footer_box a:link { color: #808080; text-decoration:underline; }
#footer_box a:visited { color: #808080; text-decoration:underline; }
#footer_box a:hover { color: #000000; text-decoration:underline; }
#footer_box a:active { color: #808080; text-decoration:underline; }

#background_load {
   display: none;
}

.mr10 { margin-right: 10px; }

#share_container {
   display: none;
}



/* FORMS */







label {
   color: #000;
   display: block;
   float: left;
   font-size: 14px;
   line-height: 18px;
   margin-right: 10px;
   width: 130px;
   margin-bottom: 5px;
}

input, select, textarea {
   border-color: #e6e6e6;
   border-style: inset;
   border-width: 1px;
   color: #000;
   float: left;
   font-size: 14px;
   line-height: 18px;
   width: 300px;
   margin-bottom: 5px;
}


input[type="checkbox"],
input[type="radio"]
{
   width: 20px;
   border: none;
   margin-top: 5px;
}

.button {
    border: none;
    background: url(../images/new/button.png) no-repeat top left;
    padding: 2px 8px;
   width: 139px;
   height: 51px;
   cursor: pointer;
   color: #FFFFFF;
   font-size: 30px;
   font-family: Georgia, "Times New Roman", Times, serif;
}
.button:hover {
    border: none;
    background: url(../images/new/button_hover.png)  no-repeat top left;
    padding: 2px 8px;
   width: 139px;
   height: 51px;
   cursor: pointer;
}

.welcome_column {
   width: 234px;
   padding: 10px;
   float: left;
}

.large_partner_box {
   width: 760px;
   height: 270px;
   float: left;
   margin-bottom: 20px;
}

.partner_box {
   width: 370px;
   height: 214px;
   float: left;
   margin-bottom: 20px;
}

.partner_title {
   width: 370px;
   font-size: 18px;
   font-weight: bold;
   border-bottom: #aaa solid 1px;
   color: #666;
   float: left;
   margin-bottom: 20px;
}

.l {
   margin-right: 10px;
}

.r {
   margin-left: 10px;
}

.partner_box img, .large_partner_box img {
   padding: 10px;
   background: #FFFFFF;
}

.partner_info {
   width: 350px;
   height: 64px;
   padding: 4px;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

/* Testimonials */
.testimonial_quote {
   border-bottom: 1px solid #c4c4c4;
   border-top: 1px solid #f7f7f7;
   clear: both;
   font-style: italic;
   position: relative;
   padding: 40px 0;
   z-index: 1;
}

.noTopBorder { border-top: 0; }
.noBotBorder { border-bottom: 0; }

.testimonial_quote .theText {
   z-index: 1;
}

.testimonial_quote .quotation {
   color: #d9d9d9;
   font-size: 200px;
   font-style: normal;
   left: -20px;
   line-height: 200px;
   position: absolute;
   top: 0;
   z-index: -1;
}

.testimonial_quote .source {
   font-size: 12px;
   font-weight: bold;
   margin: 20px 0 0 10px;
}

   .source .author {
      color: #262626;
      font-style: normal;
      margin-left: 10px;
   }

   .source .company {
      color: #4c4c4c;
      margin-left: 10px;
   }



/* Set Preference Form */
.set_preferences_intro {
   background-color: #d6d5d5;
      float: left;
   font-size: 14px;
   font-style: italic;
   line-height: 24px;
   margin-bottom: 20px;
   max-width: 720px;
   padding: 20px;
   width: 760px;
}

   .set_preferences_intro .exclamation {
      color: #e6e6e6;
      display: block;
      float: left;
      font-size: 100px;
      font-style: normal;
      font-weight: bold;
      line-height: 100px;
      width: 60px;
   }

   .set_preferences_intro .theText {
      display: block;
      float: left;
      width: 660px;
   }


#set_preferences label.error {
   clear: both;
   display: block;
   float: none;
}

#recaptcha_response_field {
   left: 0;
}

#share_form label {
   width: 250px;
}


.orange_button {
   background: url(../images/foh_buttons.png);
   background-position: -239px 0;
   height: 51px;
   text-align: center;
   width: 219px;
}

.orange_button a {
   color: #FFFFFF;
   display: block;
   font-size: 24px;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 51px;
   text-decoration: none;
}
.orange_button:hover {
   background-position: -239px -51px;
   height: 51px;
   width: 219px;
}

.about_button {
   background: url(../images/foh_buttons.png);
   background-position: 0 0;
   height: 51px;
   width: 239px;
}

.about_button:hover {
   background-position: 0 -51px;
}



#site_map {
   background-color: #4d4d4d;
   width: 100%;
}

#site_map_container {
   margin: 0 auto;
   padding: 20px 0;
   position: relative;
   width: 800px;
}

#site_map_container #site_map_button {
   bottom: -28px;
   position: absolute;
   right: 37px;
}

.site_map_column {
   float: left;
   font-size: 12px;
   margin-right: 20px;
}
.mr0 { margin-right; 0; }

.site_map_column .site_map_space {
   clear: both;
   height: 20px;
}

.site_map_column .site_map_title {
   color: #b2b2b2;
   line-height: 20px;
   margin-bottom: 6px;
}

.site_map_column a {
   color: #e5e5e5;
   display: block;
   line-height: 20px;
   text-decoration: none;
}
.site_map_column a:hover { text-decoration: underline; }

.cf { clear: both; }