/* Main CSS Document */


/*=============================nav=============================*/
#nav {
	width: 100%;
	height: 48px;
	background: url(../images/bg-nav.gif) repeat-x;
}
#nav ul {
	width: 904px;
	margin: 0 auto;
	padding: 0 0 0 6px
}
#nav li {
	list-style-type: none;
	float: left;
}
#nav li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 12px 0 0 0;
	height: 36px;
	display: block;
}
#nav li a.home {
	width: 90px;
	background: url(../images/bg-nav-divider.gif) no-repeat right top;
}
#nav li a.homeOn {
	width: 90px;
	background: url(../images/bg-nav-home.gif) no-repeat;
}
#nav li a.about {
	width: 116px;
	background: url(../images/bg-nav-divider.gif) no-repeat right top;
}
#nav li a.aboutOn {
	width: 116px;
	background: url(../images/bg-nav-about.gif) no-repeat;
}
#nav li a.links {
	width: 88px;
	background: url(../images/bg-nav-divider.gif) no-repeat right top;
}
#nav li a.linksOn {
	width: 88px;
	background: url(../images/bg-nav-links.gif) no-repeat;
}
#nav li a.events {
	width: 102px;
	background: url(../images/bg-nav-divider.gif) no-repeat right top;
}
#nav li a.eventsOn {
	width: 102px;
	background: url(../images/bg-nav-events.gif) no-repeat;
}
#nav li a.gallery {
	width: 110px;
	background: url(../images/bg-nav-divider.gif) no-repeat right top;
}
#nav li a.galleryOn {
	width: 110px;
	background: url(../images/bg-nav-gallery.gif) no-repeat;
}
#nav li a.donate {
	width: 105px;
	background: url(../images/bg-nav-divider.gif) no-repeat right top;
}
#nav li a.donateOn {
	width: 105px;
	background: url(../images/bg-nav-donate.gif) no-repeat;
}
#nav li a.testimonial {
	width: 149px;
	background: url(../images/bg-nav-divider.gif) no-repeat right top;
}
#nav li a.testimonialOn {
	width: 149px;
	background: url(../images/bg-nav-testimonial.gif) no-repeat;
}
#nav li a.contact {
	width: 136px;
}
#nav li a.contactOn {
	width: 136px;
	background: url(../images/bg-nav-contact.gif) no-repeat;
}


/*=============================content=============================*/
#container {
	width: 916px;
	margin: 36px auto 0 auto;
	background: url(../images/bg-content.gif) repeat-y;
}
#content {
	width: 916px;
	margin: 0 auto;
	background: url(../images/bg-content-top.gif) no-repeat;
}

#testimonial {
	width: 910px;
	height: 312px;
	margin: 0 auto;
}
#testimonial p {
	float: left;
	width: 182px;
	float: left;
	background: url(../images/banner-left.jpg) no-repeat;
	margin: 0;
	padding: 194px 76px 0 22px;
	height: 118px;
	font-size: 11px;
	color: #999999;
}
#testimonial a {
	color: #cc0000;
	text-decoration: none;
	background: url(../images/bullet-red-arrow.gif) no-repeat right center;
	padding: 0 5px 0 0;
}
#testimonial img {
	width: 630px;
	float: right;
}


/*=============================left content=============================*/
.left {
	width: 548px;
	float: left;
	padding: 23px 0 0 17px;
}
.galleryBox {
	width: 548px;
	background: url(../images/bg-gallery-top.gif) no-repeat;
	padding: 20px 0 0 0;
}
.galleryBox h2 {
	width: 300px;
	float: left;
	font-size: 18px;
	color: #333;
	font-weight: normal;
	padding: 0 0 0 4px;
}
.galleryBox ul {
	margin: 0;
	padding: 5px 0 0 0;
}
.galleryBox li {
	width: 137px;
	list-style-type: none;
	float: left;
}
.galleryBox li.last{
	width: 136px;
	list-style-type: none;
	float: left;
}
.link {
	width: 100px;
	text-align: right;
	float: right;
	padding: 0 4px 0 0;
}

.sponsorBox {
	width: 535px;
	float: left;
}
.eventsBox {
	width: 266px;
	float: right;
}


/*=============================right content=============================*/
.right {
	width: 299px;
	float: right;
	padding: 23px 20px 0 32px;
	background: url(../images/bg-right.gif) no-repeat;
}
.right h2 {
	color: #0066cc;
	font-size: 18px;
	background: #fff;
	width: 50%;
	padding: 5px 0 2px 0;
}
.lineTop { 
	background: url(../images/bg-h2-right.gif) no-repeat;
	width: 100%;
	height: 31px;
	margin: 0 0 10px 0;
}
.lineBottom {
	background: url(../images/bg-h2-right-bottom.gif) no-repeat;
	width: 100%;
	height: 31px;
	margin: 0 0 10px 0;
}
.boxLine {
	width: 24%;
	background: #fff;
	padding: 7px 0 0 0;
	display: block;
	text-align: center;
	margin: 0 0 0 10px;
}
.date {
	width: 44px;
	height: 46px;
	background: url(../images/bg-date.gif) no-repeat;
	float: left;
	margin: 0 0 0 20px;
	text-align: center;
	font-size: 14px;
	padding: 2px 0 0 0;
}
.date span {
	color: #fff;
	font-weight: bold;
}
.text {
	width: 200px;
	float: right;
}



/*=============================footer=============================*/
#footer {
	width: 100%;
	height: 116px;
	background: url(../images/bg-footer.gif) repeat-x;
	font-size: 11px;
	color: #999;
}
#footer ul {
	margin: 0 0 10px 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
}
#footer li {
	margin: 0 2px 0 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#footer li a {
	color: #fff;
	text-decoration: none;
}
#footer h3 {
	font-size: 12px;
}
.footerHolder {
	width: 916px;
	margin: 0 auto;
	background: url(../images/bg-footer-holder.gif) no-repeat;
	padding: 40px 0 0 0;
}
.links {
	width: 460px;
	float: left;
}
.copy {
	width: 310px;
	float: right;
}