/** Resets **/
html, body, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
img { border: none; }


/** Defaults **/
body {
  font: normal normal normal 16px/1.5em Helvetica, Arial, sans-serif; /** 1em = 16px **/
  background: #fbf0d3; /* url(/lib/images/common/blue_bar.png) repeat-x scroll 0px 151px */
}
h1 {
  font: normal normal normal 1.625em/2em Georgia, serif; /** 26px **/
  letter-spacing: 0.05em;
}
a, a:link, a:visited, a:active { text-decoration: none; color: #969094; }

#page-background { 
  position: absolute;
  height: 376px;
  width: 100%;
  top: 151px;
  left: 0;
  background: url(/lib/images/common/blue_bar.png) repeat-x;  }

#page-background-short { 
  position: absolute;
  height: 195px;
  width: 100%;
  top: 151px;
  left: 0;
  background: url(/lib/images/common/blue-bar-short.jpg) repeat-x;  }

/** Recurring elements **/
.container {
  position: relative;
  width: 970px;
  margin: 0 auto 0 auto;
  clear: both;
  color: #969094;
}

#content p {
  margin-top: 1em;
  color: #484848;
  font: 14px normal Helvetica, Arial, sans-serif;
}

#content ul#volunteerNeedList
{
padding: 10px 0 10px 250px;
color: #484848;
font: 14px normal Helvetica, Arial, sans-serif;
}

#logos { position: relative; z-index: 100; margin-top: 0.5em; }
  #logos img.ehm {
    position: absolute;
    float: right;
    z-index: 100;
    top: 1em;
    right: -25px;
  }


.footer                       { font-size: 0.625em; }
  .footer.credits               { margin-top: 10em; }
    .footer.credits span          { margin-right: 3.5em; }
    .footer.credits img           { vertical-align: middle; margin-left: 0.5em; }
    .footer.credits .hosting img  { margin-top: -1em; }
    .footer.credits .author img   { margin-top: -0.2em; }
  .footer.navigation            { margin-top: 2em; }
  .footer.navigation .first       { border-bottom: 1px solid #ccc; }
  .footer.navigation a            { margin-right: 1.5em; text-decoration: underline; }
  .footer.navigation a:hover            { text-decoration: none; }

/** Home page type **/
body.home { background: #fbf0d3; }
  .home h1 { color: #0B4F1B; }
  .home #content { margin-top: 3.5em; }
  .home #page-background { top: 208px; background: url(/lib/images/common/blue_bar.png) repeat-x; }


#countdown {
  position: relative;
  clear: both;
  color: #fff;
  font-size: 1.175em;
  width: 293px;
  height: 187px;
  margin: 1em 0 0 3.5em;
  background: transparent url(/lib/images/home/clock.png) no-repeat scroll 0 0;
  }
  #countdown .title { margin: 0.5em 0 0 2em; color: #fff; font-size: 1em; }
  #countdown .time  { position: absolute; left:0; font-size: 2em; margin: 100px 0 0 25px; }
  #countdown .time div { width: 75px; float: left; text-align: center;  }
  #homeCol02 #countdown p { width: auto; }
    #countdown .time div .label { font-size: 0.25em;  text-transform: uppercase; }
    #id_days p, #id_hours p { text-align: left; margin-left: 10px; }
    #id_days p { padding-left: 25px; }
    #id_hours p { padding-left: 15px; }
    #id_minutes p { padding-left: 15px; }
	#id_minutes p.label {text-align:left !important;}

#featured-navigation { position: relative; }
#featured-navigation-links a { position: absolute; color: #fff; font-weight: bold; font-size: 1.25em; z-index: 101; }

#featured-navigation-links a:hover
{
color: #5d9a34;
}


#bubble-navigation { height: 562px; margin-top: -2.2em; }
  #bubble-navigation .canvas      { position: absolute; z-index: 20; }
  #bubble-navigation #featured-navigation {
    position: absolute;
    background: transparent url(/lib/images/home/bottom_bubbles.png) no-repeat scroll 0 0;
    width: 349px;
    height: 182px;
    z-index: 10;
    top: 430px; }
    #bubble-navigation #featured-navigation-links a.left   { bottom: 30px; left: 15px; }
    #bubble-navigation #featured-navigation-links a.middle { bottom: -30px; left: 135px; width: 105px; }
    #bubble-navigation #featured-navigation-links a.right  { bottom: 0px; left: 250px; }
  #bubble-navigation .bubble  {
    display: none;
    border: 3px solid #754d00;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    z-index: 55;
    background: #f8be40;
    padding: 0.25em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    cursor: pointer;
    }
    #bubble-navigation .bubble a {
      margin: 0.25em;
      color: #6e420a;
      font-weight: bold;
      margin-left: 0.5em;
      vertical-align: top;
    }
    #bubble-navigation .bubble .caption {
      line-height: 16px;
      width: 200px; 
      color: #6e420a; 
      margin: 0.25em 1em 1em 2em; }
    #bubble-navigation .bubble img { 
      margin-left: -16px;
      margin-top: -8px;
    }
    #bubble-navigation .bubble img.foreground,
    #bubble-navigation .bubble img.background {
      position: absolute;
      top:      -70px;
      right:    -65px;
      z-index:   99; }
    .bubble img.foreground { z-index: 101; }
    .bubble.closed { height: 1.5em; }
  #bn_meet-the-family           { top: 210px; left: 140px; }
  #bn_partners                  { top: 325px; left: 85px; }
  #bn_guest-book                { top: 320px; left: 305px; }
  #bn_media                     { top: 200px; left: 420px; }
  #bn_gallery                   { top: 175px; left: 650px; }
  #bn_about-the-community       { top: 350px; left: 530px; }
  #bn_blog                      { top: 460px; left: 500px; }
  #bn_meet-the-builder          { top: 300px; left: 800px; }



