@charset "UTF-8";
/* CSS Document */
/**/
* {
	margin-top: 0;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p,
ul,
li,
ol,
dl,
dd,
dt,
a,
span,
img,
small,
cite,
hr
{
margin: 0px;
padding: 0px;
}

body {
background-color: #b2d1e1;
}

#container {
width: 1100px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}

#contentarea {
width: 1020px;
position: relative;

margin-left: auto;
margin-right: auto;
}

#headerarea {
width: 1020px;
height: 251px;
background-color: #227aaa;
float: left;
}

#topnavigation {
width: 800px;
position: relative;
top: 83px;
left: 195px;
z-index: 20;
}

#cfchlogo {
width: 123px;
height: 200px;
margin: 10px 0px 0px 52px;
background-image: url(images/new_logo.jpg);
position: absolute;
z-index: 10;
}

#donateflag {
width: 176px;
height: 101px;
background-image: url(images/donate_flag.gif);
position: absolute;
z-index: 11;
margin: 148px 0px 0px 876px;
}

#headerimage {
width: 1020px;
height: 127px;
background-image: url(images/header_panoramic.jpg);
z-index: 9px;
margin: 83px 0px 0px 0px;
position: absolute;
}

#titleheader {
width: 1020px;
height: 41px;
position: absolute;
background-image: url(images/title_header.gif);
margin: 210px 0px 0px 0px;
}

#mainContentArea {
width: 788px;
height: 558px;
float: left;
/*background-color: #CC9999;*/
position: relative;
}

#sideAreaContent {
width: 230px;
height: 558px;
background-color: #ffffff;
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #227aaa;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #227aaa;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #227aaa;
}

#sitefooter {
width: 1018px;
height: 191px;
padding: 10px 0px 0px 0px;
background-color: #ffffff;
clear: both;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #dadada;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #227aaa;
}

#footerlogo {
width: 1020px;
height: 90px;
clear: both;
}

#rotationSection {
width: 787px;
height: 224px;
background-color: #ffffff;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #dadada;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #227aaa;
}

#donateBox {
background-image: url(images/donateBox-bg.gif);
width: 263px;
height: 169px;
float: left;
}

#eventsBox {
width: 263px;
height: 169px;
float: left;
margin: 0px 0px 0px 0px;
background-image: url(images/eventsBox-bg.gif);
}

#connectBox {
width: 262px;
height: 169px;
float: left;
margin: 0px 0px 0px 0px;
background-image: url(images/connectBox-bg.gif);
}

#volunteerBox {
width: 394px;
height: 163px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #227aaa;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #227aaa;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #dadada;
float: left;
background-color: #c8deea;
}

#helpBox {
width: 393px;
height: 163px;
background-color: #227aaa;
float: left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #227aaa;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #227aaa;
}

#quickLinks {
width: 230px;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #227aaa;
}

#mailingBox {
width: 230px;
height: 79px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #227aaa;
background-color: #c8deea;
}

#sponsorBox {
width: 230px;
height: 113px;
}

.subCatogriesTitle {
color: #ffffff;
padding: 3px 0px 0px 8px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
height: 26px;
}

.donateCatTitle {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #227aaa;
padding: 4px 0px 0px 8px;
}

.subCatText {
font-family: Verdana;
font-size: 11px;
color: #666666;
padding: 2px 0px 0px 8px;
}

.subCatTextConnect {
font-family: Verdana;
font-size: 12px;
color: #666666;
padding: 6px 8px 0px 8px;

}

.subCatText a:link,
.subCatText a:visited {
font-family: Verdana;
font-size: 11px;
color: #99cc33;
text-decoration: none;
}

.subCatText a:hover {
font-family: Verdana;
font-size: 11px;
color: #99cc33;
text-decoration: underline;
}

.clickToGive {
margin: 10px 0px 0px 43px;
}

.eventsImage {

margin: -4px 0px 0px 1px;
float: left;
}

#socialLinks {
width: 237px;
height: 43px;
margin: 16px 0px 0px 13px;
}

.volunteerBoxImage {
float: left;
padding: 0px 10px 0px 0px;
}

.volunteerTitle {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #227aaa;
padding: 8px 10px 10px 10px;
}

.volunteerMain {
font-family: Verdana;
font-size: 11px;
color: #227aaa;
padding: 0px 10px 15px 0px;
}

.volunteerMain a:link,
.volunteerMain a:visited {
text-decoration: none;
color: #227aaa;
}

.volunteerMain a:hover {
text-decoration: underline;
color: #227aaa;
}

.needHelpBoxImage {
float: right;
padding: 0px 0px 0px 10px;
}

.needHelpTitle {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 8px 0px 10px 10px;
}

