@charset "utf-8";

/* CSS Document */



#containerOuter {
	width: 100%;
	/*background: url(../images/backg-pagetop.gif) repeat-x top left;*/
	background: url(../images/backg-pagetop2.gif) repeat-x top left;
}



#containerInner {

	width: 960px;

	margin: 0 auto;

	position: relative;

}



/* phoenix icon/logo is the h1 on the page */

h1 {
	width: 300px;
	height: 297px;
	background: url(../images/phoenix.png) no-repeat top left;
	text-indent: -9999px;
	position: absolute;
	/* top: 3px; */
	top: 5px;
	left: 0;
	z-index: 200;
}



h1 a {

	width: 300px;

	height: 297px;

	display: block;

}



a {

	text-decoration: none;

	color: #618e38;

	font-style: italic;

}



a:hover {

	text-decoration: underline;

	color: #4cbf4e;

}



h3 {

	font-weight: normal;

	font-size: 20px;

}



h4 {

	font-weight: normal;

	font-size: 18px;

}



.clear {

	clear: both;

}



p  {

	margin-bottom: 20px;

}



.numberedList {

	list-style: decimal;

}



.numberedList li {

	margin: 0 30px 20px 34px;

}



.stageRight {

	float: right;
	width:200px;
	
	margin: 0 0 20px 20px;
	border-radius:15px 15px 15px 15px;

}



.contentList {

	padding: 0 12px 24px 12px;

}







/*-------------------------- nav ---------------------------*/



#nav {
	 width: 660px;
	 padding-left: 300px;
	 height: 42px;
	 background-color: #d6e7f3;
}



#nav ul {
	padding-top: 12px;
}

#nav li {
	display: inline;
	/* padding: 16px; */
	padding: 16px 11px 16px 11px;
}

#nav a {
	font-size: 14px;
	color: #5298c7;
	font-style: normal;
	font-weight:bold;
}



#nav a:hover {

	color: #4cbf4e;

}



/*-------------------------- /nav ---------------------------*/









/*-------------------------- masthead ---------------------------*/



#masthead {
	width: 660px;
	/* height: 65px; */
	height: 84px;
	padding-left: 300px;
}


#masthead h2 {
	width: 550px;
	/* height: 65px; */
	height: 84px;
	background:url(../images/logo_w-Tagline.jpg) no-repeat left bottom; /*url(../images/logo.gif) no-repeat left bottom;*/
	text-indent: -9999px;
}



#masthead a {

	width: 550px;

	height: 65px;

	display: block;

}



/*-------------------------- /masthead ---------------------------*/









/*-------------------------- content ---------------------------*/



#content {

	width: 645px;

	padding-left: 315px;

	margin-top: 20px;

	position: relative;

}

/* rotatingBanner */

#rotatingBanner{
	float:right;
	width:282px;
	height:282px;
	padding-left:18px;
}


/* homepage areas */

/*
#homePage #leadContent {
	width: 350px;
	padding-right: 285px;
	background: url(../images/pic-kids.jpg) no-repeat top right;
	min-height: 290px;
}
*/


.sidebarPage .leadPara {

	width: 380px;

}







#leadContent h3 {

	font-size: 24px;

	background: url(../images/underline-lead-header.gif) repeat-x bottom left;

	padding-left: 6px;

}



#leadContent p {

	text-align: justify;

	padding: 0 12px 0 6px;

}



#homePage #leadContent p {

	font-size: 16px;

}



#leadContent h4 {

	padding: 0 12px 0 6px;

}



#sidebarLeft {

	width: 300px;

	float: left;

	background: url(../images/backg-donate.jpg) no-repeat top left;

	padding: 0 20px 20px 24px;

	margin-top: -90px;
	margin-top: 20px;

	border-top: 1px solid #b9d6eb;

}



#sidebarLeft h3 {

	margin: 35px 0 24px 0;

	color: #437613;

}



#sidebarLeft p {

	padding-right: 34px;

	color: #437613;

}



#donateButton a {

	width: 261px;

	height: 55px;

	background: url(../images/button-donate.png) no-repeat top left;

	text-indent: -9999px;

	display: block;

	margin: 20px 0;

}



#donateButton a:hover {

	background-position: bottom left;

}



#sidebarRight {

	width: 270px;

	float: right;

}



#sidebarRight h3 {

	background: url(../images/underline-headers.gif) repeat-x bottom left;

	padding-left: 6px;

}



#eventsTeasers,

#sidebarRight p  {

	padding-left: 6px;

}



#eventsTeasers li {

	padding-bottom: 12px;

}	



#eventsTeasers li span {

	font-weight: bold;

	display: block;

}



.leadPara {

	font-weight: bold;

	font-size: 16px;

	margin-top: 10px;

}



#sidebar {

	width: 200px;

	float: right;

	margin: 50px 20px 0 0;

	text-align: right;

}





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



#footer {

	height: 60px;

	clear: both;

	text-align: right;

	background: url(../images/backg-footer.png) no-repeat top right;

	padding-bottom: 200px;

}



#footer p {

	padding: 20px 60px 0 0;

}





/* ----------------------------------------contact form ------------------------------------------*/



label, label span {

	display: block;

	padding-bottom: .25em;

}



#contact {

	background-color: #069;

	width: 440px;

	border: 1px solid #333333;

	margin: 20px 0 0 20px;

	padding: 7px;

}



label {

	float: left;

	width: 100%;

	color: #FFF;

	font-weight: bold;

	margin: 4px;

	padding: 3px;

}





label span {

	float: left;

	width: 100px;

	text-align: right;

	background-color: #69C;

	padding-right: 10px;

}



fieldset input, textarea {

	float: right;

	width: 300px;

	border: 1px solid #000000;

	text-align: left;

	margin-right: 16px;

}



fieldset textarea {

	margin-bottom: 5px;

}



fieldset input:hover, textarea:hover {

	border: 1px solid #d49f43;

}



fieldset input:active, input:focus, textarea:active, textarea:focus {

	border: 1px solid #d49f43;

}



form div {

	margin-bottom: 5px;

	text-align: center;

	padding: 5px 20px;

	background-color: #69C;

}



form div input {

	background-color: #039;

	border: 2px double #584115;

	border-top-color:#e2c38d;

	color:#fff;

	font-weight: bold;

	font-size: 10px;

	padding: 0 5px;

}



form div input:hover {

	background-color: #00F;

}



/*----------------------------- end forms ------------------------------------*/