﻿/*-----------------------------------------------------------------------------

RCR Plumbing - Main Stylesheet
Ben @ Web Advanced
	
-----------------------------------------------------------------------------*/


/* GLOBAL ------------------------------------------------------------------ */

* { border:0; }
body { 
	margin: 0; padding: 0;
	background: #f1f6f8 url(../Images/images-bg.jpg) 0 0 repeat-x;
	font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
	color: #222222; }

a:link, a:visited { color: #304770; }
a:hover, a:active { color: #4D72A6; }

.font10 { font-size:10px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }

.left { float: left; text-align:left; }
.right { float: right; }

/* MASTER PAGE ------------------------------------------------------------- */

#header { height: 65px; }
#header img { margin: 0 20px 0 20px; }

#footer {
	padding: 40px 0 16px 0;
	text-align:center;
	font-size: 10px;
	line-height: 16px;
	color: #aaaaaa;
	}
#footer a:link, #footer a:visited { color: #aaaaaa; text-decoration: none; font-size: 11px; }
#footer a:hover, #footer a:active { color: #222222; text-decoration: underline; }


/* HOME PAGE --------------------------------------------------------------- */

/* Banner Images */
.banner_home2 { width: 501px; height: 147px; vertical-align:text-top; background: url(../Images/banner-home2.jpg) 0 0 no-repeat; }
.banner_home2 img { margin: 106px 0 0 305px; }
.home ul { padding:0; margin:0; }
.banner_home3 { 
	width: 340px; 
	vertical-align:text-top;
	padding: 70px 0 0 130px; 	
	background: url(../Images/banner-home3.jpg) 0 0 no-repeat;
	font-size: 12px;
	line-height: 18px;
	color: #222222;}
	
/* Spotlights */	
.spotlight1 {
	width: 265px;
	height: 165px;
	line-height: 18px;
	padding: 6px 0 0 0;
	vertical-align:top;
	background: url(../Images/home-spotlight1.jpg) 0 0 no-repeat; }
.spotlight2 {
	width: 265px;
	line-height: 18px;
	padding: 6px 0 0 0;
	vertical-align:top;
	background: url(../Images/home-spotlight2.jpg) 0 0 no-repeat; }
.spotlight2-left { float: left; width: 160px; padding-left: 6px;line-height: 16px; }
.spotlight2-right { float: left; line-height: 16px; }
.spotlight3 {
	width: 265px;
	padding: 6px 0 0 0;
	line-height: 18px;
	vertical-align:top;
	background: url(../Images/home-spotlight3.jpg) 0 0 no-repeat; }
#content .home h2 { 
	padding-left: 6px;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #4D72A6; }
.spotlight1 p, .spotlight2 p, .spotlight3 p { padding-left: 6px; }

/* CONTENT PAGE --------------------------------------------------------------- */
#content { padding-left: 25px; }

#content h1 {
	margin:0;
	padding: 20px 0 10px 0;
	font-size: 20px; }
#whydonate h2, .whydonate h2 {
	margin:0 0 12px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #4D72A6;
	color: #222222;
	font-size: 14px; }
	
.accordian { padding: 15px 0 15px 0; }	
.accordian h3 {
	margin:0 0 15px 0;
	padding: 3px 0 2px 4px;
	border-bottom: 1px solid #5d89b8;
	background: url(../Images/bullet-faq.gif) center right no-repeat;
	color: #222222;
	font-size: 12px;
	cursor: pointer; }
.accordian h3:hover { background-color: #d0deec; }
.accordian div { padding: 0 10px 15px 15px; }
.accordian div ul { margin-bottom:0; }
	
.page-banner { padding-bottom: 20px; }
.page-content { padding: 10px 6px 0 25px; line-height: 18px; }
.page-content h2 {margin:0 0 10px;font-size:18px;font-weight:normal;}
.page-content h3 {margin:0 0 10px;font-size:14px;}

.page-content table { line-height: 14px; }
.page-content-full { padding: 10px 25px 0 25px; line-height: 18px; }
.page-subcontent {}

.page-subcontent .repeat {
	background: url(../Images/sub-bg.jpg) 0 0 repeat-y; }
	.page-subcontent .repeat select { border: 1px solid black; margin-top: 10px; }
.page-subcontent .repeat .repeat-inner {
	padding: 15px 46px 8px 38px;
	background: url(../Images/sub-bg2.jpg) left bottom no-repeat; }
	
.page-subcontent .repeat-orange {
	background: url(../Images/sub-orangebg.jpg) 0 0 repeat-y; }
.page-subcontent .repeat-orange .repeat-inner {
	padding: 15px 46px 1px 38px;
	background: url(../Images/sub-orangebg2.jpg) left bottom no-repeat; }	
	
.page-subcontent .repeat-requirements {
	padding: 15px 46px 1px 38px;
	background: url(../Images/sub-donorrequirements2.jpg) bottom left repeat-y; }	
	
.table { border: 1px solid #CCCCCC; }

#sitemap ul { margin: 0 0 0 25px; padding:0; }
#sitemap ul li {
	padding: 0 0 4px 15px; 
	list-style: none;
	background: url(../Images/bullet-orange.gif) left 5px no-repeat; }
#sitemap ul ul { margin: 3px 0 3px 15px; }
#sitemap li strong { display: block; margin: 6px 0 0 0; padding:0; }

/* About Us Slideshow */
#slideshowDiv {height:271px;width:529px;margin-bottom:20px;overflow:hidden;border:1px solid #3E5F8C;}

/* News */
.News { border-top: 1px solid #4D72A6; }
.News td { padding: 6px 4px 6px 4px; border-bottom: 1px solid #4D72A6; }
.News .news-left { width: 100px;  }
.News .news-right { width: 400px;  }
.newsTitle { font-size: 16px; font-weight:bold; }
.newsDate { font-style: italic; }

.News a:link, .News a:visited { text-decoration: none; }
	
/* FORMS ----------------------------------------------------------------------- */

.formSubmit input { background-color: #E46F00; border: 1px solid #E46F00; color: #ffffff; cursor:pointer; }
.formSubmit input:hover { background-color: #02AEC4; border: 1px solid #02AEC4; }

.labelColumn { width: 80px; font-weight: bold; vertical-align:top; }
.fieldColumn input { 
	width: 225px; padding:3px; margin-right: 10px; border: 1px solid #999999;
	background-color: #ffffff; color: #000000; cursor: text; }
.fieldColumn input:hover { background-color: #ffffff; border: 1px solid #999999; }
.fieldColumn textarea { 
	width: 225px;
	padding:3px; margin-right: 10px; border: 1px solid #999999; 
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px; }
.fieldColumn select, .formAnswers select {
    border: 1px solid #999999;
    font-family: Arial, Tahoma, Helvetica;
	font-size: 12px; }
.submitBtn {padding:2px 25px;}


/* ------- Get Started Form -------  */

.formTitle { font-weight: bold; font-size: 12px; }
.formTitle #selection { color: Red; }
.formQuestion { margin: 20px 0px 0px 0px; font-weight: bold; }
.formAnswers { margin: 0px 0px 20px 24px; }
.formSubmit { text-align: left;margin:15px 0 0; }


/* ------- Disorder Pre-screening Landing pages -------  */
.page-content.fullWidth {padding-left:0;}
.fullWidth .leftContent {width:375px;float:left;}
.page-content .benefit {font-size:11px;padding:3px 0 15px 40px;background:url(../Images/benefit-arrow.gif) no-repeat 0 0;}
.page-content .benefit h2 {margin-bottom:5px;}
.page-content .benefit p {margin:5px 0;}
.leftContent hr {height:1px;background:#5c88b7;}
.leftContent .subText {font-size:11px;}
.leftContent .subText p {margin:0 0 5px;}
.leftContent .accordian h3, .leftContent .subText h3 {font-size:12px;}
.leftContent .accordian div {font-size:11px;padding-left:5px;}
.leftContent .accordian div h4 {margin:0;font-size:11px;}
.leftContent .accordian div p {margin:0 0 10px;}
.leftContent .accordian div ul {margin:0 0 10px;padding-left:15px;}
.leftContent .accordian table td {padding:5px;border-bottom:1px solid #ccc;border-top:1px solid #fff;}
.leftContent .accordian table tr.first td {border-top:0 none;}
.leftContent .accordian table tr.last td {border-bottom:0 none;}

.fullWidth .rightContent {float:right;width:475px;}
.rightContent .formBox {padding:0 0 25px;background:url(../Images/formBox_bottom.gif) no-repeat left bottom;}
.rightContent .formBox .boxTitle {color:#fff;height:35px;background:url(../Images/formBox_top.gif) no-repeat 0 0;}
.rightContent .formBox .boxTitle#getStarted {background-image:url(../Images/formBox_top_getStarted.gif)}
.rightContent .formBox .boxInner {padding:10px 25px;background:url(../Images/formBox_mid.gif) repeat-y 0 0;}
.rightContent .formBox .boxInner ul {list-style:url(../Resources/Image/bullet-orange.gif) outside;}

.rightContent .formBox .boxInner .validatorColumn {position:relative;padding:0 0 14px;}
.rightContent .formBox .boxInner .validator {visibility:hidden;position:absolute;white-space:nowrap;}