/** 
  Interior Pages
**/

#lead_container {
  margin: -2.2em auto 0 auto;
  width: 783px;
  height: 538px; }

#lead_container-short {
  margin: -2.2em auto 0 auto;
  width: 783px;
  height: 348px; }  
  
#lead {
  position: absolute;
  margin: 10px auto 0 auto;
  z-index: 50; }
#lead_overlay {
  z-index: 55;
  position: absolute;
  bottom: 0px;
  right: 0px;
}


body.interior #featured-navigation {
  position: absolute;
  background: transparent url(/lib/images/common/top_bubbles.png) no-repeat scroll 0 0;
  width: 349px;
  height: 190px;
  z-index: 10;
  top: 20px;
  left: -60px; 
  }
  body.interior #featured-navigation-links a.left   { top: 100px; left: -45px; text-decoration: none; }
  body.interior #featured-navigation-links a.middle { top: 40px; left: 70px; text-decoration: none; }
  body.interior #featured-navigation-links a.right  { top: 40px; left: 190px; text-decoration: none; }
.interior h1 {
  font-size: 3em;
  color: #6e420a;
  letter-spacing: normal; }

.interior h2
{
margin: 20px 0 0 270px;
color: #6e420a;
font: 33px normal Georgia, serif;
}

.interior h3
{
margin: 0 0 0 270px;
color: #6e420a;
font: 17px normal Georgia, serif;
}

.interior #content p,
.interior #content h1 
{
line-height: 1.2em;
margin-left: 270px;
}

.volunteer #content p
{
margin-left: 230px;
}

.volunteer #content h2
{
margin-left: 230px;
}

.interior #content a
{
color:#684116;
font-weight: bold;
text-decoration: underline;
}

.interior #content a:hover
{
text-decoration: none;
}

.interior #content h1.short
{
margin-left: 220px;
}

.interior #photoPod
{
height: 140px;
padding: 10px 0 0 270px;
}

.interior #photoPod img
{
float: left;
margin: 0 22px 0 0;
}

.interior #learnMoreBtn
{
float: left;
clear: both;
margin: 20px 0 30px 270px;
}

#interior_navigation {
  position: relative;
  width: 12em;
  float: left;
  text-align: right;
  margin: 1em 0 10em 2em;
  background: transparent url(/lib/images/navigation/bkgr.png) repeat-y scroll 160px 0; }

#content #interior_navigation a {
    display: block;
    margin-right: 3em;
    color: #6e420a;
	font-weight: normal;
    text-decoration: none;
    }
#interior_navigation .cursor {
    position: absolute;
    background: #fbf0d3;
    right: -8px; }
  body.meet-the-family  #content  #in_meet-the-family,
  body.meet-the-builder #content  #in_meet-the-builder,
  body.about-the-community #content #in_about-the-community,
  body.partners         #content #in_partners,
  body.guest-book       #content #in_guest-book,
  body.map              #content #in_map,
  body.media            #content #in_media,
  body.gallery          #content #in_gallery,
  body.blog             #content #in_blog,
  body.video            #content #in_video
  {
    font-weight: bold;
  }

