@charset "UTF-8";
body {
	font: 90% Arial, Helvetica, sans-serif;
	background: url(../images/bg.gif) repeat-y center #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
body#homepage {
	background-image:none;
}
.oneColFixCtr #container {
	width: 952px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0 20px;
}

/* ----- TEXT ----- */
a {
	color:#c5212b;
	text-decoration:none;
	font-weight:bold;
	padding:0;
	/*background-color:#c5212b;*/
}
a:hover {
	text-decoration:underline;
}
.highlight1 {
	color:#a5a5a5;
}
.highlight2 {
	color:#c5212b;
}
h2 {
	font-size:150%;
	color:#101010;
	font-weight:bold;
}
hr {
	border:none;
	border-style:none;
	background-color:#CCC;
	color:#CCC;
}


/* ----- HEADER / MAIN NAVIGATION ----- */

#headContainer {
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(../images/bg-headContainer.gif) repeat-x bottom;
	height:55px;
}
#headContainer #mainNav {
	width:952px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	text-align: left;
}
ul#nav {
	margin:0;
	padding:0;
	list-style:none;
	float:none;
	height:55px;
	display:inline;
	position:relative;
}
ul#nav li {
	float:left;
	margin:0;
	padding:0;
	display: inline;
	position:relative;

}
ul#nav li a {
	display:block;
	padding:0;
}
ul#nav li a#n-home {
	width:275px;
	height:55px;
	background: url(../images/ccc-library-campaign.gif) top left no-repeat;
	text-indent:-2000px;
	/*background-color:none;*/
}
ul#nav li a#n-benefits {
	width:153px;
	height:55px;
	background: url(../images/n-benefits.gif) top left no-repeat;
	text-indent:-2000px;
}
ul#nav li a#n-plan {
	width:122px;
	height:55px;
	background: url(../images/n-plan.gif) top left no-repeat;
	text-indent:-2000px;
}
ul#nav li a#n-campaign {
	width:163px;
	height:55px;
	background: url(../images/n-campaign.gif) top left no-repeat;
	text-indent:-2000px;
}
ul#nav li a#n-contact {
	width:119px;
	height:55px;
	background: url(../images/n-contact.gif) top left no-repeat;
	text-indent:-2000px;
}
ul#nav li a#n-contribute {
	width:120px;
	height:55px;
	background: url(../images/n-contribute.gif) top left no-repeat;
	text-indent:-2000px;
}

/* these styles indicate which section you're in */	
#secPlan ul#nav li a#n-plan {
	background: url(../images/n-plan-c.gif) top left no-repeat;
}
#secBenefits ul#nav li a#n-benefits {
	background: url(../images/n-benefits-c.gif) top left no-repeat;
}
#secCampaign ul#nav li a#n-campaign {
	background: url(../images/n-campaign-c.gif) top left no-repeat;
}
#secContact ul#nav li a#n-contact {
	background: url(../images/n-contact-c.gif) top left no-repeat;
}
#secContribute ul#nav li a#n-contribute {
	background: url(../images/n-contribute-c.gif) top left no-repeat;
}



/* mouseovers */
ul#nav li a#n-home:hover {
	background: url(../images/ccc-library-campaign-mo.gif) top left no-repeat;
}
ul#nav li a#n-benefits:hover, ul#nav li:hover a#n-benefits, #secBenefits ul#nav li:hover a#n-benefits {
	background: url(../images/n-benefits-mo.gif) top left no-repeat;
}
ul#nav li a#n-plan:hover, ul#nav li:hover a#n-plan, #secPlan ul#nav li:hover a#n-plan {
	background: url(../images/n-plan-mo.gif) top left no-repeat;
}
ul#nav li a#n-campaign:hover, ul#nav li:hover a#n-campaign, #secCampaign ul#nav li:hover a#n-campaign {
	background: url(../images/n-campaign-mo.gif) top left no-repeat;
}
ul#nav li a#n-contact:hover, ul#nav li:hover a#n-contact, #secContact ul#nav li:hover a#n-contact {
	background: url(../images/n-contact-mo.gif) top left no-repeat;
}
ul#nav li a#n-contribute:hover, ul#nav li:hover a#n-contribute, #secContribute ul#nav li:hover a#n-contribute {
	background: url(../images/n-contribute-mo.gif) top left no-repeat;
}

