body {	color: black;

	background: url(images/wrapperbackground.gif) repeat-y center top;
	
	margin:0;
	padding:0;
	}

body, p {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 95%;}
body, ul {font-family:arial, Verdana, sans-serif; background-color: white; font-size: 85%;}

/*  FIXED WIDTH WRAPPER TO ENCLOSE THE DESIGN  */

#wrapper 	{
		width:750px;
		margin: 0 auto;
		}

/*  LAYOUT INSTRUCTIONS  */


#indexleftsidebar {
		width:150px;
		float:left;
		padding:0px 5px 5px 0px;
		
		}

#leftsidebar 	{
	margin-top: 5px;
	width: 150px;
	float: left;
	
}



#rightsidebar 	{
		width:150px;
		float:right;
		padding:0px 0px 5px 5px;

		}

#homemaintext	{
	width: 415px;
	float: left;
	padding: 0px 10px 0px 10px;
	border-right: 2px solid gray;
	border-left: 2px solid gray;
	margin-bottom: 5px;
	min-height:775px;
}


#maintext	{
		width:580px;
		min-height:450px;
		float:left;
		padding:5px 10px 0px 10px;
		margin-top:10px;
		margin-bottom:25px;
		}



#diaryleftsidebar {
		width:225px;
		float:left;
		padding:5px;
		}



#diaryrightsidebar {
		width:225px;
		float:right;
		padding:5px;
		}

#diarymaintext	{
		width:260px;
		float:left;
		padding:0px 10px 10px 10px;
		background-color: #9cd0f7;
		margin-bottom:25px;
		}

#footer a 	{color: gray;
		text-align:center;
		font-size: 75%;
		font-family:Verdana, arial, sans-serif;
		text-decoration:none;
		}


#footer		{
	width: 750px;
	clear: both;
	text-align: center;
	margin-bottom: 500px;
	
}

/*  NAVIGATION  */

#nav 	{
	background-image: url(images/bannerbackground.gif);
	width:750px;
	height:115px;
	margin: 0 auto;
	margin-top:2px;
	}
#subnav 	{
	
	width:750px;
	
	margin: 0 auto;
	margin-top:2px;
	
	}

#nav h1 {font: bold 30px arial, Verdana, sans-serif; color:navy; padding:10px 10px 0px 10px;}


ul.topnav {width:750px;
	background-color: transparent;
	position:absolute;
	top:85px;
	list-style:none;
	margin-left:0;	
	padding-left:0;
	float:left;
	}



ul.topnav li {
	float:left;
	}

ul.topnav a {
	
	display:block;
	margin-left: 10px;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color: #000253;	
	}

ul.topnav a:hover {
	color: #E71800;
}

ul.subnav {
	position: absolute;
	top: 117px;
	width: 750px;
	background-color: transparent;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	float: left;
	font-size: 9px;
	font-weight: bold;
	border-bottom: 3px groove;
	border-color: #A5D6FF;
}

ul.subnav li {
	float:left;
	}

ul.subnav a {
	display: block;
	padding-left: 3px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 12px;
	color: #000253;
	border-top: 1px solid #B0C4DE;
	border-right: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
}

ul.subnav a:hover {
		
		background-color: ActiveBorder;
		}
		
		
.urheresubnav{
	display: block;
	padding-left: 3px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 12px;
	color: #000253;
	border-top: 1px solid #B0C4DE;
	border-right: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
	background-color: ActiveBorder;
}

		
.urheretopnav {
	margin-left: 10px;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	color: #E71800;
}


ul.sidenav {width:128px;
	background-color: #9cd0f7;
	list-style:none;
	margin-left:0;	
	padding-left:0;
	float:left;
	}



ul.sidenav li {
	float:left;
	}

ul.sidenav a {
	
	width:128px;
	display:block;
	border-left: 2px solid #000253;
	border-bottom: 1px solid #000253;
	padding: 5px;
	color:white;
	background-color: #9cd0f7;
	text-decoration: none;
	font-weight:bold;
	color: #000253;	
	}

