body
{
	background: url(../images/gradient.gif) #eaf7f9 top left repeat-x;
	text-align: center;
	color: #666;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 30px 0 0 0;
}

.noDisplay
{
	display: none;
}

.grayText
{
	color: #888 !important;
}

#main p
{
	text-align: justify;
	padding: 10px 0;
}

#main a{
	color: #666;
	text-decoration: underline;
}

#main a:hover
{
	text-decoration: none;
}

#wrapper
{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #00778a;
}

#logo
{
	background: url(../images/logoGradient.gif) top left repeat-x;
	text-align: center;
	height: 176px;
}

#logo img
{
	display: block;
	margin: 0 auto;
}

#logo .donate
{
	float: left;
	width: 53px;
	height: 153px;
	margin-left: -53px;
}

#logo .phone
{
	color: #b50221;
	font-size: 16px;
	text-align: left;
	float: right;
	margin: -130px 0 0 0;
	padding: 0 15px 0 0;
	position: relative;
}

#logo h2
{
	padding: 0 0 0 35px;
}

#logo #logod
{
	background: url(../images/phone.gif) top left no-repeat;
	padding: 6px 10px 15px 35px;
}

#logo .phone a, #logo .phone a:visited, #logo .phone a:active, #logo .phone a:link, #logo .phone a:hover
{
	color: #b50221;
}

#logo .phone a:hover
{
	text-decoration: none;
}

#menu
{
	height: 36px;
	background: url(../images/menuGradient.gif) center center repeat-x;
	border-bottom: 5px solid #ffdf6b;
}

#menu li
{
	float: left;
	width: 110.5px;
	border-right: 2px solid #cee5e9;
	text-align: center;
	height: 36px;
	line-height: 36px;
}

#menu li:hover
{
	background: #ffdf6b;
	color: #00778a !important;
}

#menu li:hover a
{
	color: #00778a;
}

#menu li:hover ul li a
{
	color: #222 ;
}

#menu li:hover ul li a:hover
{
	color: #00778a !important;
}

#menu li ul li:hover
{
	background: #ccc;
}

#menu .selected a
{
	background: #ffdf6b;
	color: #00778a;
	height: 36px;
}

#menu .selected li  a
{
	background: #ccc ;
	color: #222;
	height: 36px;
}

#menu a
{
	color: white;
	text-decoration: none;
	display: block;
}

#menu a:hover
{
	background: #ffdf6b;
	color: #00778a;
}

#menu .last
{
	border-right: 0px none;
}

#main
{
	border-bottom: 5px solid #00778a
}

#footer
{
	font-size: 10px;
	text-align: center;
	width: 900px;
	margin: 0 auto;
	padding: 50px 0 20px 0;
	color: #00778a;
}

#footer ul
{
	width: 680px;
	display: block;
	clear: both;
	height: 12px;
	margin: 0 auto 0 auto;
}

#footer li
{
	float: left;
	border-right: 1px solid #00778a;
	line-height: 13px
}

#footer li.last
{
	border-right: 0px none;
}

#footer li a
{
	padding: 0 10px;
	color: #00778a;
	text-decoration: none;
}

