/********************************************
* Hospice of the Valley
* Developed by I-ology
* http://www.i-ology.com
*
* Created 05/25/07 - AC
*
* General Style Definitions
********************************************/

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

body {
    margin: 0 0 50px 0;
    padding: 0;
    background: #01568C;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 12px; 
    font-family: Tahoma, Verdana, Trebuchet MS, sans-serif;
    color: #333;
    line-height: 18px;
}

a {
    color: #01578D;
    outline: none;
}

a:hover {
    text-decoration: none;
}

p {
    padding: 0 0 20px 0;
}

h2 {
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #92894c;
}

h2 a {
    font-weight: normal;
}

h3 {
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #333;
}

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

#content {
    width: 780px;
    width/**/:/**/ 766px;
    margin: 0 auto;
    padding: 0 7px 7px 7px;
    background: #fff;
}

#header {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 766px;
    height: 119px;
}

#logo {
    float: left;
    width: 276px;
    height: 119px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background: url(/images/logo.gif) top left no-repeat;
}

#logo a {
    width: 100px;
    height: 110px;
    display: block;
    margin: 3px 0 0 87px;
}

#page-border {
    width: 766px;
    width/**/:/**/ 764px;
    border: 1px solid #E7E7E7;
    border-bottom: 0;
    padding-bottom: 15px;
    overflow: hidden;
}

#left-column {
    float: left;
    width: 546px;
    width/**/:/**/ 522px;
    padding: 16px 0 0 24px;
}

#right-column {
    float: right;
    width: 197px;
    margin-top: 16px;
}

#no-col {
    padding: 16px 24px;
}

#interior-photo {
    float: left;
    width: 261px;
}

.content-photo {
    float: right;
    clear: right;
    width: 199px;
    margin: 3px 9px 15px 25px;
}

#pnlImage1,
#pnlImage2,
#pnlImage3 {
    float: right;
    clear: right;
    width: 235px;
    overflow: hidden;
}

.content-photo2 {
    float: right;
    clear: right;
    width: 250px;
    margin: 3px 9px 15px 25px;
}

.content-photo img,
.content-photo2 img {
    padding: 2px;
    border: 1px solid #D7D7D7;
}

.content-photo p,
.content-photo2 p {
    font-size: 11px;
    margin: 3px 3px 0 3px;
    line-height: 14px;
}

#promos {
    clear: both;
    overflow: hidden;
    margin-bottom: 25px;
}

.divider {
    border-bottom: 1px solid #E5EFD1;
    margin-bottom: 15px;
}

.chat-bubble {
    width: 522px;
    background: url(/images/chat_bubble.gif) 0 100% no-repeat;
    padding: 0 30px 5px 10px;
    width/**/:/**/482px;
}

p.chat-name {
    margin: 5px 0 0 50px;
}

.anchor {
    margin-left: 415px;
    padding-left: 15px;
    background: url(/images/bullet.gif) 0 4px no-repeat;
}

.list-desc {
    padding-left: 45px;
    color: #666;
}

/*********************************
* Titles
*********************************/

#ttl-testimonials,
#ttl-apply-online,
#ttl-patients,
#ttl-faqs,
#ttl-healthcare {
    height: 23px;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 12px;
}

#ttl-testimonials {
    background: url(/images/ttl_testimonials.gif) top left no-repeat;
}
#ttl-apply-online {
    background: url(/images/ttl_apply_online.gif) top left no-repeat;
}
#ttl-patients {
    background: url(/images/ttl_patients_familes.gif) top left no-repeat;
}
#ttl-faqs {
    background: url(/images/ttl_faqs.gif) top left no-repeat;
}
#ttl-healthcare {
    background: url(/images/ttl_healthcare.gif) top left no-repeat;
}

/*********************************
* Promos
*********************************/

#promo-contact,
#promo-dementia,
#promo-grief,
#promo-teen,
#promo-give,
#promo-email-updates,
#promo-careers,
#promo-careers-home,
#promo-white-dove,
#promo-why-hospice,
#promo-resources,
#promo-ahaa,
#promo-submit-resume,
#promo-online-application,
#promo-affirmative-action,
#promo-adult-application,
#promo-teen-application,
#promo-donate-now2,
#promo-wish-list,
#promo-photo-form,
#promo-hugh-downs,
#promo-senior-placement,
#promo-hcd {
    display: block;
    width: 197px;
    height: 55px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
}

