/********************************************
* Hospice of the Valley
* Developed by I-ology
* http://www.i-ology.com
*
* Created 07/16/07 - BD
*
* Volunteer Definitions
********************************************/

/*********************************
* Lists
*********************************/

dl {
    width: 522px;
    margin-bottom: 15px;
    overflow: hidden;
}

dt {
    width: 100px;
    float: left;
}

dd {
    width: 422px;
    float: right;
}

.divider {
    border-bottom: none;
    border-top: 1px solid #E5EFD1;
    padding-top: 15px;
}

ol.arrows li {
    background: url(/images/bg_arrow.jpg) 0 100% no-repeat;
    padding-bottom: 40px;
    margin-bottom: 15px;
}

ol.arrows li.last {
    background: url(/images/bg_arrow2.jpg) 0 100% no-repeat;
    padding-bottom: 10px;
}

#disclaimer-temp {
    width: 515px;
    width/**/:/**/ 475px;
    padding: 10px 20px;
    margin: 0 0 20px 0;
    border-top: 1px solid #E5EFD1;
    border-bottom: 1px solid #E5EFD1;
    overflow: hidden;
    background: #FEFBE6;
}

#disclaimer-temp ol {
    margin: 0 0 0 20px;
    padding: 0;
}

#pet-slideshow {
    width: 205px;
    height: 148px;
    float: right;
    clear: right;
    margin: 5px 0 15px 25px;
}

/*********************************
* Layout Definitions
*********************************/

.product {
    width: 515px;
    overflow: hidden;
    padding-top: 15px;
    margin-top: 8px;
    border-top: 1px solid #E5EFD1;
}

.product img {
    float: right;
    margin: 0 0 25px 35px;
    padding: 2px;
    border: 1px solid #D7D7D7;
}

/*********************************
* Titles
*********************************/

#ttl-volunteer,
#ttl-teen-programs,
#ttl-training-calendar,
#ttl-pet-program,
#ttl-white-dove,
#ttl-invite-friend,
#ttl-shop-donate-volunteer,
#ttl-adult-volunteer,
#ttl-teen-volunteer {
    height: 23px;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 12px;
}

#ttl-volunteer {
    background: url(/images/ttl_volunteer.gif) top left no-repeat;
}
#ttl-teen-programs {
    background: url(/images/ttl_teen_programs.gif) top left no-repeat;
}
#ttl-training-calendar {
    background: url(/images/ttl_training_calendar.gif) top left no-repeat;
}
#ttl-pet-program {
    background: url(/images/ttl_pet_program.gif) top left no-repeat;
}
#ttl-white-dove {
    background: url(/images/ttl_white_dove.gif) top left no-repeat;
}
#ttl-invite-friend {
    background: url(/images/ttl_invite_friend.gif) top left no-repeat;
}
#ttl-shop-donate-volunteer {
    background: url(/images/ttl_shop_donate_volunteer.gif) top left no-repeat;
}
#ttl-adult-volunteer {
    background: url(/images/ttl_adult_volunteer.gif) top left no-repeat;
}
#ttl-teen-volunteer {
    background: url(/images/ttl_teen_volunteer.gif) top left no-repeat;
}

/*********************************
* Promos 
*********************************/

a#promo-vol-testimonials,
a#promo-volunteer,
a#promo-submit-story {
    display: block;
    width: 197px;
    height: 55px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
}

a#promo-vol-testimonials {
        background: url(/images/promo_vol_testimonials.gif) top left no-repeat;
}
a#promo-volunteer {
        background: url(/images/promo_volunteer.gif) top left no-repeat;
}
a#promo-submit-story {
        background: url(/images/promo_submit_story.gif) top left no-repeat;
}

