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

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

body {
    margin-bottom: 40px;
    background: #92A05E url(/images/bg.gif) top left repeat-x;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 11px; 
    font-family: Arial, Verdana, Tahoma, sans-serif;
    color: #333333;
    line-height: 16px;
}

a {
    color: #490F4C;
    outline: none;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-size: 12px;
    padding: 0;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    margin: 0;
    color: #4c104e;
    line-height: 18px;
}

h2, h4 {
    margin-bottom: 10px;
    padding: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #5184a2;
}

h3 {
    margin-bottom: 10px;
    padding: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #490F4C;
}

p {
    margin-bottom: 15px;
}

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

#header {
    width: 762px;
    height/**/:/**/ 107px;
	background: #ffffff;
    overflow: hidden;
}

#content {
    margin: 0 auto;
    border: 1px solid #ffffff;
	border-top: 0;
    overflow: hidden;
    width: 762px;
}

#content-bg {
    float: left;
	clear: left;
    width: 759px;
    width/**/:/**/ 699px;
    padding: 28px 39px 20px 22px;
	background: #EEEADD;
    border: 1px solid #92A05E;
	border-top: 0;
	border-bottom: 0;
    overflow: hidden;
}

#content-left {
    float: left;
	clear: left;
    width: 234px;
}

#content-right {
    padding-top: 5px;
    float: right;
	clear: right;
    width: 427px;
}

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

.content-photo {
    float: right;
    clear: right;
    margin: 5px 0 15px 25px;
    padding: 0;
}

.content-photo img {
    padding: 2px;
    border: 1px solid #49104b;
}

#interior-photo {
    width: 473px;
	height: 174px;
	float: left;
	overflow: hidden;
}

.divider {
    width: 427px;
    margin: 0;
    padding: 15px 0 0 0;
    background: url(/images/dashed_line.gif) top left no-repeat;
    overflow: hidden;
}

.divider2 {
    width: 427px;
    padding: 10px 0 10px 0;
    background: url(/images/dashed_line.gif) top left no-repeat;
}

/* CW */
.divider3 {
    width: 227px;
    padding: 15px 0 5px 0;
    background: url(/images/dashed_line.gif) top left no-repeat;
}

#left-form {
    width: 200px;
    padding: 0;
    float: left; 
    clear: left; 
}

#right-form {
    width: 200px;
    padding: 0;
    float: right; 
    clear: right; 
}

#back {
    float: right;
    clear: both;
}

#testimonial {
    width: 230px;
    background: url(/images/quotes_open.gif) top left no-repeat;
    float: left;
    margin-bottom: 25px;
}

#testimonial div {
    background: url(/images/quotes_closed.gif) bottom right no-repeat;
    padding: 0 23px 0 32px;
}

#testimonial div span {
    font-size: 12px;
    color: #9c8947;
}

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

#magazine {
    display: block;
	float: right;
	clear: right;
    width: 94px;
}

#free-info {
    margin: 0;
    display: block;
	float: left;
	clear: left;
    width: 141px;
	height: 38px;
	text-indent: -9999px;
	background: url(/images/hdr_tagline_tan.gif) top left no-repeat;
}

#stay-informed-header {
    margin: 0 25px 0 0;
    display: block;
    width: 141px;
	height: 27px;
	float: left;
    clear: left;
	text-indent: -9999px;
	background: url(/images/hdr_stay_informed_tan.gif) top left no-repeat;
}

#promos-bg {
    float: right;
    clear: right;
    padding: 19px 18px 0 16px;
    overflow: hidden;
    width: 255px;
	height: 155px;
	background: url(/images/tan_bg.gif) top right repeat-y;
}

#promos-bg-right {
    float: right;
    clear: right;
    overflow: hidden;
    width: 94px;
}

#promos-bg-left {
    float: left;
    clear: left;
    padding-right: 20px;
    overflow: hidden;
    width: 141px;
}

#promos-bg p {
    float: left;
    line-height: 12px;
	margin: 0 0 16px 0;
}

#promo-sign-up {
    float: left;
    clear: left;
	display: block;
	width: 163px;
	height: 23px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/images/btn_sign_up.gif) top left no-repeat;
}
a:hover#promo-sign-up {
	background: url(/images/btn_sign_up.gif) bottom left no-repeat;
}

#promo-support-sarrc {
    margin-bottom: 30px;
    margin-top: 12px;
    float: left;
	display: block;
	width: 234px;
	height: 73px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
    background: url(/images/promo_support_sarrc.gif) top left no-repeat;
}

#promo-your-story {
    margin-bottom: 30px;
    margin-top: 12px;
    float: left;
	display: block;
	width: 234px;
	height: 73px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/images/promo_your_story.gif) top left no-repeat;
}

#promo-contact {
    margin-bottom: 30px;
    margin-top: 12px;
    float: left;
	display: block;
	width: 234px;
	height: 73px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/images/promo_contact.gif) top left no-repeat;
}

#promo-updates {
    margin-bottom: 30px;
    margin-top: 12px;
    float: left;
	display: block;
	width: 234px;
	height: 73px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/images/promo_receive_updates.gif) top left no-repeat;
}

#promo-programs {
    margin-bottom: 30px;
    margin-top: 12px;
    float: left;
	display: block;
	width: 234px;
	height: 73px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/images/promo_programs.gif) top left no-repeat;
}

#promo-resources {
    margin-bottom: 30px;
    margin-top: 12px;
    float: left;
	display: block;
	width: 234px;
	height: 73px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/images/promo_resources.gif) top left no-repeat;
}

#promo-calendar-events {
    margin-bottom: 30px;
    margin-top: 12px;
    float: left;
	display: block;
	width: 234px;
	height: 73px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/images/promo_calendar_events.gif) top left no-repeat;
}


