/* 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-donate.gif)
}
#nav a.donateOn {
	width: 89px;
	height: 30px;
	display: block;
	text-indent: -6000px;
	background: url(../images/nav-donate-on.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;
}
#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;
}
ul.links {
	margin: 0;
	padding: 0;
	width: 345px;
	float: right;
}
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;
	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;
}
.partner {
	width: 270px;
	float: left;
	padding: 16px 34px 0 0;
	font-size: 12px;
}
.contact {
	width: 272px;
	float: left;
	padding: 16px 10px 0 0;
	font-size: 12px;	
}


/*=============================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;
}