a:hover#promo-vol-testimonials {
    background: url(/images/promo_vol_testimonials.gif) bottom left no-repeat;
}
a:hover#promo-volunteer {
    background: url(/images/promo_volunteer.gif) bottom left no-repeat;
}
a:hover#promo-submit-story {
    background: url(/images/promo_submit_story.gif) bottom left no-repeat;
}

h3 a#promo-teen-vol-app,
h3 a#promo-adult-vol-app,
h3 a#promo-invite-friend,
h3 a#promo-apply-now {
    width: 240px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 15px 20px 0 0;
}

h3 a#promo-back,
h3 a#promo-next {
    width: 122px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 15px 20px 0 0;
}

h3 a#promo-back,
h3 a#promo-next {
    width: 122px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 15px 20px 0 0;
}

h3 a#promo-teen-vol-app {
    background: url(/images/promo_teen_vol_app.gif) top left no-repeat;
}
h3 a#promo-adult-vol-app {
    background: url(/images/promo_adult_vol_app.gif) top left no-repeat;
}
h3 a#promo-invite-friend {
    background: url(/images/promo_invite_friend.gif) top left no-repeat;
}
h3 a#promo-apply-now {
    background: url(/images/promo_apply_now.gif) top left no-repeat;
}
h3 a#promo-next {
    background: url(/images/btn_next.gif) top left no-repeat;
}
h3 a#promo-back {
    background: url(/images/btn_back.gif) top left no-repeat;
}

h3 a:hover#promo-teen-vol-app {
    background: url(/images/promo_teen_vol_app.gif) bottom left no-repeat;
}
h3 a:hover#promo-adult-vol-app {
    background: url(/images/promo_adult_vol_app.gif) bottom left no-repeat;
}
h3 a:hover#promo-invite-friend {
    background: url(/images/promo_invite_friend.gif) bottom left no-repeat;
}
h3 a:hover#promo-apply-now {
    background: url(/images/promo_apply_now.gif) bottom left no-repeat;
}
h3 a:hover#promo-next {
    background: url(/images/btn_next.gif) bottom left no-repeat;
}
h3 a:hover#promo-back {
    background: url(/images/btn_back.gif) bottom left no-repeat;
}

/*********************************
* Sub Navigation 
*********************************/

#subnav a#teen-programs {
    background: url(/images/subnav_teen_programs.gif) top left no-repeat;
}
#subnav a#teen-orientation-calendar {
    background: url(/images/subnav_teen_orientation_calendar.gif) top left no-repeat;
    height: 46px;
}
#subnav a#training-calendar {
    background: url(/images/subnav_training_calendar.gif) top left no-repeat;
}
#subnav a#pet-program {
    background: url(/images/subnav_pet_program.gif) top left no-repeat;
}
#subnav a#white-dove {
    height: 46px;
    background: url(/images/subnav_white_dove.gif) top left no-repeat;
}
#subnav a#invite-friend {
    background: url(/images/subnav_invite_friend.gif) top left no-repeat;
}

#subnav a:hover#teen-programs, body.teen-programs-on #subnav #teen-programs {
    background: url(/images/subnav_teen_programs.gif) bottom left no-repeat;
}
#subnav a:hover#teen-orientation-calendar, #subnav #teen-orientation-calendar {
    background: url(/images/subnav_teen_orientation_calendar.gif) bottom left no-repeat;
}
#subnav a:hover#training-calendar, body.training-calendar-on #subnav #training-calendar {
    background: url(/images/subnav_training_calendar.gif) bottom left no-repeat;
}
#subnav a:hover#pet-program, body.pet-program-on #subnav #pet-program {
    background: url(/images/subnav_pet_program.gif) bottom left no-repeat;
}
#subnav a:hover#white-dove, body.white-dove-on #subnav #white-dove {
    background: url(/images/subnav_white_dove.gif) bottom left no-repeat;
}
#subnav a:hover#invite-friend, body.invite-friend-on #subnav #invite-friend {
    background: url(/images/subnav_invite_friend.gif) bottom left no-repeat;
}