.meet-the-family .leftImg
{
float: left;
margin: 0 10px 0 0;
}

.meet-the-family .rightImg
{
float: right;
margin: 0 0 0 10px;
}

#map01
{
float: left;
margin: 10px 10px 10px 50px;
border: 1px solid #000;
}

#map02
{
float: left;
margin: 10px 10px 10px 275px;
border: 1px solid #000;
}
  
#flashContentContainer
{
position: absolute;
width: 680px;
height: 442px;
top: 94px;
z-index: 50;
}

#videoContainer
{
position: absolute;
width: 680px;
height: 385px;
top: 130px;
z-index: 50;
}

#guestBookCol01
{
float: left;
width: 350px;
margin: 0 10px 0 0;
}

#guestBookCol01 h2
{
margin: 10px 0 0 45px;
text-transform: uppercase;
font: 13px bold Georgia, serif;
letter-spacing: 1px;
}

#guestBookCol01 h2 span
{
font-style: italic;
text-transform: none;
}

.interior #guestBookCol01 p
{
margin: 0 0 20px 45px;
width: 300px;
border-bottom: 1px solid #ccc;
font: 12px bold Arial, sans-serif;
line-height: 16px;
}

#guestBookCol02
{
float: left;
width: 290px;
}

#guestbookForm
{
border: 1px solid #70440c;
padding: 19px;
}

#guestbookForm h3
{
width: 144px;
margin: -26px 0 0 0;
padding: 0 5px;
color: #6e420a;
background: #fbf0d3;
}

#guestbookForm label
{
float: left;
clear: both;
padding: 5px 0 0 0;
color: #484848;
font: 12px bold Arial, sans-serif;
}

#guestbookForm input
{
float: left;
clear: both;
}

#guestbookForm .text
{
width: 245px;
border: 1px solid #ababaa;
}

#guestbookForm #submitBtn
{
float: right;
clear: both;
}

#guestbookForm textarea
{
float: left;
clear: both;
width: 245px;
height: 100px;
margin: 0 0 10px 0;
border: 1px solid #ababaa;
}

#guestbookForm br
{
clear: both;
}

.media h3
{
margin-top: 20px;
}

.media #content p
{
font-size: 12px;
line-height: 18px;
}

.media a
{
font-weight: bold;
text-decoration: underline;
	padding-bottom: 2px;
}

.media a:hover
{
text-decoration: none;
}

#partnersTop
{
float: left;
width: 690px;
margin: 20px 0 0 45px;
}

#partnersTop img
{
float: left;
margin: 0 30px 30px 0;
}

#partnersMid
{
float: left;
margin: 20px 0 0 268px;
}

#partnersMid img
{
float: left;
margin: 0 22px 0 0;
}

#partnersBottom
{
float: left;
width: 600px;
margin: 20px 0 0 268px;
}

#partnersBottom a
{
float: left;
width: 133px;
margin: 0 22px 5px 0;
color: #000;
font: 10px normal Helvetica, Arial, sans-serif;
text-decoration: underline;
line-height: 20px;
}

#partnersBottom a:hover
{
text-decoration: none;
}

#partnersBottom a.rightLink
{
margin: 0 0 22px 0;
}

#partnersBottom br
{
clear: both;
}

.donateCol01
{
float: left;
width: 375px;
margin: 0 20px 10px 0;
}

.row02
{
margin: 0 20px 80px 225px;
}


#content .donateCol01 p
{
margin: 0 0 10px 0;
}

#content .donateCol01 h3
{
margin: 0;
}

#monetaryDonationsContainer
{
float: left;
padding: 30px;
border: 1px solid #70440c;
background: transparent;
}

#monetaryDonationsContainer h4
{
float: left;
background: #fbf0d3;
margin: -41px 0 0 0;
padding: 0 3px;
}

#monetaryDonationsContent
{
background: #fff;
}

#monetaryCol01
{
float: left;
padding: 10px 6px;
}

#monetaryCol01 img
{
float: left;
margin: 30px 0 0 0;
}

#monetaryCol02
{
float: left;
padding: 10px 6px;
}

#content #monetaryCol02 a
{
float: left;
clear: both;
width: 81px;
height: 17px;
margin: 2px 0;
padding: 4px 0 0 0;
background: #fff url('/lib/images/btn/donate-btn.jpg') no-repeat 0 0;
color: #007;
text-align: center;
font: 14px bold Arial, Helvetica, sans-serif;
text-decoration: none;
font-style: italic;
}