#promo-senior-placement {
    background: url(/images/promo_senior_placement.gif) top left no-repeat;
}
#promo-contact {
    background: url(/images/promo_contact.gif) top left no-repeat;
}
#promo-dementia {
    background: url(/images/promo_dementia_programs.gif) top left no-repeat;
}
#promo-photo-form {
    background: url(/images/promo_photo_form.gif) top left no-repeat;
}
#promo-donate-now2 {
    background: url(/images/promo_donate_now2.gif) top left no-repeat;
}
#promo-grief {
    background: url(/images/promo_grief_support.gif) top left no-repeat;
}
#promo-teen {
    height: 68px;
    background: url(/images/promo_teen_volunteer.gif) top left no-repeat;
}
#promo-give {
    background: url(/images/promo_give.gif) top left no-repeat;
}
#promo-email-updates {
    background: url(/images/promo_email_updates.gif) top left no-repeat;
}
#promo-careers {
    background: url(/images/promo_careers.gif) top left no-repeat;
}
#promo-careers-home {
    background: url(/images/promo_careers_home.gif) top left no-repeat;
}
#promo-white-dove {
    background: url(/images/promo_white_dove.gif) top left no-repeat;
}
#promo-why-hospice {
    background: url(/images/promo_why_hospice.gif) top left no-repeat;
}
#promo-resources {
    background: url(/images/promo_resources.gif) top left no-repeat;
}
#promo-ahaa {
    background: url(/images/promo_ahaa.gif) top left no-repeat;
}
#promo-submit-resume {
    background: url(/images/promo_submit_resume.gif) top left no-repeat;
}
#promo-online-application {
    background: url(/images/promo_online_application.gif) top left no-repeat;
}
#promo-affirmative-action {
    background: url(/images/promo_affirmative_action.gif) top left no-repeat;
}
#promo-adult-application {
    background: url(/images/promo_adult_application.gif) top left no-repeat;
}
#promo-teen-application {
    background: url(/images/promo_teen_application.gif) top left no-repeat;
}
#promo-wish-list {
    background: url(/images/promo_wish_list.gif) top left no-repeat;
}
#promo-hugh-downs {
    background: url(/images/promo_hugh_downs.gif) top left no-repeat;
}
#promo-hcd {
    background: url(/images/promo_hcd.gif) top left no-repeat;
}

a:hover#promo-contact,
a:hover#promo-dementia,
a:hover#promo-grief,
a:hover#promo-teen,
a:hover#promo-give,
a:hover#promo-email-updates,
a:hover#promo-careers,
a:hover#promo-careers-home,
a:hover#promo-white-dove,
a:hover#promo-why-hospice,
a:hover#promo-resources,
a:hover#promo-ahaa,
a:hover#promo-submit-resume,
a:hover#promo-online-application,
a:hover#promo-affirmative-action,
a:hover#promo-adult-application,
a:hover#promo-teen-application,
a:hover#promo-donate-now2,
a:hover#promo-wish-list,
a:hover#promo-photo-form,
a:hover#promo-hugh-downs,
a:hover#promo-senior-placement,
a:hover#promo-hcd {
    background-position: bottom left;
}

#promo-request-info {
    float: right;
    display: block;
    width: 229px;
    height: 119px;
    text-indent: -9999px;
    text-decoration: none;
    background: url(/images/promo_request_info.jpg) top left no-repeat;
}

h3 a#promo-resources,
h3 a#promo-health-decisions,
h3 a#promo-grief-services,
h3 a#promo-dementia2,
h3 a#promo-contact2,
h3 a#promo-resources2,
h3 a#promo-submit-story2,
h3 a#promo-apply-online,
h3 a#promo-white-dove2,
h3 a#promo-volunteer2,
h3 a#promo-who-pays,
h3 a#promo-when-time,
h3 a#promo-who-eligible,
h3 a#promo-special-programs,
h3 a#promo-why-hov,
h3 a.btn-edit-info,
h3 a#btn-continue {
    width: 240px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 15px 20px 0 0;
}

