/********************************************
* SARRC
* Developed by I-ology
* http://www.i-ology.com
*
* Created 09/20/07 - MB
*
* Home Style Definitions
********************************************/


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

#header {
    background: #ffffff url(/images/header_puzzle.gif) 307px 0 no-repeat;
}

#content-left {
    float: left;
    width: 255px;
}

#content-right {
    padding-top: 14px;
    float: right;
    width: 410px;
}

#walk-now {
    margin: 0 16px 35px 0;
    padding-left: 19px;
    display: block;
    float: left;
    clear: left;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    background: url(/images/content_img_walk_now.gif) 19px 0 no-repeat;
}

.event-divider {
    width: 375px;
    margin: 0 auto 25px auto;
    overflow: hidden;
}

.event-divider p {
    width: 267px;
    float: left;
    margin: 0;
    padding: 0;
}

.event-image {
    margin-right: 15px;
    padding: 0;
    display: block;
    float: left;
    width: 70px;
}

.event-date {
    margin: 0;
    padding: 0;
    float: left;
    width: 267px;
}

.event-title {
    margin: 0;
    padding: 0;
    float: left;
    width: 288px;
}


#charity-charms {
    margin: 0 27px 0 23px;
    display: block;
    float: right;
    width: 205px;
    height: 65px;
    text-indent: -9999px;
    background: url(/images/content_img_charity_charms.gif) top left no-repeat;
}

#magazine-outreach {
    padding: 0 10px 0 23px;
    display: block;
    float: left;
    width: 104px;
    height: 83px;
    clear: left;
}

#spotlight-image {
    margin: 0 16px 0 0;
    padding-left: 19px;
    float: left;
    width: 100px;
    height: 89px;
}

#epoh-image {
    margin: 0 16px 0 0;
    padding-left: 8px;
    float: left;
    width: 87px;
    height: 71px;
    text-indent: -9999px;
    background: url(/images/epoh_image.jpg) 15px 0 no-repeat;
}

#afaa-image {
    margin: 0 16px 0 0;
    padding-left: 19px;
    float: left;
    width: 100px;
    height: 89px;
    text-indent: -9999px;
    background: url(/images/afaa_image.gif) 15px 0 no-repeat;
}


#header-image {
    display: block;
    float: left;
    width: 377px;
    height: 175px;
    text-indent: -9999px;
    background: url(/images/header_image.jpg) no-repeat;
}
/*********************************
* Titles & Headers
*********************************/

#stay-informed {
    display: block;
    width: 255px;
    height: 37px;
    text-indent: -9999px;
    background: url(/images/hdr_stay_informed.gif) top left no-repeat;
}

#support-sarrc {
    display: block;
    width: 255px;
    height: 37px;
    text-indent: -9999px;
    background: url(/images/hdr_support_sarrc.gif) top left no-repeat;
}

#hdr-upcoming-events {
    width: 135px;
    height: 18px;
    display: block;
    margin: 15px 0 20px 20px;
    text-indent: -9999px;
    background: url(/images/hdr_upcoming_events.gif) top left no-repeat;
}

#spotlight {
    display: block;
    width: 385px;
    height: 48px;
    text-indent: -9999px;
    background: url(/images/ttl_spotlight.gif) no-repeat;
}


/*********************************
* Promos & Callouts
*********************************/

#tan {
    margin-top: 34px;
    overflow: hidden;
    width: 410px;
    background: #D6CCAA url(/images/promo_bg_tan.gif) top left no-repeat; 
}


#promo-bg-tan {
    overflow: hidden;
    width: 410px;
    background: url(/images/promo_footer_upcoming.gif) bottom right no-repeat; 
}

#promo-bg {
    margin-bottom: 4px;
    overflow: hidden;
    width: 255px;
    line-height: 12px;
    background: #ffffff url(/images/promo_bottom.gif) bottom left no-repeat;
}

#promo-bg p {
    margin-left: 5px;
    line-height: 12px;
}

#promo-bg2 {
    margin-bottom: 4px;
    overflow: hidden;
    width: 255px;
    background: #ffffff url(/images/promo_bg2.gif) bottom left no-repeat;
}

#promo-bg2 p{
    line-height: 12px;
    padding: 0 27px 0 23px;
}

#request-free-info {
    padding: 0 10px 4px 0;
    display: block;
    float: right;
	clear: right;
    width: 106px;
    height: 42px;
    text-indent: -9999px;
    background: url(/images/hdr_tagline.gif) top left no-repeat;
}

#promo-receive-updates {
    display: block;
    width: 163px;
    height: 23px;
    margin: 9px 0 0 23px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/btn_receive_email.gif) top left no-repeat;
}
a:hover#promo-receive-updates {
	   background:  url(/images/btn_receive_email.gif) bottom left no-repeat;
}

#promo-donate-online {
	   display: block;
	   width: 163px;
	   height: 23px;
	   margin: 16px 0 0 23px;
	   text-indent: -9999px;
    text-decoration: none;
   	overflow: hidden;
	   background:  url(/images/btn_donate_online.gif) top left no-repeat;
}
a:hover#promo-donate-online {
	   background:  url(/images/btn_donate_online.gif) bottom left no-repeat;
}

#promo-become-volunteer {
	display: block;
	width: 163px;
    height: 23px;
    margin: 5px 0 15px 23px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
   	background:  url(/images/btn_become_volunteer.gif) top left no-repeat;
}
a:hover#promo-become-volunteer {
	   background:  url(/images/btn_become_volunteer.gif) bottom left no-repeat;
}

#promo-view-events {
    margin: 19px 107px 15px 0;
	display: block;
    width: 163px;
	height: 23px;
   	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
    background:  url(/images/btn_view_events.gif) top left no-repeat;
}

a#promo-event-button {
    width: 163px;
    height: 23px;
    display: block;
   	text-indent: -9999px;
    margin: 0 0 10px 103px;
    background:  url(/images/btn_view_events.gif) top left no-repeat;
}

a:hover#promo-view-events {
   	background:  url(/images/btn_view_events.gif) bottom left no-repeat;
}

a:hover#promo-event-button {
   	background:  url(/images/btn_view_events.gif) bottom left no-repeat;
}

#header-tan {
    margin-bottom: 0px;
    clear: right;
    float: right;
    overflow: hidden;
    width: 385px;
    background: #CEC39C url(/images/promo_bg_header.gif) top right repeat-y; 
}

#header-bg-tan p {
    line-height: 14px;
    padding: 0 43px 28px 12px;
}


#header-bg-tan {
    overflow: hidden;
    width: 385px;
    background: url(/images/promo_header_footer.gif) bottom right no-repeat; 
}