#content #monetaryCol02 a:hover
{
color: #474791;
}

.donateCol02
{
float: left;
}

.donateCol02 form
{
padding: 19px;
border: 1px solid #70440c;
}

.donateCol02 #prodDonationForm
{
width: 235px;
}

#content .donateCol02 .formPod
{
float: left;
padding: 5px 0 0 0;
margin: 0 5px 0 0;
}

#content .donateCol02 br
{
clear: both;
}

#content .donateCol02 .formPod p
{
margin: 0 0 0 0;
padding: 0 0 0 8px;
color: #333;
font: 11px bold Arial, Helvetica, sans-serif;
}

#content .donateCol02 .formPod p.required
{
background: transparent url('/lib/images/common/required.gif') no-repeat 0 3px;
}

#content .donateCol02 .formPod .text
{
width: 100px;
border: 1px solid #b8b8b8;
}

#content .donateCol02 .formPod .textWide
{
width: 206px;
border: 1px solid #b8b8b8;
}

#content .donateCol02 .formPod textarea
{
float: left;
width: 206px;
height: 100px;
margin: 5px 0 0 0;
border: 1px solid #b8b8b8;
}

#prodDonationSubmit
{
float: right;
margin: 10px 15px 0 0;
}

#contactInfo
{
width: 353px;
margin: 10px 0 0 0;
padding: 10px 16px;
border: 1px solid #70440c;
}

#volunteerType
{
width: 353px;
margin: 20px 0 0 0;
padding: 10px 16px;
border: 1px solid #70440c;
}

#homeList
{
padding: 10px 0px 1em 5px;
border: 1px solid #70440c;
clear: both;
margin-right: 2em;
margin-top: 1em;
}

#homeList h4,
#contactInfo h4,
#volunteerType h4,
#availabilityPod h4
{
float: left;
margin: -17px 0 0 0;
padding: 0 3px;
background: #fbf0d3;
color: #684116;
font: 14px bold Georgia, serif;
}

#volunteerForm #volunteerCol01
{
float: left;
}

#volunteerForm br
{
clear: both;
}

#volunteerForm .formPod
{
float: left;
margin: 0 5px 5px 0;
}

#volunteerForm p
{
float: left;
margin: 0;
}

#volunteerForm .text
{
float: left;
clear: both;
width: 169px;
border: 1px solid #b8b8b8;
}

#volunteerForm .textWide
{
float: left;
clear: both;
width: 344px;
border: 1px solid #b8b8b8;
}

#volunteerForm .radio
{
float: left;
}

#volunteerForm #area_code
{
float: left;
clear: both;
width: 40px;
margin: 0 5px 0 0;
border: 1px solid #b8b8b8;
}

#volunteerForm #prefix
{
float: left;
width: 50px;
margin: 0 5px 0 0;
border: 1px solid #b8b8b8;
}

#volunteerForm #phone
{
float: left;
width: 50px;
margin: 0 5px 0 0;
border: 1px solid #b8b8b8;
}

#volunteerForm #carrier
{
float: left;
clear: both;
width: 180px;
border: 1px solid #b8b8b8;
}

#volunteerForm #volunteerCol01 p
{
float: left;
margin: 0;
color: #333;
font: 11px bold Arial, Helvetica, sans-serif;
}

#volunteerForm #volunteerCol02
{
float: left;
margin: 0 0 0 20px;
padding: 10px 0 0 0;
}

.interior #content p.volunteerbody
{
width: 700px;
margin-left: 220px;
font-size: 12px;
}

#volunteerForm #volunteerCol02 p
{
float: left;
clear: both;
width: 290px;
margin: 0 0 15px 0;
font: normal 12px Arial, Helvetica, sans-serif;
}

#volunteerForm #volunteerCol02 ul
{
float: left;
clear: both;
width: 240px;
margin: 0 0 15px 0;
padding: 0 0 0 10px;
color: #484848;
font: normal 12px Arial, Helvetica, sans-serif;
}

#volunteerForm #volunteerCol02 ul li
{
	margin-top: 0.5em;
}

#volunteerForm #volunteerCol02 a
{
color: #684116;
text-decoration: underline;
}

#volunteerForm #volunteerCol02 a:hover
{
text-decoration: none;
}

#volunteerCol02 a.imgBtn,
a.imgBtn
{
float: left;
margin: 15px 10px 5px 0;
}

