/* --- LAYOUT --- */

#content {
	width:944px;
	margin:0px auto;
	padding-top:11px;
	text-align:center;
	background-image: url(images/footer.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
/* --- END LAYOUT --- */



/* --- NAVIGATION --- */

#nav .about {
	width:86px;
	height:30px;
	background:url(images/nav/about.png) no-repeat;
}
#nav a:hover .about {
	background:url(images/nav/about_mo.png) no-repeat;
}
#nav .tdc {
	width:134px;
	height:30px;
	background:url(images/nav/tdc.png) no-repeat;
}
#nav a:hover .tdc {
	background:url(images/nav/tdc_mo.png) no-repeat;
}
#nav .programs {
	width:117px;
	height:30px;
	background:url(images/nav/programs.png) no-repeat;
}
#nav a:hover .programs {
	background:url(images/nav/programs_mo.png) no-repeat;
}
#nav .events {
	width:96px;
	height:30px;
	background:url(images/nav/events.png) no-repeat;
}
#nav a:hover .events {
	background:url(images/nav/events_mo.png) no-repeat;
}
#nav .involved {
	width:100px;
	height:30px;
	background:url(images/nav/involved.png) no-repeat;
}
#nav a:hover .involved {
	background:url(images/nav/involved_mo.png) no-repeat;
}
#nav .testimonies {
	width:99px;
	height:30px;
	background:url(images/nav/testimonies.png) no-repeat;
}
#nav a:hover .testimonies {
	background:url(images/nav/testimonies_mo.png) no-repeat;
}
#nav .donations {
	width:87px;
	height:30px;
	background:url(images/nav/donations.png) no-repeat;
}
#nav a:hover .donations {
	background:url(images/nav/donations_mo.png) no-repeat;
}
#nav .blog {
	width:48px;
	height:30px;
	background:url(images/nav/blog.png) no-repeat;
}
#nav a:hover .blog {
	background:url(images/nav/blog_mo.png) no-repeat;
}
#nav .contact {
	width:68px;
	height:30px;
	background:url(images/nav/contact.png) no-repeat;
}
#nav a:hover .contact {
	background:url(images/nav/contact_mo.png) no-repeat;
}

#nav_menu div.ie {
	background-image: url(images/navsubbg.png);
}

/* --- END NAVIGATION --- */
/* --- HOMEPAGE --- */

#content .left {
	float:left;
	width:259px;
	height:211px;
	margin-left:45px;
	background:url(images/left.jpg) no-repeat;
}
#content .center {
	float:left;
	width:312px;
	height:211px;
	background:url(images/center.jpg) no-repeat;
	margin-left:11px;
}
#content .right {
	float:left;
	width:259px;
	height:211px;
	margin-right:46px;
	background:url(images/right.jpg) no-repeat;
	margin-left:10px;
}
/* --- END HOMEPAGE --- */



/* --- ABOUT UYI --- */

#content .ableft {
	float:left;
	width:272px;
	height:148px;
	margin-left:45px;
	background:url(images/ourstory.jpg) no-repeat;
}
#content .abcenter {
	float:left;
	width:284px;
	height:148px;
	background:url(images/ourvision.jpg) no-repeat;
	margin-left:11px;
}
#content .abright {
	float:right;
	width:272px;
	height:148px;
	margin-right:46px;
	background:url(images/ourstaff.jpg) no-repeat;
}

.director {
	width:264px;
	margin-left:7px;
	margin-right:8px;
	float:left;
	color:#000000;
	background:url(images/about_box.jpg) no-repeat;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:20px;
	line-height:18px;
}

/* --- END ABOUT UYI --- */



/* --- CPAC --- */

.rt {
	margin-left:10px;
}
.lf {
	margin-right:10px;
}
#content .cpleft {
	float:left;
	width:572px;
	margin-left:45px;
}
#content .cpright {
	float:right;
	width:273px;
	margin-right:46px;
}

/* --- END CPAC --- */



/* --- DREAMCENTER --- */

#content .dleft {
	float:left;
	width:272px;
	height:218px;
	margin-left:45px;
	background:url(images/dleft.jpg) no-repeat;
}
#content .dcenter {
	float:left;
	width:284px;
	height:218px;
	background:url(images/dcenter.jpg) no-repeat;
	margin-left:13px;
}
#content .dright {
	float:left;
	width:272px;
	height:218px;
	margin-right:46px;
	background:url(images/dright.jpg) no-repeat;
	margin-left:12px;
}
/* --- END DREAMCENTER --- */



/* --- GET INVOLVED --- */

#content .gileft {
	float:left;
	width:272px;
	height:128px;
	margin-left:45px;
	background:url(images/gileft.jpg) no-repeat;
}
#content .gicenter {
	float:left;
	width:284px;
	height: 128px;
	background:url(images/gicenter.jpg) no-repeat;
	margin-left:11px;
}
#content .giright {
	float:right;
	width:273px; /*height:268px;*/
	margin-right:46px;
}
/* --- END GET INVOLVED --- */



/* --- OUR PROGRAMS --- */

.program_content {
	display:inline;
	float:left;
	width:670px;
}
.opnav {
	display:inline;
	float:left;
	width:163px;
	height:233px;
	margin-left:10px;
	padding-left:10px;
	padding-top:5px;
	background:url(images/opnav.jpg) no-repeat;
}
.opnav h2 {
	color:#5b8a26;
	font-size:14px;
	font-weight:bold;
	display:inline;
}
.opnav ul {
/*	display:inline;*/
	margin: 0px;
	padding: 0px;
}
.opnav li {
	list-style:none;
	margin-left:15px;
	line-height:22px;
}
.opnav li a {
	color:#000000;
	text-decoration:none;
}
.opnav li a:hover {
	color:#793300;
}
.opnav li:hover {
	list-style-image:url(images/orangearrow.jpg);
	color:#793300;
}
/* --- END OUR PROGRAMS --- */



/* --- OUR STAFF --- */

.staff {
	width:268px;
	margin-left:10px;
	margin-right:6px;
	float:left;
	color:#000000;
}
.staff .name {
	font-size:14px;
	font-weight:bold;
}
.staff img {
	margin-top:5px;
}
.staff .info {
	background:url(images/staff_box.jpg) no-repeat;
	margin-top:5px;
	padding:5px;
	width:268px;
	height:75px;
	line-height:20px;
}
.info .title {
	font-weight:bold;
}
.info a {
	color:#883708;
	text-decoration:none;
}
.staff .info2 {
	background:url(images/staff_box2.jpg) no-repeat;
	margin-top:5px;
	padding:5px;
	width:268px;
	height:75px;
	line-height:20px;
}
.info2 .title {
	font-weight:bold;
}
.info2 a {
	color:#883708;
	text-decoration:none;
}
/* --- END OUR STAFF --- */



/* --- ABOUT UYI --- */

#content .absubleft {
	float:left;
	margin-left:45px;
}
#content .absubright {
	float:right;
	margin-right:46px;
}

/* --- END ABOUT UYI --- */