h3 a#promo-health-decisions {
    background: url(/images/promo_health_decisions.gif) top left no-repeat;
}
h3 a#promo-grief-services {
    background: url(/images/promo_grief_services.gif) top left no-repeat;
}
h3 a#promo-dementia2 {
    background: url(/images/promo_dementia.gif) top left no-repeat;
}
h3 a#promo-contact2 {
    background: url(/images/promo_contact2.gif) top left no-repeat;
}
h3 a#promo-resources2 {
    background: url(/images/promo_resources2.gif) top left no-repeat;
}
h3 a#promo-submit-story2 {
    background: url(/images/promo_submit_story2.gif) top left no-repeat;
}
h3 a#promo-apply-online {
    background: url(/images/promo_apply_online.gif) top left no-repeat;
}
h3 a#promo-white-dove2 {
    background: url(/images/promo_white_dove2.gif) top left no-repeat;
}
h3 a#promo-volunteer2 {
    background: url(/images/promo_volunteer2.gif) top left no-repeat;
}
h3 a#promo-why-hov {
    background: url(/images/promo_why_hov.gif) top left no-repeat;
}
h3 a#promo-who-pays {
    background: url(/images/promo_who_pays.gif) top left no-repeat;
}
h3 a#promo-when-time {
    background: url(/images/promo_when_time.gif) top left no-repeat;
}
h3 a#promo-who-eligible {
    background: url(/images/promo_who_eligible.gif) top left no-repeat;
}
h3 a#promo-special-programs {
    background: url(/images/promo_special_programs.gif) top left no-repeat;
}
h3 a.btn-edit-info {
    background: url(/images/btn_edit_info.gif) top left no-repeat;
}
h3 a#btn-continue {
    background: url(/images/btn_continue.gif) top left no-repeat;
}

h3 a:hover#promo-health-decisions,
h3 a:hover#promo-grief-services,
h3 a:hover#promo-dementia2,
h3 a:hover#promo-contact2,
h3 a:hover#promo-resources2,
h3 a:hover#promo-submit-story2,
h3 a:hover#promo-apply-online,
h3 a:hover#promo-white-dove2,
h3 a:hover#promo-volunteer2,
h3 a:hover#promo-who-pays,
h3 a:hover#promo-when-time,
h3 a:hover#promo-who-eligible,
h3 a:hover#promo-special-programs,
h3 a:hover#promo-why-hov,
h3 a:hover.btn-edit-info,
h3 a:hover#btn-continue {
    background-position: bottom left;
}

/*********************************
* Forms
*********************************/

#form-padding {
    width: 450px;
    margin: 0 auto;
}

#form-padding .form-field1,
#form-padding .form-field2,
#form-padding .form-field3 {
    padding: 1px;
}

#form-padding td {
    padding: 10px 0;
}

.form-field2 {
    width: 202px;
}

.form-field3 {
    width: 444px;
}

#choose-category {
    width: 515px;
    height: 25px;
    padding-top: 5px;
    margin: 15px 0 20px 0;
    border-top: 1px solid #E5EFD1;
    border-bottom: 1px solid #E5EFD1;
    overflow: hidden;
    background: #FEFBE6;
}

#choose-category div {
    float: left;
    margin: 0 5px 0 185px;
    _margin-left: 90px;
}

#choose-category select {
    width: 200px;
    margin-right: 5px;
}

.input-spacing input {
    margin: 8px 5px 0 10px;
}

.radio-spacing input {
    margin: 8px 3px 0 12px;
}

#notify-table {
    background:#E5EFD1;
}

#notify-table tr td {
    padding:5px 15px 10px 15px;
}

.form-rightalignment {
    width: 326px; 
    float: right; 
    margin-top: -18px;
}

div.charcount-safe, div.charcount-limit{
    text-align:right;
}

.charcount-safe { color:#65AA7D; }
.charcount-limit { color:#AA656C; font-weight:bold;}

.form-hint { font-size: 11px; font-style: italic; }

#errorbox {
    margin-top: 10px;
    padding: 5px;
    border: 2px red solid;
}

.error {
    width: 500px;
    overflow: hidden;
    margin: 0 auto;
}

#loading {
	position: fixed;
	vertical-align: middle;
    /*margin-left: 20%;*/
	/*top: 300px;*/
    bottom: 50%;
	padding: 20px 0;
	left: 27%;
    border: 4px solid #F0F0E5;
    background: #fff;
	width: 300px;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#loading img {
    margin-top: 15px;
}

/*********************************
* Search Site
*********************************/

#search {
    float: left;
    width: 291px;
    overflow: hidden;
}

#search-site {
    float: left;
    width: 98px;
    height: 23px;
    text-indent: -9999px;
    background: url(/images/search_site.gif) top left no-repeat;
}