#volunteerForm #volunteerCol02 h4
{
color: #684116;
font: 17px bold Georgia, serif;
}

#volunteerForm .checkbox
{
float: left;
}

#volunteerType p
{
font: 11px normal Arial, Helvetica, sans-serif;
}

#volunteerType p span
{
font-size: 9px;
}

#content #volunteerForm #smsText
{
float: left;
width: 270px;
margin: 5px 0 0 2px;
}

#typeCol01 select,
#typeCol02 select
{
float: left;
clear: both;
width: 150px;
margin: 5px 0;
}

#typeCol02 select
{
width: 330px;
}

#typeCol01 .text
{
width: 100px;
}

#typeCol02 .text
{
width: 330px;
}

#typeCol01
{
float: left;
width: 172px;
margin: 0 5px 0 0;
border-right: 1px solid #9c9c9c;
}

#typeCol02
{
float: left;
width: 327px;
}

#additionalInfo
{
width: 330px;
height: 120px;
border: 1px solid #b8b8b8;
}

#availabilityPod
{
float: left;
clear: both;
width: 670px;
margin: 10px 0 10px 225px;
padding: 10px 16px;
border: 1px solid #70440C
}

.dateHeader
{
padding: 6px 10px;
background: #866745;
color: #fff;
font: normal 11px Georgia, serif;
text-align: center;
}

.timeCol
{
width: 80px;
padding: 8px 10px;
background: #866745;
color: #fff;
font: bold 10px Georgia, serif;
text-align: center;
}

.check_on
{
background: #9d8367;
color: #fff;
text-align: center;
font: normal 10px Georgia, serif;
}

#content #volunteerForm #allRequired
{
padding: 0 0 0 10px;
background: transparent url('/lib/images/common/required.gif') no-repeat 0 4px;
color: #be1e2d;
}

#signUpBtn
{
float: right;
margin: 0 40px 0 0;
}

#clearBtn
{
float: right;
margin: 0 10px 0 0;
}

.interior .topMargin
{
margin-top: 30px;
}

#mediaCol01
{
float: left;
width: 380px;
margin: 10px 20px 0 45px;
}

#content #mediaCol01 p,
#content #mediaCol02 p
{
margin: 0;
}

#content #mediaCol01 h3,
#content #mediaCol02 h3
{
margin-left: 0;
}

#mediaCol02
{
float: left;
width: 250px;
margin: 10px 0 0 5px;
}

#homeCol01
{
float: left;
width: 450px;
}

#homeCol01 h1, #homeCol02 h1
{
float: left;
clear: both;
margin: 0;
line-height: 40px;
}

#homeCol01 h1.subtitle, #homeCol02 h1.subtitle
{
font-size: 1.2em;
}

#homeCol01 h2
{
float: left;
clear: both;
color: #5c5c5c;
font: bold 16px Helvetica, Arial, sans-serif;
}

#homeCol01 h3
{
float: left;
clear: both;
color: #5c5c5c;
font: normal 14px Helvetica, Arial, sans-serif;
}

#homeCol01 p, #homeCol02 p
{
float: left;
clear: both;
width: 500px;
margin: 5px 0;
}

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

#homeCol02 a:hover
{
text-decoration: none;
}

#homeCol01 #donateLink
{
float: right;
clear: both;
width: 200px;
margin: 10px 0 0 0;
}

#homeCol01 ul,
.donateCol01 ul
{
float: left;
clear: both;
width: 320px;
margin: 10px 0 0 0;
padding: 0 0 0 20px;
color: #484848;
font-size: 12px;
line-height: 16px;
}

#homeCol01 ul {
  width: 90%;
}
#homeCol01 ul li {
  width: 177px;
  margin: 0 5px 5px 0;
  float: left;
  list-style: none;
}

#homeCol01 a
{
float: left;
clear: both;
width: 450px;
margin: 0 0 8px;
color: #5d9a34;
text-decoration: underline;
font: bold 13px Helvetica, Arial, sans-serif;
}

#homeCol01 a:hover
{
text-decoration: none;
}

#homeCol01 h2 a span
{
font-size: 12px;
}

#homeCol02
{
float: left;
}

#contactRow
{
float: left;
width: 700px;
margin: 0 0 0 270px;
clear: both;
}

#contactRow h3
{
margin: 30px 0 0 0;
}

.media #content .mediaContact
{
float: left;
clear: none;
width: 200px;
margin: 0;
}

.clear
{
clear: both;
}