#footer p a
{
	color: #00778a;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer .last a
{
	padding: 0 0 0 10px;
}

#footer p
{
	clear: both;
	padding: 10px 0 0 0;
}

#footer .webmaster a
{
	color: #999;
}

#footer p
{
	clear: both;
}

.browserBlurb
{
	color: #999; 
	padding: 0 0 15px 0;
}

.browserBlurb  b img
{
	margin: 0 0 -6px 0;
}

.browserBlurb  a
{
		border: 3px solid #eaf7f9;
}

.browserBlurb  a:hover
{
		border: 3px solid #d9c5c7;
}

.redHeader
{
	color: #c41130;
	font-size: 15px;
	font-weight: bold;
	padding: 20px 0;
}

.grayHeader
{
	font-size: 15px;
	font-weight: bold;
	padding: 20px 0;
}

.blueHeader
{
	color: #00778a;
	font-size: 15px;
	font-weight: bold;
	padding: 20px 0;
}

.tableStyle
{
	background-color: #A2D1D8;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #666;
	color: #000;
}

.tableStyle th, td
{
	padding: 10px;
	border: 2px solid #FFF;
}
.tableStyle th
{
	background-color: #7DBDC7;
	color: #FFF;
	font-size: 1.5em;
}

<!--=============================================================================================================-->
.donation
{
	text-align: center;
}

.donationBox
{
	background-color: #fff;
	border: 2px solid #00778a;
	padding: 0 0 20px 50px;
	margin: 20px 0 0 20px;
	width: 400px;
}

.donationHeader
{
	background-color: #fff;
	border: thick #F00;
}

.donation .donationBox .donationTitles
{
	font-weight: bold;
	color: #00778a;
}

<!--=============================================================================================================-->



.index
{
	color: #00778a;
}
.index #button
{
	padding: 20px 0 0 20px;
}
#homeTop
{
	height: 229px;
	background: url(../images/index/topBack0.jpg) no-repeat white;
	z-index: 1000 !important;
}

#homeImg
{
	position: absolute;
	z-index: -1px;
}

#homeImg img
{
	float: left;
	position: absolute;
}

#homeContent
{
	z-index: 5;
	position: absolute;
	width: 400px;
	padding: 80px 0 0 435px;

}

#homeBottom
{
	background: #00778a;
	height: 540px;
	padding: 5px 0 0 0;
}

#homeLeft
{
	color: white;
	padding: 35px 20px 40px 30px;
	width: 294px;
	float: left;
}

#homeLeft h2
{
	color: #8cc2ca;
	font-size: 30px;
	padding: 0 0 15px 0;
}

#homeRight
{
	background: white;
	width: 516px;
	padding: 25px 20px 30px 20px;
	height: 480px;
	float: left;
}

#homeRight h2
{
	background: #c41130;
	padding: 5px 10px;
	color: white;
	font-size: 18px
}

.referrals
{
	background: url(../images/referrals/mainBack.jpg) 20px 60px no-repeat white;
	padding: 10px 0 20px 190px;
}

.referrals .phones
{
	height: 450px;
}

.referrals .links
{
	height: 250px;
}

.referrals .phones li
{
	float: left;
	width: 50%;
	padding: 8px 0;
}

.referrals .links li
{
	float: left;
	width: 50%;
	padding: 5px 0;
}

.counseling
{
	background: url(../images/our-services/counselingMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}

.intervention
{
	background: url(../images/our-services/interventionMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}

.education
{
	background: url(../images/our-services/educationMainBack.jpg) 20px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}

.volunteers
{
	background: url(../images/our-services/volunteersMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}

.faq
{
	background: url(../images/survivor-info/faqMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}


.faq li
{
	padding: 10px 0;
	text-align: justify
}

.faq li span
{
	color: #00778a
}

.symptoms
{
	background: url(../images/survivor-info/symptomsMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}

.what
{
	background: url(../images/survivor-info/whatMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}

ol
{
	padding: 0 0 0 40px;
	list-style:decimal
}

.board
{
	background: url(../images/about-rcc/boardMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 0px 90px 190px;
	height: 600px;
}

.board ul
{
	float: left;
	padding: 50px 20px 0 0;
}

.board li
{
	padding: 10px 0;
}


.board .header
{
	height: 50px;
	color: #00778a;
	font-weight: bold;
	font-size: 15px;
}

.board h3
{
	font-size: 14px;
	font-weight: bold;
	color: #00778a;
}

.history
{
	background: url(../images/about-rcc/historyMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}
.info
{
	background: url(../images/about-rcc/infoMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 0px 90px 190px;
	height: 500px;
}

.info ul
{
	float: left;
	padding: 50px 20px 0 0;
}

.info li
{
	padding: 10px 0;
}


.info .header
{
	height: 50px;
	color: #00778a;
	font-weight: bold;
	font-size: 15px;
}

.info h3
{
	font-size: 14px;
	font-weight: bold;
	color: #00778a;
}

.jobs
{
	background: url(../images/about-rcc/jobsMainBack.jpg) 21px 60px no-repeat white;
	padding: 150px 40px 200px 320px;
}

.comingSoon
{
	background: white;
	text-align: center;
	padding: 150px 40px 200px 0;
}

.partners
{
	background: 21px 60px no-repeat white;
	padding: 50px 60px 90px 60px;
	height: 580px;
}

.partners #partnersLeft p, .partners #partnersRight p
{
	text-align: center;	
}

.partners a
{
	color: #00778a !important;
	font-weight: bold;
}

.partners #partnersLeft
{
	text-align: center;
	width: 253px;
	float: left;
}

.partners #partnersLeft img
{
	padding: 0 0 15px 0;
	border: 0px none;
}

.partners #partnersRight
{
	padding: 0 0 0 500px;
	text-align: center;
}

.partners #partnersRight #pRT
{
	margin-left: -200px;
	text-align: left;
	padding: 0 0 45px 0;
	font-size: 14px;
}

.partners #partnersRight #pRT p
{
	text-align: left;
}

.partners #partnersRight #pRB
{
	width: 270px;
}


.partners #partnersRight #pRT h2
{
	font-size: 19px
}

.partners #partnersRight #pRT h2 span
{
	font-size: 19px;
	display: block;
	font-weight: bold;
	color: #00778a;
}
.partners #partnersRight #sponsors
{
	width: 100px;
	float: right;
	font-size: 19px;
	padding: 0 0 0 20px;	
}
.partners #partnersRight #sponsors h2
{
	font-size: 19px;
	display: block;
	font-weight: bold;
	padding: 0 0 20px 0;
	align: center;
}
.partners #partnersRight #sponsors #images
{
	padding: 15px 0 15px 0;
}
.partners #partnersRight #sponsors #raffle
{
	padding: 15px 0 15px 30px;
}
.events, .eventsInner
{
	background: url(../images/events/eventsMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 40px 90px 190px;
}

.eventsInner
{
	padding: 40px 40px 90px 190px;
}

.events .eventsHeader .blueHeader
{
	text-transform: uppercase;
}

.events .eventsHeader .blueHeader a
{
	text-decoration: none !important;
	color: #00778a !important;
}

.events .eventsHeader .blueHeader a:hover
{
	text-decoration: underline !important;
}

.events .eventsHeader h4
{
	background: #c41130;
	padding: 5px 10px;
	color: white;
	font-size: 18px
}

.events .eventsHeader h3
{
	margin-top: -20px;
	color: #999;
	padding: 0 0 10px 0;
}

.events .event

.events .eventListing
{
	padding: 20px 0 0 0;
}

.events .link
{
	text-align: right !important;
}

.events .seperator
{
	border-bottom: 1px solid #ccc; 
	padding: 20px 0 0 0 !important;
	margin: 0 auto;
}
.events #button
{
	padding: 20px 0 0 20px;
}

.blueBold 
{
	font-weight: bold;
	color: #00778a;
}

.italic
{
	font-style:italic;
}	

.eventLeft
{
	float: left;
	display: block;
	width: 400px;
	border-right: 2px solid #00778a;
	padding: 0 25px 0 0;
}

.eventLeft .date
{
	text-transform:uppercase;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 15px 0;
}

.eventLeft .eventTitle
{
	color: #00778a;
	text-transform:uppercase;
	font-size: 120%;
	font-weight: bold;
	padding: 15px 0 0 0;
	margin: 0 0 -8px 0;
}

.eventRight
{
	padding: 0 0 100px 450px;
}

.deadline
{
	font-size: 120%;
}

.eventButton
{
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 110px;
	color: white !important;
	text-decoration: none  !important;
	background: url(../images/menuGradient.gif) center center repeat-x;
}

.eventButton:hover
{
	background: #ffdf6b;
	color: #00778a !important;
}
.underline {
	text-decoration: underline;
}
.lititle {

	text-transform:uppercase;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 15px 0;
}
.newsMedia {
	background: url(../images/news_media/newsMediaMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 0px 90px 190px;
	height: 500px;
}
.info {
	background: url(../images/about-rcc/infoMainBack.jpg) 21px 60px no-repeat white;
	padding: 20px 0px 90px 190px;
	height: 500px;
}