@import url(mainimage.css); 
 
body 
	{ 
	font-family:arial; 
	font-size:13px; 
	} 
 
#container 
	{ 
	height:40px; 
	width:40px; 
	background-color:white; 
	position:absolute; 
	top:0px; 
	left:50%; 
	} 
 
#page 
	{ 
	min-height:600px; 
	width:749px; 
	background-color:white; 
	position:absolute; 
	top:100px; 
	left:-375px; 
	} 
 
	#navframe 
		{ 
		margin-top:122px; 
		height:327px; 
		width:159px; 
		background-color:white; 
		float:left;
		} 
 
	/*========== the nav bar is a child of navframe ===================*/ 
 
	#center 
		{ 
		min-height:600px; 
		width:492px; 
		background-color:white; 
		background-image:url('graphics/copyBack.jpg'); 
		background-repeat:repeat-y; 
		float:left; 
		} 
 
		#headGraphic 
			{ 
			text-indent:-9000px;
			margin:0px;
			padding:0px;
			height:262px; 
			width:492px; 
			background-repeat:no-repeat; 
		} 
		 
		#copyholder 
			{ 
			min-height:400px; 
			width:492px; 
			background-color:white; 
			background-image:url('graphics/copyBack.jpg'); 
			background-repeat:repeat-y; 
			} 
 
		 	#copy 
				{ 
				width:375px; 
				margin-left:40px; 
				text-align:justify; 
				} 
 
					.para 
						{ 
						text-indent:-9000px;
						margin-top:40px; 
						margin-bottom:20px; 
						height:47px; 
						width:300px; 
						background-repeat:no-repeat; 
						} 
					.expand:hover			/* the .expand class provides the little plus sign beside the sermon titles on the download page */
						{			/* each sermon title has two classes: .expand and .p1 */
						cursor:pointer;	
						}

					.expand
						{
						padding-left:15px;
						background-image:url('graphics/expand.gif');
						background-repeat:no-repeat;
						background-position:left center;
						}
 
					.p1 
						{ 
						font-size:17px; 
						font-weight:bold; 
						color:#e39f3f; 
						} 
 
					.hometext 
						{ 
						width:340px;		/* this width is specified for the sake of the download page */ 
						margin-left:35px; 
						color:#ac7748; 
						text-align:justify; 
						} 
 
					#expander 
						{ 
						width:20px;		/* this div is used to keep the page from shrinking below a set height in IE. */ 
						height:260px;		/* IE doesn't properly recognize the "min-height" property */ 
						background-color:white; 
						} 
 
		#footer 
			{ 
			height:47px; 
			width:492px; 
			padding-bottom:30px;
			background: url('graphics/footer.jpg') no-repeat white; 
			} 
 
	#rightpanel 
		{ 
		height:600px; 
		width:98px; 
		background-color:white; 
		float:left; 
		} 
 
		#picture a 
			{ 
			position:absolute; 
			top:350px; 
			left:573px; 
			height:203px; 
			width:193px; 
			background-image:url('graphics/us2.jpg'); 
			background-repeat:no-repeat; 
			} 
/* ================================= for the books =================================== */ 
.title	{ 
	color:#e39f3f; 
	font-size:15px; 
	font-weight:bold; 
	} 
 
	.author	{ 
		color:#e39f3f; 
		font-size:13px; 
		font-weight:bold; 
		} 
 
.thecolor 
	{ 
	color:#ac7748; 
	} 
 
#main 
	{ 
	text-align:justify; 
	background-color:white; 
	height:500px; 
	width:375px; 
	} 
 
#gray 
	{ 
	float:left; 
	width:160px; 
	height:320px; 
	background-color:white; 
	background-image:url('graphics/graybook.jpg'); 
	background-repeat:no-repeat; 
	} 
 
#red 
	{ 
	float:left; 
	width:160px; 
	height:320px; 
	background-color:white; 
	background-image:url('graphics/red.jpg'); 
	background-repeat:no-repeat; 
	} 
 
/*=============== text links ==============*/ 
 
a.link1 
	{ 
	color:#ac7748; 
	text-decoration:none; 
	font-weight:bold; 
	} 
 
a.link1:hover 
	{ 
	color:#e39f3f; 
	text-decoration:none; 
	font-weight:bold; 
	} 
 
a.downloadlink 
	{ 
	color:#ac7748; 
	text-decoration:underline; 
	} 
 
a.downloadlink:hover 
	{ 
	color:#e39f3f; 
	text-decoration:none; 
	} 
 
	 
/*=============== nav bar =================*/

#navframe a
	{
	text-indent:-9000px;
	outline:none;
	}
 
#home a 
	{ 
	position:absolute; 
	top:122px; 
	height:47px; 
	width:159px; 
	background-color:white; 
	background-image:url('graphics/home.jpg'); 
	} 
 
#home a:hover 
	{ 
	background-image:url('graphics/homeOver.jpg'); 
	} 
 
#itinerary a 
	{ 
	position:absolute; 
	top:169px; 
	height:46px; 
	width:159px; 
	background-color:white; 
	background-image:url('graphics/itinerary.jpg'); 
	} 
 
#itinerary a:hover 
	{ 
	background-image:url('graphics/itineraryOver.jpg'); 
	} 
 
#download a 
	{ 
	position:absolute; 
	top:215px; 
	height:46px; 
	width:159px; 
	background-color:white; 
	background-image:url('graphics/download.jpg'); 
	} 
 
#download a:hover 
	{ 
	background-image:url('graphics/downloadOver.jpg'); 
	} 
 
#newsletter a 
	{ 
	position:absolute; 
	top:261px; 
	height:46px; 
	width:159px; 
	background-color:white; 
	background-image:url('graphics/newsletter.jpg'); 
	} 
 
#newsletter a:hover 
	{ 
	background-image:url('graphics/newsletterOver.jpg'); 
	} 
 
#contact a 
	{ 
	position:absolute; 
	top:307px; 
	height:46px; 
	width:159px; 
	background-color:white; 
	background-image:url('graphics/contact.jpg'); 
	} 
 
#contact a:hover 
	{ 
	background-image:url('graphics/contactOver.jpg'); 
	} 
 
#books a 
	{ 
	position:absolute; 
	top:353px; 
	height:46px; 
	width:159px; 
	background-color:white; 
	background-image:url('graphics/books.jpg'); 
	} 
 
#books a:hover 
	{
	background-image:url('graphics/booksOver.jpg'); 
	} 
 
#links a 
	{ 
	position:absolute; 
	top:399px; 
	height:50px; 
	width:159px; 
	background-color:white; 
	background-image:url('graphics/links.jpg'); 
	} 
 
#links a:hover 
	{ 
	background-image:url('graphics/linksOver.jpg'); 
	} 
 
/*================== end nav ============================*/


/* hide hides the offline statcounter image box */

	.hide	{
		visibility:hidden;
		}