ul.sidenav a:hover {background-color: #000253;
		color:white;
		border-left: 2px solid #000253;}

.urheretopnav {
	margin-left: 10px;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	color: #E71800;
}


.urheresidenav {background-color: #4246ef;
		width:128px;
		border-left: 2px solid #000253;
		padding: 5px;
		color:white;
		margin-left:0;
		text-decoration: none;
		font-weight:bold;
		border-left: 2px solid #000253;}
		
		
		ul.subnavnarrow {
	position: absolute;
	top: 117px;
	width: 580px;
	background-color: transparent;
	list-style: none;
	margin-left: 160px;
	padding-left: 0;
	float: left;
	font-size: 9px;
	font-weight: bold;
	border-bottom: 3px groove;
	border-color: #A5D6FF;
}

ul.subnavnarrow li {
	float:left;
	}

ul.subnavnarrow a {
	display: block;
	padding-left: 3px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 12px;
	color: #000253;
	border-top: 1px solid #B0C4DE;
	border-right: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
}

ul.subnavnarrow a:hover {
		
		background-color: ActiveBorder;
		}
		
		
.urheresubnavnarrow{
	display: block;
	padding-left: 3px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 12px;
	color: #000253;
	border-top: 1px solid #B0C4DE;
	border-right: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
	background-color: ActiveBorder;
}

		
.sidetext {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 80%; color:gray;}
.sidetextitalic {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 80%; color:blue; font-style: italic;}
.indexsidetext {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 80%; }
.listen {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 100%; color:blue; font-weight:bold;}
.listenreal {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 100%; color:#ff74b2; font-weight:bold;}
.listenmp3 {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 100%; color:#7479ff; font-weight:bold;}
.heading {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 140%; color:navy; font-weight:bold;}
.bibleheading {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 120%; color:white; font-weight:bold;}
.listenheading {font-family: arial, Verdana, sans-serif; background-color: transparent; font-size: 120%; color:navy; font-weight:bold;}
.quote{padding-left: 40px;
	padding-right: 40px;
	}
}

.bibletext { line-height: 1.4em; } 
.bibletext sup { line-height: 0; }
.bibletext { font-weight:bold; }
.teartext { font-weight:bold; color:#e3ae20;}



.box 	{
	background-color: #F4F5F7;
	padding: 5px;
	border: 3px groove #A5D6FF;
	font-size: 85%;
	color: navy;
}

.led	{
	background-image: url(images/led-home.gif);
	background-repeat:no-repeat;
	background-color:black;
	padding: 85px 5px 5px 5px;
	font-size: 85%;
	color: white;}

.bible 	{
	background-image: url(images/bible.gif);
	background-repeat:no-repeat;
	background-color:#335391;
	padding: 105px 5px 5px 5px;
	font-size: 85%;
	color: white;
}

.tearfund 	{
	background-image: url(images/tearfund.gif);
	background-repeat:no-repeat;
	background-color:#2d4f59;
	padding: 140px 5px 25px 5px;
	font-size: 85%;
	color: white;
}


.listen-again 	{
	background-image: url(images/listen-again.gif);
	background-repeat:no-repeat;
	padding: 35px 5px 5px 5px;
	font-size: 85%;
	color: navy;
}



.figureright	{
		float:right; 
		width:300px;
		margin-left:15px; 
		margin-bottom:15px; 
		margin-top:15px;
		}

.figureleft	{
		float:left; 
		width:300px;
		margin-right:15px; 
		margin-bottom:15px; 
		margin-top:15px;
		}




#text h1 {font: bold 22px arial, Verdana, sans-serif; color:white}
#text p {color:white;}

br.clear {clear:both;}
br.clearright {clear:right;}

.imageright{float:right; margin-left:15px;margin-bottom:15px;margin-top:15px;}
.imageleft{float:left; margin-right:15px; margin-bottom:15px; margin-top:15px;}
.sml-imageleft{float:left; margin-right:5px; margin-bottom:5px;}
.sml-imageright{float:right; margin-left:5px;margin-bottom:5px;}

	

h1 {font: bold 22px arial, Verdana, sans-serif; color:navy}
h2 {font: 18px arial, Verdana, sans-serif; color:navy}
h3 {font: bold 14px arial, Verdana, sans-serif; color:navy}