#search-box {
    float: left;
    width: 148px;
    height: 20px;
    background: url(/images/search_box.gif) top left no-repeat;
}

#search-box input {
    margin: 2px 0 0 2px;
    width: 135px;
    border: 0;
    background: none;
}

#search-button {
    float: left;
}

/*********************************
* Text Size
*********************************/

#text-size {
    width: 197px;
    width/**/:/**/ 157px;
    overflow: hidden;
    padding: 0 0 16px 40px;
}

#text-size h2 {
    float: left;
    width: 56px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/text_size.gif) top left no-repeat;
}

#txt-small, #txt-med, #txt-large {
    float: left;
    display: block;
    width: 22px;
    height: 22px;
    margin-left: 6px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
}

#txt-small {
    background: url(/images/font_size1.gif) top left no-repeat;
}

a:hover#txt-small {
    background: url(/images/font_size1.gif) bottom left no-repeat;
}

#txt-med {
    background: url(/images/font_size2.gif) top left no-repeat;
}

a:hover#txt-med {
    background: url(/images/font_size2.gif) bottom left no-repeat;
}

#txt-large {
    background: url(/images/font_size3.gif) top left no-repeat;
}

a:hover#txt-large {
    background: url(/images/font_size3.gif) bottom left no-repeat;
}

/*********************************
* Lists
*********************************/
ul {
    margin: -3px 0 15px 0;
    list-style: none;
}

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

#errors ul {
    margin-top: 10px;
}

#errors ul li {
    margin-bottom: 0;
    color: red;
}

#errors #vsInvite,
#errors #vsContact {
    width: 515px;
    padding-top: 10px;
    border-top: 1px solid #E5EFD1;
    border-bottom: 1px solid #E5EFD1;
}

ol {
    margin: 10px 0 25px 23px;
}

ol li {
    margin-bottom: 3px;
}

/*********************************
* Footer Definitions
*********************************/

#footer {
    width: 766px;
    width/**/:/**/ 764px;
    border: 1px solid #F3ECBE;
    background: #FBF5CB;
    padding: 11px 0 9px 0;
    overflow: hidden;
}

#footer div, #footer a {
    font-size: 11px;
    color: #666666;
}

#footer-left {
    float: left;
    padding-left: 23px;
}

#footer-right {
    float: right;
    padding-right: 24px;
}

/*********************************
* Global Navigation
*********************************/

#search-global {
    width: 766px;
    overflow: hidden;
    padding-top: 9px;
    margin-bottom: 2px;
    background: url(/images/search_underline.gif) no-repeat 0 29px;
}

#global {
    float: right;
    width: 362px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#global li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#global a {
    display: block;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 24px;
    overflow: hidden;
}

#global a#about {
    background: url(/images/global_about.jpg) top left no-repeat;
    width: 57px;
}
#global a#contact {
    background: url(/images/global_contact.jpg) top left no-repeat;
    width: 64px;
}
#global a#espanol {
    background: url(/images/global_espanol.jpg) top left no-repeat;
    width: 76px;
}
#global a#email-updates {
    background: url(/images/global_email_updates.jpg) top left no-repeat;
    width: 92px;
}
#global a#locations {
    background: url(/images/global_locations.gif) top left no-repeat;
    width: 73px;
}

#global a:hover#about, body#about-on #global #about {
    background: url(/images/global_about.jpg) bottom left no-repeat;
    width: 57px;
}
#global a:hover#contact, body#contact-on #global #contact {
    background: url(/images/global_contact.jpg) bottom left no-repeat;
    width: 64px;
}
#global a:hover#espanol, body#espanol-on #global #espanol {
    background: url(/images/global_espanol.jpg) bottom left no-repeat;
    width: 76px;
}
#global a:hover#email-updates, body#email-updates-on #global #email-updates {
    background: url(/images/global_email_updates.jpg) bottom left no-repeat;
    width: 92px;
}
#global a:hover#locations, body#locations-on #global #locations {
    background: url(/images/global_locations.gif) bottom left no-repeat;
    width: 73px;
}

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

#nav {
    width: 766px;
    margin: 1px 0;
    padding: 0;
    overflow: hidden;
}

#nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#nav a {
    display: block;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 39px;
    overflow: hidden;
}