a:hover#promo-support-sarrc {
	background: url(/images/promo_support_sarrc.gif) bottom left no-repeat;
}

a:hover#promo-your-story {
	background: url(/images/promo_your_story.gif) bottom left no-repeat;
}

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

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

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

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

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

/*********************************
* Tables
*********************************/
#promos-bg table td {
    vertical-align: top;
    line-height: 12px;
}

table.divider-table td {
    padding-top: 12px;
    background: url(/images/dashed_line.gif) top left no-repeat;
}

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

ul {
    margin: 0 0 10px 1px;
    padding: 0;
}

ul li {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 2px;
    background: url(/images/bullet.gif) 0 4px no-repeat;
}

ul li ul {
    margin-top: 5px;
}

ol {
    margin: 0 0 10px 1px;
    padding: 0;
}

ol li {
    margin: 0 0 2px 25px;
}

ol#questions,
ol#answers {
    padding: 5px 0 0 0;
    width: 415px;
}

ol#answers li {
    margin-bottom: 10px;
}

dt {
    float: right;
    margin-right: 3px;
}

dd {
    margin-bottom: 10px;
}

.checkbox input {
    margin: 0 10px 0 0;
}

.radio input {
    margin: 0 0 0 10px;
}

.radio label {
    margin: 0 10px 0 0;
}


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

#footer {
    overflow: hidden;
    padding: 0 24px 0 21px;
    clear: both;
	height: 49px;
    width: 759px;
    width/**/:/**/ 715px;
	background: #ffffff;
    border: 1px solid #92A05E;
	border-top: 0;
}

#footer a {
    font-size: 11px;
    color: #666;
}

#footer-left {
    font-size: 11px;
    float: left;
    margin-top: 8px;
    padding: 0;
    color: #666;
}

#footer-right {
    font-size: 11px;
    float: right;
    margin-top: 8px;
    padding: 0;
    color: #666;
}

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

#nav {
    clear: both;
    width: 762px;
	padding: 0;
    margin: 0;
	overflow: hidden;
}

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

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

#nav a#about-sarrc {
    background: url(/images/nav_about_sarrc.gif) top left no-repeat;
	width: 137px;
}
#nav a#programs {
    background: url(/images/nav_programs.gif) top left no-repeat;
	width: 89px;
}
#nav a#research-medical {
    background: url(/images/nav_research.gif) top left no-repeat;
	width: 209px;
}
#nav a#about-autism {
    background: url(/images/nav_about_autism.gif) top left no-repeat;
	width: 111px;
}
#nav a#resources {
    background: url(/images/nav_resources.gif) top left no-repeat;
	width: 93px;
}
#nav a#get-involved {
    background: url(/images/nav_get_involved.gif) top left no-repeat;
	width: 123px;
}


#nav a:hover#about-sarrc, body#about-sarrc-on #nav a#about-sarrc {
    background: url(/images/nav_about_sarrc.gif) bottom left no-repeat;
	width: 137px;
}
#nav a:hover#programs, body#programs-on #nav a#programs {
    background: url(/images/nav_programs.gif) bottom left no-repeat;
	width: 89px;
}
#nav a:hover#research-medical, body#research-medical-on #nav a#research-medical {
    background: url(/images/nav_research.gif) bottom left no-repeat;
	width: 209px;
}
#nav a:hover#about-autism, body#about-autism-on #nav a#about-autism {
    background: url(/images/nav_about_autism.gif) bottom left no-repeat;
	width: 111px;
}
#nav a:hover#resources, body#resources-on #nav a#resources {
    background: url(/images/nav_resources.gif) bottom left no-repeat;
	width: 93px;
}
#nav a:hover#get-involved, body#get-involved-on #nav a#get-involved {
    background: url(/images/nav_get_involved.gif) bottom left no-repeat;
	width: 123px;
}

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

#global {
    float: right;
    padding: 0;
    margin: 0;
    height: 107px;
    list-style: none;
}

#global li {
    margin: 0;
    padding: 0;
    display: inline;
}

#global a {
    display: block;
    width: 135px;
    text-indent: -9999px;
}

#global a#calendar {
    height: 33px;
    background: url(/images/global_calendar.gif) top right no-repeat;
}
#global a#media-center {
    height: 15px;
    background: url(/images/global_media_center.gif) top right no-repeat;
}
#global a#receive-updates {
    height: 16px;
    background: url(/images/global_receive_updates.gif) top right no-repeat;
}
#global a#contact-us {
    height: 14px;
    background: url(/images/global_contact_us.gif) top right no-repeat;
}
#global a#en-espanol {
    height: 29px;
    background: url(/images/global_en_espanol.gif) top right no-repeat;
}

#global a:hover#calendar, body#calendar-on #global a#calendar {
    height: 33px;
    background: url(/images/global_calendar.gif) bottom right no-repeat;
}
#global a:hover#media-center, body#media-center-on #global a#media-center {
    height: 15px;
    background: url(/images/global_media_center.gif) bottom right no-repeat;
}
#global a:hover#receive-updates, body#receive-updates-on #global a#receive-updates {
    height: 16px;
    background: url(/images/global_receive_updates.gif) bottom right no-repeat;
}
#global a:hover#contact-us, body#contact-us-on #global a#contact-us {
    height: 14px;
    background: url(/images/global_contact_us.gif) bottom right no-repeat;
}
#global a:hover#en-espanol, body#en-espanol-on #global a#en-espanol {
    height: 29px;
    background: url(/images/global_en_espanol.gif) bottom right no-repeat;
}

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

#subnav {
    width: 234px;
    padding: 0;
    margin: 0;
}

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

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