/********************************************
* Hospice of the Valley
* Developed by I-ology
* http://www.i-ology.com
*
* Created 07/23/07 - BD
*
* Teen Site Definitions
********************************************/

/*********************************
* HTML Mods
*********************************/

*, a, h2 {
    color: #FFF;
}

h2 {
    font-size: 14px;
    margin-bottom: 5px;
}

.bold-orange {
    font-weight: bold;
    color: #FFBE21;
}

/*********************************
* Layout Definitions
*********************************/

#page-border {
    border: 1px solid #999;
    background: #4D84C4 url(/images/bg_teen_bottom.gif) bottom left no-repeat;
    border-bottom: 0;
    padding-bottom: 0;
}

#left-column {
    float: left;
    width: 512px;
    width/**/:/**/ 478px;
    padding: 16px 0 16px 34px;
}

#right-column {
    width: 252px;
    margin-top: 0;
    padding-left: 49px;
    width/**/:/**/203px;
    background: url(/images/bg_teen_top.gif) top right no-repeat;
}

#header {
	height: 166px;
    background: #92bce4 url(/images/teen-header.jpg) no-repeat 276px 0;
}

#interior-photo {
    width: 202px;
}

#teen-spotlight {
    width: 264px;
    float: right;
	padding: 0 15px 0 0;
	width/**/:/**/ 249px;
}

#teen-spotlight p,
#teen-spotlight strong{
    color: #000;
    line-height: 16px;
    font-size: 11px;
    padding-bottom: 0;
}

#teen-spotlight a {
    color: #FFF;
    font-size: 11px;
}

#logo {
	width: 276px;
	height: 166px;
    background: url(/images/logo_teens.gif) top left no-repeat;
}

#email-signup {
    width: 203px;
    height: 73px;
    margin-bottom: 25px;
    background: url(/images/bg_email_signup.gif) bottom left no-repeat;
}

#email-signup #emailUpdates {
    margin: 15px 0 0 18px;
    border: 0;
    background: transparent;
    width: 170px;
    color: #4D84C4;
}

#btnSubmit2 {
    margin: 8px 0 0 15px;
}

/*********************************
* Buttons & Promos
*********************************/

a#promo-teen-grief,
a#promo-teen-volunteers,
a#promo-email-updates2,
a#promo-teen-home,
a#promo-nursing-volunteers {
    width: 203px;
    height: 73px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

a#promo-teen-grief {
    margin: 70px 0 10px 0;
    background: url(/images/promo_grief_speak.gif) top left no-repeat;
}
a#promo-teen-volunteers {
    margin-bottom: 10px;
    background: url(/images/promo_teen_volunteer2.gif) top left no-repeat;
}
a#promo-nursing-volunteers {
    margin-bottom: 10px;
    background: url(/images/promo-teens-nursing.gif) top left no-repeat;
}
a#promo-email-updates2 {
    margin-bottom: 10px;
    background: url(/images/promo_email_updates2.gif) top left no-repeat;
}
a#promo-teen-home {
    background: url(/images/promo_teen_home.gif) top left no-repeat;
}

a:hover#promo-teen-grief {
    background: url(/images/promo_grief_speak.gif) bottom left no-repeat;
}
a:hover#promo-teen-volunteers {
    background: url(/images/promo_teen_volunteer2.gif) bottom left no-repeat;
}
a:hover#promo-nursing-volunteers {
    margin-bottom: 10px;
    background: url(/images/promo-teens-nursing.gif) bottom left no-repeat;
}
a:hover#promo-email-updates2 {
    background: url(/images/promo_email_updates2.gif) bottom left no-repeat;
}
a:hover#promo-teen-home {
    background: url(/images/promo_teen_home.gif) bottom left no-repeat;
}

a#btn-teen-enroll {
    margin-top: 25px;
    width: 188px;
    height: 47px;
    display: block;
    text-indent: -9999px;
    background: url(/images/btn_teen_enroll.gif) top left no-repeat;
}

a:hover#btn-teen-enroll {
    background: url(/images/btn_teen_enroll.gif) bottom left no-repeat;
}

/*********************************
* Headers & Titles
*********************************/

#ttl-introduction,
#ttl-teen-grief,
#ttl-teen-volunteers,
#ttl-teen-nursing {
    height: 35px;
    display: block;
    margin: 10px 0 5px 0;
    text-indent: -9999px;
}

#ttl-introduction {
    background: url(/images/ttl_introduction.gif) top left no-repeat;
}
#ttl-teen-grief {
    background: url(/images/ttl_teen_grief.gif) top left no-repeat;
}
#ttl-teen-volunteers {
    background: url(/images/ttl_teen_volunteers.gif) top left no-repeat;
}
#ttl-teen-nursing {
    height: 36px;
    background: url(/images/hdr-teens-in-nursing.gif) top left no-repeat;
}

#hdr-teen-spotlight {
    margin: 25px 0 0 0;
    padding: 0;
    width: 248px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    background: url(/images/hdr-earn-500.gif) top left no-repeat;
}

#hdr-email-updates {
    width: 155px;
    height: 24px;
    margin: 25px 0 5px 5px;
    display: block;
    text-indent: -9999px;
    background: url(/images/hdr_email_updates.gif) top left no-repeat;
}

/*********************************
* Lists
*********************************/

ul li {
    padding-left: 20px;
    background: url(/images/bullet2.gif) 0 6px no-repeat;
}

ol {
    margin-top: 0;
}

/*********************************
* Footer 
*********************************/

#footer {
    border: 1px solid #99B562;
    background: #C3DA96;
}

/*********************************
* Main Navigation
*********************************/

#nav a#patients {
    background: url(/images/nav_patients2.gif) top left no-repeat;
}
#nav a#healthcare {
    background: url(/images/nav_healthcare2.gif) top left no-repeat;
}

#nav a:hover#patients, body#patients-on #nav a#patients {
    background: url(/images/nav_patients2.gif) bottom left no-repeat;
}
#nav a:hover#healthcare, body#healthcare-on #nav a#healthcare {
    background: url(/images/nav_healthcare2.gif) bottom left no-repeat;
}