/* Main CSS Document */


/*=============================containers=============================*/
#container {
	width: 998px;
	margin: 0 auto;
	background: url(../images/bg-shadows.gif) repeat-y;
}


/*=============================containers=============================*/
#header {
	height: 128px;
}
#header h1 {
	height: 128px;
	background: url(../images/joy-ministries2.jpg) no-repeat;
	text-indent: -6000px;
	margin: 0;
	padding: 0;
}


/*=============================nav=============================*/
#nav {
	height: 30px;
	background: url(../images/bg-nav.gif) no-repeat;
}
#nav ul {
	width: 904px;
	margin: 0;
	padding: 0 0 0 31px;
}
#nav li {
	list-style-type: none;
	float: left;
}

#nav a.home {
	width: 81px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-home.gif)
}
#nav a.homeOn {
	width: 81px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-home-on.gif)
}
#nav a.gotGod {
	width: 76px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-got-God.gif)
}
#nav a.gotGodOn {
	width: 76px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-got-God-on.gif)
}
#nav a.outreach {
	width: 75px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-outreach.gif)
}
#nav a.outreachOn {
	width: 75px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-outreach-on.gif)
}
#nav a.tv {
	width: 88px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-tv.gif)
}
#nav a.tvOn {
	width: 88px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-tv-on.gif)
}
#nav a.estore {
	width: 68px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-estore.gif)
}
#nav a.estoreOn {
	width: 68px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-estore-on.gif)
}
#nav a.partnerus {
	width: 102px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-partner.gif)
}
#nav a.partnerusOn {
	width: 102px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-partner-on.gif)
}
#nav a.donate {
	width: 89px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-donate3.gif)
}
#nav a.donateOn {
	width: 89px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-donate3.gif)
}
#nav a.sched {
	width: 83px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-sched.gif)
}
#nav a.schedOn {
	width: 83px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-sched-on.gif)
}
#nav a.about {
	width: 75px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-about.gif)
}
#nav a.aboutOn {
	width: 75px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-about-on.gif)
}
#nav a.media {
	width: 92px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-media.gif)
}
#nav a.mediaOn {
	width: 92px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-media-on.gif)
}
#nav a.events {
	width: 68px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-events.gif)
}
#nav a.eventsOn {
	width: 68px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-eventsOn.png)
}


/*=============================content=============================*/
#bgTop {
	width: 967px;
	background: url(../images/bg-content.gif) no-repeat;
	padding: 0 0 0 31px;
}
#content {
	width: 920px;
	background: url(../images/bg-content-gray.gif) no-repeat #c8c8c8;
	padding: 0 9px 0 10px;
	color: #333;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
}
#contentBottom {
	height: 15px;
	width: 939px;
	background: url(../images/bg-content-gray-bottom.gif) no-repeat;
}


/*=============================search=============================*/
#search {
	height: 51px;
	background: url(../images/bg-search.gif) no-repeat;
}
.searchForm {
	float: left;
	width: 300px;
}
.newsletter {
	float: right;
	width: 351px;
}
input.searchField {
	width: 143px;
	height: 18px;
	border: 0;
	background: url(../images/bg-search-field.gif) no-repeat;
	margin: 17px 14px 0 40px;
	float: left;
}
.btn {
	margin: 15px 0 0 0;
	float: left;
}


/*=============================middle=============================*/
#middle {
	width: 920px;
	margin: 0 0 9px 0;
}
.announcements {
	width: 620px;
	float: left;
}
.products {
	width: 295px;
	float: right;
}
.products ul {
	margin: 0;
	padding: 0;
}
.products li {
	margin: 0 0 4px 0;
	padding: 7px;
	list-style-type: none;
	background: #c4c4c4;
	font-size: 10px;
	line-height: 12px;
}
.products li.last {
	margin: 0;
	padding: 7px;
}
.products li img {
	float: left;
	padding: 0 10px 0 0;
}
.products a {
	color: #c6015f;
	text-decoration: none;
}
.products p {
	padding: 0 0 5px 0;
}


/*=============================breadcrumb=============================*/
#breadcrumb {
	height: 22px;
	background: url(../images/bg-crumb.gif) no-repeat;
	font-size: 11px;
	margin: 0 0 23px 0;
}
#breadcrumb a {
	color: #4d4d4d;
	text-decoration: none;
}
.trail {
	width: 520px;
	float: left;
	background: url(../images/bg-icon-home.gif) no-repeat;
	padding: 4px 0 0 26px;
}
.trail a {
	float: left;
}
ul.links {
	margin: 0;
	padding: 0;
	width: 345px;
	float: right;
	font-weight: normal;
}
ul.links li {
	list-style-type: none;
	background: url(../images/nav-divider.gif) no-repeat right top;
	display: block;
	padding: 4px 10px 0 0;
	float: left;
}
ul.links li.last {
	background: none;
}


