/* CSS Document */

*{
	margin: 0; /* it's good practice to zero the margin and padding of the everything to account for differing browser defaults */
	padding: 0;
}

body{
	background:url(/images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#666666;
	background-color:#FAFBFD;
}

.floatfix{
	clear:both;
	float:none;
	height:0;
}

/* Layout-------------------- */

#mainContainer{
	width: 971px;
	_width: 974px;
	margin: 0 auto;
}

#logo{
	width: 255px;
	height:108px;
	float:left;
}	

#topLevel{
	width: 716px;
	height: 108px;
	float:right;
}

#slogan{
	width: 345px;
	height: 68px;
	float:right;
}

#navContainer{
	width:718px;
	height:24px;
	float:right;
	margin-top: 17px;
}

#contentContainer{
	width: 841px;
	margin: 33px 0;
	float:left;
}

#banner{
	width: 120px;
	height: 600px;
	margin-left: 10px;
	margin-top: 33px;
	margin-bottom: 40px;
	float:left;
	background-color:#999999;
}

#leader{
	width: 417px;
	background:url(/images/leaderBG.jpg) no-repeat;
	background-color:#FFFFFF;
	height: 219px;
	float:left;
	padding: 17px 15px 15px 20px;
}

#helpContent{
	width: 316px;
	height: 377px;
	float:left;
	background:url(/images/helpBG.jpg) no-repeat;
}

#helpFamilies{
	float:left;
	padding: 5px 15px 0 25px;
	height:185px;
}

#helpYou{
	padding: 5px 15px 0 25px;
	clear:both;
	height:185px;
}

.redButton{
	background:url(/images/buttonBG.jpg) no-repeat;
	color:#FFFFFF;
	width: 128px;
	height: 22px;
	padding-top: 6px;
	text-align: center;
	float:left;
	font-size: .85em;
	font-weight: bold;
	margin: 8px 6px 0px 0px;
}

.redButton a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}


/* TESTIMONIALS PROMO
----------------------------*/
.quoteBox{
	height:377px;
	width:525px;
	_width: 522px;
	overflow:hidden;
	position:relative;
}

.quoteContainer{
	position:absolute;
	bottom:0;
	left:0;
	background-image: url(/images/bg_quote.png);
	padding:5px;
	width:515px;
}

blockquote {
  color: #BF0000;
  font-weight: bold;
  font-size: 1.1em;
  position:relative;
}

blockquote span{
	font-size:2.5em;
}

/* END TESTIMONIALS PROMO
----------------------------*/

#pictureContainer{
	width:525px;
	height:377px;
	float:left;
	background:url(/images/mainPic.jpg) no-repeat;
}

#quoteContainer{
	margin: 267px 3px 0px 3px;
	 background: transparent url(/images/bg_quote.png);
}

#quoteContainer blockquote {
  background: transparent url(/images/quote.png) left top no-repeat;
  _background: transparent url(/images/quote.gif) left top no-repeat;
  color: #BF0000;
  font-weight: bold;
  font-size: 1em;
}
#quoteContainer blockquote div {
  padding: 4px 25px 0px 25px;
  background: transparent url(/images/quote.png) right bottom no-repeat;
  _background: transparent url(/images/quote.gif) right bottom no-repeat;
}

.testimonials{
	font-size:.85em;
	font-weight: bold;
	color:#666666;
	float:left;
	margin:0 0 10px 20px;
}

.testimonials a{
	color:#666666;
	text-decoration:none;
}

.testimonials a:hover{
	color:#999999;
}

.testimonialsSignOff{
	float:right;
	width: 200px;
	margin:0 10px 10px 0;
	font-size: .75em;
	line-height: 1em;
	font-style:italic;
	color:#666666;
	text-align:right;
}

#leaderPicture{
	width: 389px;
	height: 251px;
	float:left;
	background-color:#FFFFFF;
	position:relative;
}

#leaderPicture div.loading{
	position:absolute;
	top:0;
	left:0;
}


#mainTextContainer{
	width:517px;
	float:left;
	clear:both;
	margin-top: 6px;
	padding-top:28px;
	background: transparent url(/images/topCurve.png) left top no-repeat;
	_background: transparent url(/images/topCurve.gif) left top no-repeat;
}

#mainTextContainerWide{
	width: 841px;
	background-color:#E1EBF5;
	clear:both;
}

#mainText{
	background-color:#E1EBF5;
	padding: 0px 25px;
}

#LHColumn{
	width: 360px;
	float:left;
	padding: 30px 0px 0px 38px;
}

#RHColumn{
	width: 360px;
	float:left;
	padding: 30px 22px 0px 61px;
}

.mainTextCurve{
	background: transparent url(/images/bottomCurve.png) left top no-repeat;
	_background: transparent url(/images/bottomCurve.gif) left top no-repeat;
	width:517px;
	height: 29px;
}

.mainTextCurveWide{
	width: 841px;
	height: 29px;
	background: transparent url(/images/bottomCurveWide.png) left top no-repeat;
}

#news{
	width:278px;
	margin-right:13px;
	float: right;
	margin-top: 32px;
}

#footerContainer{
	width: 971px;
	height: 40px;
	padding-top: 20px;
	clear:both;
}
#footerContainer p{
	margin-bottom:0;
	padding-bottom:0;
}
#footerLH{
	float:left;
	width: 380px;
	padding: 5px 0px 0px 10px;
}