.needHelpTitle a:link,
.needHelpTitle a:visited {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

.needHelpTitle a:hover {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: underline;
}

.needHelpMain {
font-family: Verdana;
font-size: 11px;
color: #ffffff;
padding: 0px 0px 15px 10px;
}

.needHelpMain a:link,
.needHelpMain a:visited {
color: #ffffff;
text-decoration: none;
}


.needHelpMain a:hover {
color: #ffffff;
text-decoration: underline;
}

.footerLinks {
list-style-type: none;
padding: 0px 0px 0px 0px;
}

.footTopLevel {
font-family: Verdana;
font-size: 12px;
padding: 0px 30px 6px 0px;
}

.footTopLevel a:link,
.footTopLevel a:visited {
text-decoration: none;
color: #227aaa;
font-weight: bold;
}

.footTopLevel a:hover,
.footTopLevel a.active {
text-decoration: underline;
color: #227aaa;
font-weight: bold;
}

.footSubLevel {
font-family: Verdana;
font-size: 11px;
color: #227aaa;
padding: 0px 30px 0px 0px;
}

.footSubLevel a:link,
.footSubLevel a:visited {
text-decoration: none;
color: #227aaa;
}

.footSubLevel a:hover,
.footSubLevel a.active {
text-decoration: underline;
color: #227aaa;
}

.footLogoTitle {
font-family: Verdana;
font-size: 11px;
color: #227aaa;
margin: 6px 0px 0px 6px;
}

.supportLogoImage {
margin: 0px 0px 0px 6px;
}

.sponsorTitle {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #227aaa;
margin: 6px 0px 0px 0px;
text-align: center;
}

.sponsorTitleImage {
padding: 10px 0px 0px 26px;
}

.mailingTitle {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #666666;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}

.mailingText {
font-family: Verdana;
font-size: 10px;
color: #666666;
text-align: center;
padding: 2px 0px 4px 0px;
}

.nav { 
margin: 0px 0px 6px 0px;
}

#nav a, #s7 strong {
font-family: "Trebuchet MS", "Trebuchet MS Bold", "Trebuchet MS Bold Italic", "Trebuchet MS Italic";
font-size: 14px;
color:#ffffff;
margin: 0px 4px;
padding: 0px 6px;
/*border: 1px solid #9bcd36;*/
background: #9bcd36;
text-decoration: none;
}

#nav a.activeSlide { 
background: #e6f2cd;
color: #9bcd36;
}

#nav a:focus { 
outline: none; 
}

#output { 
text-align: center;
}

#nav {
margin-left: 140px;
position:absolute;
bottom:0;
z-index:10; 
}

#rightBox {
width: 436px;
/*background-color: #cacaca;*/
}

.featuredSliderTitle {
font-family: Verdana;
font-size: 16px;
color: #227aaa;

background-color: #ffffff;
padding: 6px 0px 0px 10px;

}

.featuredSliderText {
	padding: 5px 10px 0px 10px;
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	
}

.featuredSliderText a:link,
.featuredSliderText a:visited {
	color: #9bcd36;
	background-color: #ffffff;
	text-decoration: none;
}


.featuredSliderText a:hover {
	color: #9bcd36;
	background-color: #ffffff;
	text-decoration: underline;
}

.featuredSliderTextLong {
	padding: 5px 10px 5px 10px;
	font-family: Verdana;
	font-size: 13px;
	color: #666666;
	background-color: #ffffff;
	
}

.featuredSliderTextLong a:link,
.featuredSliderTextLong a:visited {
	color: #9bcd36;
	background-color: #ffffff;
text-decoration: none;
	
}

.featuredSliderTextLong a:hover {
	color: #9bcd36;
	background-color: #ffffff;
text-decoration: underline;
	
}

li.featuredSliderText {
	list-style-type: disc;
	padding: 2px 0px 0px 14px;
	list-style-position: inside;
}
/*QUICK LINKS SECTION*/


li { list-style-type: none; }


#navigation {

	width:230px;
}
#navigation a.head {
font-family: Verdana;
font-size: 14px;
	cursor:pointer;
	width: 230px;
height: 24px;
	background-image: url(images/non-selected_quickLinks_bg.gif);
	color:#FFFFFF;
	display:block;
	text-indent: 14px;
	margin:0px;
	padding:0px;
	
	text-decoration: none;
padding: 2px 0px 0px 0px;
}
#navigation a.head:hover {
	width: 230px;
height: 24px;
	background-image: url(images/selected_quickLinks_bg.gif);
}
#navigation a.selected {
	width: 230px;
height: 24px;
	background-image: url(images/selected_quickLinks_bg.gif);
}
#navigation a.current {
	color: #99cc33;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
font-family: Verdana;
font-size: 12px;
	color:#227aaa;
	display:block;
	text-indent: 20px;
	text-decoration: none;
padding: 1px 0px 1px 0px;
}
#navigation li li a:hover {
	
	color:#99cc33;
}

#quickLinksTitle {
background-color: #277aaa;
width: 230px;
height: 33px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}

.quickLinksTitleText {
font-family: Verdana;
color: #ffffff;
padding: 4px 0px 0px 8px;
}
/*QUICK LINKS SECTION*/