#nav a#patients {
    background: url(/images/nav_patients.gif) top left no-repeat;
    width: 146px;
}
#nav a#healthcare {
    background: url(/images/nav_healthcare.gif) top left no-repeat;
    width: 130px;
}
#nav a#volunteer {
    background: url(/images/nav_volunteer.gif) top left no-repeat;
    width: 99px;
}
#nav a#donate {
    background: url(/images/nav_donate.gif) top left no-repeat;
    width: 82px;
}
#nav a#education {
    background: url(/images/nav_education.gif) top left no-repeat;
    width: 120px;
}
#nav a#careers {
    background: url(/images/nav_careers.gif) top left no-repeat;
    width: 86px;
}
#nav a#news-events {
    background: url(/images/nav_news.gif) top left no-repeat;
    width: 103px;
}

#nav a:hover#patients, body#patients-on #nav a#patients {
    background: url(/images/nav_patients.gif) bottom left no-repeat;
    width: 146px;
}
#nav a:hover#healthcare, body#healthcare-on #nav a#healthcare {
    background: url(/images/nav_healthcare.gif) bottom left no-repeat;
    width: 130px;
}
#nav a:hover#volunteer, body#volunteer-on #nav a#volunteer {
    background: url(/images/nav_volunteer.gif) bottom left no-repeat;
    width: 99px;
}
#nav a:hover#donate, body#donate-on #nav a#donate {
    background: url(/images/nav_donate.gif) bottom left no-repeat;
    width: 82px;
}
#nav a:hover#education, body#education-on #nav a#education {
    background: url(/images/nav_education.gif) bottom left no-repeat;
    width: 120px;
}
#nav a:hover#careers, body#careers-on #nav a#careers {
    background: url(/images/nav_careers.gif) bottom left no-repeat;
    width: 86px;
}
#nav a:hover#news-events, body#news-events-on #nav a#news-events {
    background: url(/images/nav_news.gif) bottom left no-repeat;
    width: 103px;
}


/*********************************
* Sub Navigation
*********************************/

#subnav {
    width: 197px;
    width/**/:/**/ 196px;
    margin: 0 0 18px 0;
    border-top: 1px solid #EDE5B0;
    border-left: 1px solid #EDE5B0;
}

#subnav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#subnav a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    width: 196px;
    height: 30px;
    overflow: hidden;
}

#subnav a#testimonials {
    background: url(/images/subnav_testimonials.gif) top left no-repeat;
}
#subnav a:hover#testimonials, body.testimonials-on #subnav #testimonials {
    background: url(/images/subnav_testimonials.gif) bottom left no-repeat;
}

#subnav a#apply-online {
    background: url(/images/subnav_apply_online.gif) top left no-repeat;
}
#subnav a:hover#apply-online, body.apply-online-on #subnav #apply-online {
    background: url(/images/subnav_apply_online.gif) bottom left no-repeat;
}

/*********************************
* Steps
*********************************/

#step {
    width: 472px;
    padding: 0;
    overflow: hidden;
}

#step li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 28px;
    overflow: hidden;    
}

#step li#step1 {
    background: url(/images/btn_step1.gif) top left no-repeat;
    width: 74px;
}
#step li#step2 {
    background: url(/images/btn_step2.gif) top left no-repeat;
    width: 78px;
}
#step li#step3 {
    background: url(/images/btn_step3.gif) top left no-repeat;
    width: 80px;
}
#step li#step4 {
    background: url(/images/btn_step4.gif) top left no-repeat;
    width: 79px;
}
#step li#step5 {
    background: url(/images/btn_step5.gif) top left no-repeat;
    width: 80px;
}
#step li#step6 {
    background: url(/images/btn_step6.gif) top left no-repeat;
    width: 81px;
}


#step li#step1-on {
    background: url(/images/btn_step1.gif) bottom left no-repeat;
    width: 74px;
}
#step li#step2-on {
    background: url(/images/btn_step2.gif) bottom left no-repeat;
    width: 78px;
}
#step li#step3-on {
    background: url(/images/btn_step3.gif) bottom left no-repeat;
    width: 80px;
}
#step li#step4-on {
    background: url(/images/btn_step4.gif) bottom left no-repeat;
    width: 79px;
}
#step li#step5-on {
    background: url(/images/btn_step5.gif) bottom left no-repeat;
    width: 80px;
}
#step li#step6-on {
    background: url(/images/btn_step6.gif) bottom left no-repeat;
    width: 81px;
}


.step-on {
    background-position: bottom left;
}