/* ----- Drop Down style ----- */

	ul#nav li ul {
		display:none;
		position: absolute;
		list-style:none;
		/*top: 25px;
		left: -70px;*/
		/*top: 1em;
		left: 0;*/
		padding-left:0;
		}
	/* li > ul { resets left and top positions in NON IE browsers
		top: auto;
		left: auto;
		} */
	ul#nav li ul li a {
		background-color:#101010;
		color:#FFF;
		/*text-transform:none;*/
		font-weight:bold;
		/*letter-spacing:normal;
		text-decoration:none;*/
		padding:18px 15px;
		margin:0;
		display:block;
		width:145px; /*175*/
		text-align:center;
		border-right:#FFF solid 2px;
		border-left:#FFF solid 2px;
		border-bottom:#FFF solid 2px;
		font-size:90%;
		}
	ul#nav li ul li {
		float:none;
	}
	ul#nav li ul li a:hover {
		background-color:#c5212b;
		text-decoration:none;
		}	
	ul#nav li:hover ul, ul#nav li.over ul {
		display: block;
		clear:left; /* ? */
		/*visibility:visible;
		padding-top:10px;
		background:url(../images/bg-menu-dropdown-top.png) top left no-repeat;
		border-bottom:#dfdfdf solid 1px;*/
		}
		
		
	/* ----- the following styles center the drop down menus under the parent item.
	          If you change the width of the dropdowns or the paddings, you'll need to tweak the numbers to get the drop downs to center correctly.  ----- */	
	ul#nav li ul#navBenefits {
		margin-left:-12px;
	}
	ul#nav li ul#navPlan {
		margin-left:-27px;
	}
	ul#nav li ul#navCampaign {
		margin-left:-8px;
	}
	ul#nav li ul#navContact {
		margin-left:-30px;
	}
	ul#nav li ul#navContribute { /* this one is right justified cause its on the end */
		margin-left:-58px;
	}
	ul#nav li ul#navContribute li a { /* this one is right justified cause its on the end */
		text-align:right;
	}
		
	/* end Drop Down style */
	



/* ----- end  HEADER / MAIN NAVIGATION ----- */


/* ----- HOME ROW 1 ----- */

#homeRow1 {
	width:956px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	text-align: left;
	/*background:#0F0;*/
}
#intro {
	width:950px; /*950*/
	height:345px;
	background:url(../images/CCClib-home-img1.jpg) no-repeat top left  #FFF;
	float:left;
	margin:0 0 0 2px;
}
#introPad {
	padding:60px 0 0 54px;
}
#introTxt {
	width:420px;
	height:285px;
	padding:0;
	/*margin:60px 0 0 54px;*/
	background:#FFF;
	font-size:90%;
}
#introTxtPad {
	padding:25px 25px 20px 25px;
}
h1.home {
	font-size:15pt;
	text-align:center;
}
h1.boldred {
	font-size:25pt;
	text-align:center;
}
#contributeBtn {
	width:211px;
	height:54px;
	float:right;
}
#contributeBtn img {
	border:none;
}
#Funds {
	width:120px;
	height:345px;
	float:right;
	border:none;
	margin:0;
	padding:0;
	color:#101010;
}

/* ----- end HOME ROW 1 ----- */


/* ----- HOME ROW 2 ----- */