/*=============================left content=============================*/
.left {
/*	width: 470px; */
	width: 512px; 
	float: left;
	margin: 0 50px 15px 0;
}


/*=============================right content=============================*/
.right {
	width: 340px;
	float: left;
	background: #c4c4c4;
	padding: 7px;
	margin: 0 0 15px 0;
}


/*=============================bottom=============================*/
#bottom {
	height: 142px;
	background: url(../images/bg-bottom.gif) no-repeat;
	color:#1d1f22;
}
#bottom h3 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.message {
	width: 260px;
	height: 126px;
	padding: 16px 64px 0 10px;
	float: left;
	font-size: 12px;
	font-weight: normal;
}
.partner {
	width: 270px;
	float: left;
	padding: 16px 34px 0 0;
	font-size: 12px;
	font-weight: normal;
}
.contact {
	width: 272px;
	float: left;
	padding: 16px 10px 0 0;
	font-size: 12px;	
	font-weight: normal;
}


/*=============================footer=============================*/
#footer {
	width: 958px;
	height: 43px;
	background: url(../images/bg-footer.gif) no-repeat;
	font-size: 10px;
	color: #fafafa;
	margin: 0 auto;
	padding: 12px 0 0 40px;
}
#container #bgTop #content table {
	text-align: left;
}
#container #bgTop #content table {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#container #bgTop #content table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td p {
	text-align: center;
}
#container #bgTop #content div {
	text-align: center;
}
#container #bgTop #content table tr td table tr td div table {
	text-align: center;
}
#container #bgTop #content table tr td table tr td div table {
	text-align: center;
}
#container #bgTop #content table tr td p {
	text-align: left;
}
#container #bgTop #content table tbody tr td p {
	text-align: left;
}
#container #bgTop #content table tr td .style2 .style21 {
	text-align: left;

}
#container #bgTop #content table tr td .style2 .style211 strong {
	text-align: left;
}
#container #bgTop #content table tr td .style2 br {
	color: #EEE;
}
#container #bgTop #content table tr td {
	text-align: center;
	font-weight: bold;

}
#container #bgTop #content table tr td strong {

}
#container #bgTop #content table tr td strong {
	font-weight: bold;



}
#container #bgTop #content table tr td strong em center p {
	text-align: center;
}
#container #bgTop #content table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td div table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td div table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td strong em center p {
	text-align: center;
}
#container #bgTop #content table tr td div table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td div table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td div table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td div table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td div table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td div table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td p strong {
	text-align: center;
}
#container #bgTop #content table tr td p strong {
	text-align: center;
}
#container #bgTop #content table tr td p strong {
	text-align: center;
}
#container #bgTop #content table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td p strong {
	text-align: center;
	font-weight: bold;

}
#container #bgTop #content table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td p {
	text-align: left;
}
#container #bgTop #content table tr td strong em center p {
	text-align: center;
}
#container #bgTop #content table tr td p {
	text-align: center;
	font-weight: normal;
}
#container #bgTop #content .left h2 {
	text-align: left;
}
#container #bgTop #content .left h2 {
	text-align: left;
}
#container #bgTop #content table tr td strong em center p {
	text-align: justify;
}
#container #bgTop #content table tr td strong em center p {
	text-align: right;
}
#container #bgTop #content table tr td strong em center p {
	text-align: center;
}
#container #bgTop #content table tr td strong em center p {
	text-align: left;
}
#container #bgTop #content table tr td strong em center p {
	text-align: center;
	font-weight: bold;
}
#container #bgTop #content p center table tr td table tr td {
	text-align: center;
}
#container #bgTop #content table tr td p {
	text-align: right;
}
#container #bgTop #content table tr td p {
	text-align: center;
}
#container #bgTop #content table tr td p a {
	font-weight: bold;
}
#container #bgTop #content table tr td div table {
	text-align: center;
}
#container #bgTop #content table tr td div table {
	text-align: center;
}
#container #bgTop #content table tr td div table {
	text-align: center;
}
#container #bgTop #content table tr td p center {
	font-weight: bold;
}
#container #bgTop #content p center em strong a {
	font-weight: normal;
}
#container #bgTop #content p img {
	text-align: center;

}
#container #bgTop #content table tr td center p #WCRegistration {
	font-weight: bold;
}
#container #bgTop #content table tr td span {
	text-align: left;
}
#container #bgTop #content table {
	font-weight: normal;
}
#container #bgTop #content table tr .Interviewinfo em {
	font-weight: bold;
}
#container #bgTop #content table {
	text-align: center;
}