#footerRH{
	float:right;
	width: 400px;
	padding: 5px 10px 0px 0px;
	text-align:right;
}


/* Nav-------------------- */

#navContainer ul{
	margin:0;
	padding:0;
	width:717px;
	/*background-color:#00FF00;*/
}

#navContainer ul ul{
	display:none;
}

		

#navContainer ul li{
	padding:0;
	list-style-type: none;
	display:block;
	background-color:#CC0000;
	height:20px;
	min-width:50px;
	_width:50px;
	position:relative;
	float:left;
	margin-left:2px;
	_white-space:nowrap;	
}

#navContainer ul li a,
#navContainer ul li a:link,
#navContainer ul li a:visited{
	font-size: 12.5px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	padding: 5px 10px 0 10px;
	height: 19px;
	display:block;
	min-width:50px;
	background-color:#006699;
	text-align:center;
	position:relative;
	background-image:url(/images/bg_nav.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#navContainer ul li a span{
	position:absolute;
	top:0;
	right:0;
	_right: -1px;
	display:block;
	width:10px;
	height:24px;
	background-image:url(/images/bg_nav_cap.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

#navContainer ul li a:hover{
	color: #BF0000;
}

#navContainer ul li a:hover,
#navContainer ul li.selected a,
#navContainer ul li.selected a:hover
{
	color:#669acc;
	background-image:url(/images/bg_nav_selected.jpg);
}

#navContainer ul li a:hover{
	color:#BE0000;
}

#navContainer ul li a:hover span,
#navContainer ul li.selected a span
{
	background-image:url(/images/bg_nav_cap_selected.jpg);
}

.donate{
	background:url(/images/nav/donate.jpg) no-repeat;
	height: 24px;
	width: 101px;
	float:left;
	text-align:center;
	display:block;
}

.donate a:hover{
	background:url(/images/nav/donate_hover.jpg) no-repeat;
	display:block;
	height: 24px;
	width: 101px;
}


/* Text-------------------- */

p{	
	font-size: .9em;
	color:#333333;
	line-height: 1.4em;
	margin:0;
	padding:0;
	padding-bottom:0.8em;
}

#leader p{
	color:#666;
}

#news p{
	color:#666;
}

a{
	color:#BF0000;
	text-decoration:none;
}

h1, #helpContent h2{
	font-size: 1.3em;
	color: #BF0000;
	font-weight: normal;
	border-bottom:dotted #A0C0DF;
	padding-bottom: 5px;
	margin-bottom: 8px;
	border-top:none;
}

h2{
	font-size: .85em;
	color: #BF0000;
	border-top:dotted #ECB4B4;
	padding: 7px 0px;
}


h2.borderBottom{
	border-bottom:dotted #ECB4B4;
}

h2 a{
	color: #BF0000;
	text-decoration:none;
}

h2 a:hover{
	color:#999999;
}

h3{
	font-size: 1em;
	color: #BF0000;
	border-bottom:dotted #ECB4B4;
	border-top:dotted #ECB4B4;
	padding: 7px 0px;
	margin: 10px 0;
}

#RHColumn h3{
	color:#999;
	font-weight: normal;
	font-size: .9em;
	border-bottom:none;
}

.help{
	font-size: .9em;
	color:#666666;
	line-height: 1.15em;
}

.lightBlue{
	color:#6699CC;
	font-weight: bold;
	font-size: .9em;
}

.lightBlue a{
	text-decoration:none;
	color:#6699CC;
}

.lightBlue a:hover{
	color: #BF0000;
}

.intro{
	color:#000000;
	font-weight: bold;
	font-size: .95em;
}

#news p.latestNewsHeader{
	color:#6699CC;
	font-weight: bold;
	font-size: 1.15em;
	margin-bottom: 1em;
}

.latestNews{
	font-size:.85em;
	color:#000000;
}

.latestNews a{
	text-decoration:underline;
	color:#6699CC;
	font-weight:bold;
}

.menuBottom{
	color: #BF0000;
	font-size: .8em;
	margin-bottom: .6em;
	line-height: 1.5em;
}

.menuBottom a{
	color: #BF0000;
	text-decoration:none;
}

.menuBottom a:hover{
	text-decoration:underline;
}

.smallPrint{
	color:#333333;
	font-size: .75em;
	line-height: 1.5em;
}

.smallPrint a{
	color:#333333;
	text-decoration:underline;
}

a img{
	border:none;
}

.supporters_table{
	margin:3px;
}

.supporters_table td{
	padding:3px;
	border-bottom:dotted #A0C0DF;
}

.supporters_table img{
	border:1px solid #DDDDDD;
}

.supporters_table a img{
	border:1px solid #6698CC;
}

.supporters_table a:hover img{
	border:1px solid #DDDDDD;
}

.textBox, textarea{
	font-size:1em;
	color:#666;
	width:90%;
	border:1px solid #6698CC;
	margin:3px 5px;
	font-family:Arial, Helvetica, sans-serif;
}

#RHColumn ul{
	font-size: .9em;
	color:#333333;
	line-height: 1.4em;
	margin:0;
	padding:0;
	padding-bottom:0.8em;
}