#homeRow2 {
	margin:0;
	padding:12px 0 0 0;
	text-align: center;
	clear:both;
	background: url(../images/spacer12px.gif) repeat-x top #101010;
	height:430px;
}
#homeRow2 a{
	background:none;
}
#homeRow2 a:hover{
	background:none;
}
#homeRow2cont {
	width:956px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#CTAcol1 {
	width:300px;
	float:left;
	margin-top:27px;
	margin-right:12px;
}
#CTAcol2 {
	width:313px;
	float:left;
	margin-top:27px;
	margin-right:24px;
}
#CTAcol3 {
	width:300px;
	float:left;
	margin-top:27px;
}
#emailList {
		background:url(../images/bg-email-signup.gif) top left no-repeat;
		/*height:176px;*/
		padding:0 0 25px 0;
		width:300px;
		margin:0 0 12px 0;
}
#mc_embed_signup {
	padding:60px 18px 0 28px;
}
#residentsSpeak {
		height:190px;
		margin:0;
}
#residentsSpeak img{
		border:0;
}
#fourHelp {
	background:url(../images/bg-help4.gif) no-repeat top left;
	width:313px;
	height:176px;
	margin:0 0 12px 0;
	/*color:#FFF;*/
	/*color:#0F0;*/
	font-size:90%;
	text-align:left;
	line-height:140%;
}
#helpCampaign {
	width:193px;/*313*/
	height:106px;/*176*/
	color:#FFF;
	background:url(../images/bg-help4.gif) no-repeat top left;
	font-size:90%;
	text-align:left;
	line-height:140%;
	padding:70px 15px 0 105px;
	margin-bottom:12px;
}
#helpCampaign a:hover {
	color:#c5212b;
}
#fourHelpPad {
	padding:70px 20px 0 105px;
}
#seePlans {
	width:313px;
	height:190px;
	margin:0;
	text-align:right;
}
#spreadWord {
	width:300px;
	height:176px;
	margin:0 0 12px 0;
}
#download {
	width:300px;
	height:190px;
	margin:0;
}

/* ----- end HOME ROW 2 ----- */




/* ----- SUB PAGE ----- */


#subContainer {
	padding:0;
	text-align: center;
	clear:both;
	background: url(../images/bg-subContainer.gif) repeat-y right;
	clear:both;
	width:950px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#subContent {
	width:625px;
	float:left;
	text-align:left;
	margin:0;
}
#subContent p,
#subContent ul,
#subContent ol
{
	margin-right:25px;
}
#subContent ol li {
	padding:10px 0;
}
#subContent p a,
#subContent ul a,
#subContent ol a
{
	font-weight:normal;
	text-decoration:underline;
	color:#000000;
} 
#subContent p a:hover,
#subContent ul a:hover,
#subContent ol a:hover
{
	color:#c5212b;
	}
