@charset "UTF-8";

body { background: url(/img/bodyBckgrndSub.jpg) center 2px repeat-x; }


#leftColumn {
	margin: 0;
	padding: 0px;
	width: 316px;
	float: left;
	text-align: left;
	z-index: 900;
}

#contentBody {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 609px;
}

#content { width: 609px; margin: 0; padding: 0; background: none }

#content ul { margin: 10px 0 20px 20px; padding: 0 }
#content li { display: block; margin: 0; padding: 0 0 0 20px; list-style: none; background: url(/img/arrow_red.gif) 0 3px no-repeat }

#bodyText {
	font-size: 12px;
	line-height: 19px;
	margin: 0px auto 20px 25px;
	padding: 0px;
	width: 480px;
	float: none;
	overflow: visible;
}

#bodyText h4 { display: block; margin: 25px auto 7px -10px; padding: 10px; background: url(/img/ttlGradient.jpg) top left no-repeat; font: 14px/17px Tahoma, TradeGothic, "Trebuchet MS", Verdana; color: #004995; font-weight: bold }

#bodyText .photoRight { height: 127px; width: 127px; margin: 0 -45px 15px 15px; padding: 0; float: right }
#bodyText .introText { font: bold 16px/19px Helvetica, Arial, Tahoma, TradeGothic; color: #023979 }

#bodyText table.eventsTable { width: 110% }
#bodyText table.eventsTable td { border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; font-size: 11px }
#bodyText table.eventsTable td.tableHead { background: #023979; color: #fff }

#bodyText #graphicText { margin: 0 0 20px -18px }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#subBanner {
	margin: 0 auto;
	height: 105px;
	width: 925px;
	position: relative;
	background: url(/img/subBnnrBckgrnd.jpg) top left no-repeat;
	z-index: 7;
}

#subBanner .subTitle { position: absolute; top: 30px; left: 75px; width: 500px; height: 40px }

#subBanner h1 {
	display: none;
}

#mainNav ul {
	position: absolute;
	width: 450px;
	top: 40px;
	right: 20px;
}
#mainNav li {
	float: left;
	list-style: none;
	border-right: 1px solid #999;
}
#mainNav a {
	padding: 3px 10px 5px 15px;
	text-decoration: none;
}

#quote {
	width: 243px;
	text-align: left;
	margin: 20px 8px 20px auto;
	padding: 0;
	font: 11pt/12pt	Helvetica, Arial, sans-serif;
	font-weight: bold; color: #636363;
	background: url(/img/quoteOpen.gif) top left no-repeat;

}
#leftColumn #quote p {
	margin: 0px 15px 0 25px;
	padding: 0px;
	font-size: 12px;
	line-height: 17px;
 }
#quote span { display: block; margin: 7px 10px; padding: 0; font: 11px/13px Georgia, "Times New Roman", Times, serif; text-align: right }

#promoBttn { position: relative; height: 55px; width: 243px; margin: 0 8px 0 auto; padding: 0 }
#promoBttn.testimonials { background: url(/img/bttnTestimonials.jpg) top left no-repeat }
#promoBttn.donateSmall { background: url(/img/bttnDonateSmall.jpg) top left no-repeat }

#addressBox { position: relative; height: 162px; width: 243px; margin: 10px 8px 10px auto; padding: 0; background: url(/img/addressBox.jpg) 0 -47px no-repeat }
#addressBox span { position: absolute; top: 20px; left: 50px; margin: 0; padding: 0; font: 11px/14px Helvetica, Arial, sans-serif; color: #fff }

#addressBox a { color: #eef3a3; text-decoration: none }
#addressBox a:hover { text-decoration: underline }

#leftColumn ul {
	width: 243px;
	margin: 10px 8px 20px auto;
	padding: 0px;
	z-index: 100;
}
#leftColumn li {
	font: 13px/15px Arial, Helvetica, sans-serif;
	background: url(/img/leftNavBttmCap.jpg) bottom left no-repeat;
	margin: 0px;
	padding: 0px;
	list-style: none;
	_border-top: 1px solid #fff;
	_border-bottom: 1px solid #fff;
	margin: 0px;
	display: block;
}
#leftColumn li a {
	color: #464646;
	text-decoration: none;
	background: url(/img/leftNavTopCap.jpg) top left no-repeat;
	list-style: none;
	font-weight: bold;
	text-transform: none;
	padding: 10px 20px 10px 36px;
	margin: 0px;
	display: block;
}

#leftColumn li.selected a:hover { background: url(/img/leftNavTopCap_selected.jpg) top left no-repeat; color: #fff }

#leftColumn li.selected { background: url(/img/leftNavBttmCap_selected.jpg) bottom left no-repeat; }
#leftColumn li.selected a { background: url(/img/leftNavTopCap_selected.jpg) top left no-repeat; color: #fff }


#leftColumn ul ul {
	margin: 0px;
	padding: 0 0 10px 0;
}

#leftColumn ul ul li { border-bottom: 0 }

#leftColumn ul ul li a { padding: 3px 10px 3px 40px; font-weight: normal }

#leftColumn li a:hover {
	background: url(/img/leftNavTopCap_over.jpg) top left no-repeat;
	color: #fff;
}

#leftColumn table { margin: 10px 25px; font-size: 11px }
#leftColumn table td { padding: 3px }
.eventDate { font-size: 10px; font-weight: bold }

#mainBody { overflow: visible; z-index: 900 }

#mainBody h1 {
	padding: 0px;
	margin: 0px 0px 15px 0;
}
#mainBody p {
	margin: 0px 0px 15px;
	padding: 0px;
}

#leftColumn h3 {
	margin: 7px 25px;
	padding: 0px;
}

#donateBttn {
	margin: 15px;
	height: 150px;
	border: 1px solid #999999;
	background: #FFFFFF;
}
#breadcrumb {
	display: block;
	font-size: 11px;
	font-weight: bold;
	width: 525px;
	padding: 7px 0;
	border-bottom: 1px solid #ececec;
	margin: -8px 0 15px 25px;
	z-index: 900;
}

#breadcrumb span { margin: 0 5px; padding: 0 }
.current { font-size: 15px; color: #a0410d }

#leftColumn h4 {
	margin: 10px 15px;
	font-size: 14px;
	line-height: 16px;
	color: #999999;
}