#subContent1Col {
	width:950px;
	/*float:left;*/
	text-align:left;
	margin:0;
	background-color:#FFF;
	background-image:none;
}
#rightCol {
	width:300px;
	float:right;
	/*background-color:#101010;*/
	padding:0;
	margin:10px;
	/*text-align:center;*/
}
#rightCol2 {
	width:300px;
	float:right;
	padding:0;
	margin:0;
	background:#0F0;
}
#rightColContribute {
	border-bottom:2px #FFF solid;
	padding:0;
	/*float:left;*/
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
}
#rightColContribute img{
	margin:10px;
}
ul#residentsSpeakUl {
	margin:0 0 2px 0;
	padding:0;
	list-style:none;
}
ul#residentsSpeakUl li#choose {
	margin:0 2px 2px 0;
	padding:0;
	width:22px;
	height:65px;
	background:url(../images/choose.gif);
	text-indent:-3000px;
}
ul#residentsSpeakUl li {
	margin:0;
	padding:0;
	text-indent:-3000px;
	float:left;
}
ul#residentsSpeakUl li a{
	display:block;
	margin:0 2px 0 0;
	padding:0;
	width:65px;
	height:65px;
}
ul#residentsSpeakUl li a#rAbigail {
	background:url(../images/abigail-thumb.jpg) no-repeat;
	border:none;
}
ul#residentsSpeakUl li a:hover#rAbigail {
	background:url(../images/abigail-thumb-mo.jpg) no-repeat;
}
ul#residentsSpeakUl li a#rAlex {
	background:url(../images/alex-thumb.jpg) no-repeat;
	border:none;
}
ul#residentsSpeakUl li a:hover#rAlex {
	background:url(../images/alex-thumb-mo.jpg) no-repeat;
}
ul#residentsSpeakUl li a#rByron {
	background:url(../images/byron-thumb.jpg) no-repeat;
	border:none;
}
ul#residentsSpeakUl li a:hover#rByron {
	background:url(../images/byron-thumb-mo.jpg) no-repeat;
}
ul#residentsSpeakUl li a#rClifford {
	background:url(../images/clifford-thumb.jpg) no-repeat;
	border:none;
}
ul#residentsSpeakUl li a:hover#rClifford {
	background:url(../images/clifford-thumb-mo.jpg) no-repeat;
}
ul#residentsSpeakUl li a#rHarold {
	background:url(../images/harold-thumb.jpg) no-repeat;
	border:none;
}
ul#residentsSpeakUl li a:hover#rHarold {
	background:url(../images/harold-thumb-mo.jpg) no-repeat;
}
ul#residentsSpeakUl li a#rMarjorie {
	background:url(../images/marjorie-thumb.jpg) no-repeat;
	border:none;
}
ul#residentsSpeakUl li a:hover#rMarjorie {
	background:url(../images/marjorie-thumb-mo.jpg) no-repeat;
}
ul#residentsSpeakUl li a#rRichard {
	background:url(../images/richard-thumb.jpg) no-repeat;
	border:none;
}
ul#residentsSpeakUl li a:hover#rRichard {
	background:url(../images/richard-thumb-mo.jpg) no-repeat;
}
ul#residentsSpeakUl li a#rTaylor {
	background:url(../images/taylor-thumb.jpg) no-repeat;
	border:none;
}
ul#residentsSpeakUl li a:hover#rTaylor {
	background:url(../images/taylor-thumb-mo.jpg) no-repeat;
}
ul#residentsSpeakUl li a#rTroy {
	background:url(../images/troy-thumb.jpg) no-repeat;
	border:none;
	margin:0;
}
ul#residentsSpeakUl li a:hover#rTroy {
	background:url(../images/troy-thumb-mo.jpg) no-repeat;
}

#residentDiv {
	padding:0;
	margin:0;
	width:625px;
	height:360px;
	clear:both;
	background-color:#c5212b;
	color:#FFF;
}
#residentDivPad {
	padding:15px 10px 0 315px;
	font-size:80%;
}
#residentDivPad h1 {
	color:#101010;
	font-size:140%;
	font-weight:bold;
}

/* ----- end SUB PAGE ----- */





/* ----- footer ----- */

#footerContain {
	background:url(../images/bg-footer2.gif) repeat-x top #101010;
	border-top:5px #FFF solid;
	clear:both;
	margin:5px 0 0 0;
	padding:0;
}
#homepage #footerContain {
	margin:0;
	border-top:#212121 solid 1px;
}
#footer {
	width:956px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	text-align: left;
	background: #101010;
	height:40px;
	padding:15px 0;
	font-size:85%;
	color:#6f6f6f;
}
/*#footer a {
	color:none;
	background-color:none;
}*/
#footer a.highlight1 {
	color:#a5a5a5;
	background-color:#101010;
}
#footer a:hover {
	color:#FFF;
	text-decoration:none;
}
#foot1 {
	border-right:#212121 solid 1px;
	padding-right:15px;
	margin-right:15px;
	/*width:300px;*/
	display:block;
	float:left;
}
#foot2 {
	float:left;
	/*width:300px;*/
	display:block;
}
#foot2 a, #footRight a {
	/*background-color:none;*/
	font-weight:normal;
	background:#101010;
	color:#6f6f6f;
}
#footRight {
	float:right;
	display:block;
	text-align:right;
	font-size:85%;
	line-height:150%;
}

/* ----- end footer ----- */

#residentDivPad a {
	color:#FFF;
}