<!--

/***** GENERAL STUFF *************/

body					{	/* background-image:url(/images/main/bggradient.gif); */
							overflow:auto;
							background-repeat:repeat-x;
							margin: 0px;
							padding: 0px;
							text-align: center;			/* for IE 5.5 */
							color: #FF00FF; /* test for anything not in paragraphs */
						}
p						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: normal;
							color: black;
							margin: 0px;
						}
pre						{	font-family: "Courier New", Courier, monospace;
							font-size: 10pt;
							color: black;
							margin: 0px;
						}
						
li						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: normal;
							color: black;
							margin: 0px;
						}						
p.error					{	font-size: 8pt;
							color: #991133;
							vertical-align: top;
						}
p.big					{	font-size: 14pt;
						}
p.small					{	font-size: 8pt;
							position:relative;
							top: -2px;
						}
p.fun					{	font-family: 'Comic Sans MS', Verdana,  cursive;
							font-size: 12pt;
							font-weight: normal;
						}
					
p.bigfun				{	font-family: 'Comic Sans MS', Verdana,  cursive;
							font-size: 14pt;
							font-weight: normal;
						}
.bible					{	color: #991133;	
							font-size: 9pt;
						}		
h1						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 18pt;
							font-weight: normal;
							color: #991133;
							margin-top: 20px;
							margin-bottom: 12px;
							padding: 0px;
							line-height: normal;
						}
h2						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 14pt;
							font-weight: normal;
							color: #111188;
							margin-top: 0px;
							margin-bottom: 0px;
							padding: 0px;
							line-height: normal; 
						}
h3						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 12pt;
							font-weight: bold;
							color: #991133;
							margin-top: 10px;
							margin-bottom: 0px;
							padding: 0px;
							line-height: normal; 
						}
h4						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: bold;
							color: #111188; 
							margin-top: 5px;
							margin-bottom: 0px;
							padding: 0px;
							line-height: normal; 
						}
ul						{	margin-top: 5px; 
							list-style-type:disc;
						}
ol						{	margin-top: 5px; 
							list-style-type: decimal;
						}
li						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: normal;
							color: black;
						}

blockquote				{	font-family: Arial, Helvetica, sans-serif;
							font-size: 11pt;
							font-weight: normal;
							color: #991133;
							margin: 10px 0px 10px 20px;
							line-height: normal; 
						}
div.right				{	float:right; margin-left:15px;				}
div.left				{	float:left; margin-right:15px; 				}
div.center				{	text-align:center;							}
div.bottom				{	position:absolute; bottom:10px;	 			}
p.center				{	text-align: center; 						}
p.left					{	text-align: left; 							}
p.right					{	text-align: right;							}
.indent					{	margin-left:22px;							}
.indent2				{ 	margin-left:50px;							}
.indent3				{ 	margin-left:100px;							}
.indent4				{	margin-left:150px;							}
.indent5				{	margin-left:200px;							}
.link					{	cursor: pointer; 							}
.config					{	font-family:'Courier New', Courier, mono;	}
.border1				{	border: 1px solid #111188; margin:1px;		}
.border2				{	border: 2px solid #111188; margin:1px;		}



/* ***********************  LINKS & BUTTONS  *********************** */

a						{	text-decoration: underline;
							color: #111188;
						}
a:hover					{	text-decoration:underline;
							color: #991133;
						}
a.button				{	text-decoration:none;
							cursor: pointer;
						}
a.button:hover			{	text-decoration:none;
							cursor: pointer;
						}

/* ***************************  IMAGES  ******************************* */

img						{	border: none;
							margin: 0px;
						}
img.right 				{	clear: none;
							float: right;
							margin-left: 10px;
							margin-right: 0px;
							margin-top: 5px;
							margin-bottom: 5px;
						}
img.left 				{	clear: none;
							float: left;
							margin-left: 0px;
							margin-right: 10px;
							margin-top: 5px;
							margin-bottom: 5px;
						}
img.middle				{
							vertical-align: middle;
						}

/* ************************   VIDEOS   ************************** */


object					{	border: none;
							margin: 0px;
						}
object.right 			{	clear: none;
							float: right;
							margin-left: 10px;
							margin-right: 0px;
							margin-top: 5px;
							margin-bottom: 5px;
						}
object.left 			{	clear: none;
							float: left;
							margin-left: 0px;
							margin-right: 10px;
							margin-top: 5px;
							margin-bottom: 5px;
						}


/* ************************   TABLES   ************************** */

td						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: normal;
							color: black;
						}
th						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: bold;
							color: black;
						}

table.info				{ 	margin: 0px 0px 5px 0px;		
							padding: 0px;
							border: 0px;
						}
table.info td			{	padding: 0px 0px 2px 20px;
						}
table.info th			{	padding: 0px 0px 2px 20px;
							color: #111188; 
							vertical-align: top;
						}
table.info th a			{	color: #111188;
						}
table.form				{	margin: 5px 0px 5px 0px;
						}
table.form td			{	margin: 0px;
							padding: 0px;
							text-align: left;
							vertical-align: top;
						}
table.form th			{	margin: 0px;
							padding: 1px 5px 0px 0px;		
							color: #111188; 
							text-align: right;
							vertical-align: top;
						}
td.config				{	font-family:"Courier New", Courier, mono;
						}
						
table.sermons			{	margin: 5px 0px 10px 0px;
							border: 1px solid #111188;
							width: 95%
						}						
table.sermons th		{	font-family: Arial, Helvetica, sans-serif;
							font-size: 9pt;
							font-weight: bold;
							background-color:#111188;
							padding: 2px 8px 2px 8px;
							border-style: solid;
							border-color: #DDDDDD;
							/*border-width: 0px 1px 0px 1px; */
							border: 0px;
							color: white;
						}
table.sermons td		{	font-family: Arial, Helvetica, sans-serif;
							font-size: 8pt;
							background-color:white;
							padding: 0px 8px 0px 8px;
							border: 1px solid #DDDDDD;
							text-align: left;
						}
table.sermons td big	{	font-size: 9pt;
						}

table.sermons td img	{	vertical-align: middle;
						}

						
/* **********************   COLUMNS  ********************** */

div.col2L				{	float:left;
							width: 48%; 
						}
div.col2R				{	float:right;
							width: 48%; 
						}
div.col3L				{	float:left;
							width:30%;
							padding: 1px; 
						}
div.col23L				{	float:left;
							width:65%;
						}
div.col3M				{	margin-left: 34% !important;
							margin-right: 34% !important;
							_margin-left: 34%;			/* hack for IE 6 */
							_margin-right: 30%;			/* hack for IE 6 */
							margin-left: /**/:25%;		/* hack for IE 5.5 */
							margin-right /**/:34%;		/* hack for IE 5.5 */
							padding: 1px; 			
						}
div.col3R				{	float:right;
							width:30%;
							padding: 1px; 
						}
div.bluelist100			{	/* full width, 175px high */
							height:175px; 
							width: 90%;
							overflow:auto;
							padding:4px;
							border:1px solid #111188;
							text-align: left;
						}
div.bluelist50			{	/* 50% width, 175px high */
							height:175px; 
							width: 48%;
							overflow:auto;
							padding:4px;
							border:1px solid #111188;
							text-align: left;
						}
div.bluelist33			{	/* 33% width, 175px high */
							height:175px; 
							width: 30%;
							overflow:auto;
							padding:4px;
							border:1px solid #111188;
							text-align: left;
						}
						
/* ************************** LOZENGES ***************************** */						
						
						
div.lozcontent p		{	font-size: 8pt; 	}
div.lozcontent h4		{	font-size: 9pt;	}
	
div.lozcontent a		{	text-decoration: none;
							color: #111188;
						}
div.lozcontent a:hover	{	text-decoration:underline;
							color: #111188;
						}


/* ************************ FORM ELEMENTS ************************** */

form					{	margin: 0px;
						}

input.txt				{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: normal;
							color: black;
							width: 180px;
							border: 1px solid #BBBBDD;
							margin: 0px 5px 1px 0px;	
							padding: 0px 0px 1px 3px;	
							background-color: #FAFAFF;
						}
input.config			{	font-family:"Courier New", Courier, mono;
							width: 400px;
						}
input.chk				{	margin: 0px 3px 0px 0px;
							padding: 0px;
						}
/* input.txt for textbox, input.btn for button/select, input.chk for checkbox/radio */

textarea				{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: normal;
							color: black;
							width: 180px;
							border: 1px solid #BBBBDD;
							margin: 0px 5px 1px 0px;	
							padding: 0px 0px 0px 3px;	
							background-color: #FAFAFF;
						}
select
						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: normal;
							color: black;
							width: 185px;
							border: 1px solid #BBBBDD;
							margin: 0px;
							padding: 0px;
							background-color: #FAFAFF;
						}


/* ************************   MAIN PAGE LAYOUT  ********************** */



#outerbox				{	position: relative;
							width: 820px;
							height: 550px;
							margin: auto; 			/* no effect in IE 5.5 */
							margin-top: 0px;
							text-align: left;
						}

#midbox					{	position: absolute;
							/* top set dynamically in header file  */
							left: 28px;
							width: 762px;
							height: 500px;
							margin: 0px;
						}
#innerbox				{	/* background-image set dynamically in header file  */
							background-position: center;
							background-repeat: no-repeat;
							position: absolute;
							top: 54px;
							height: 508px;
							width: 100%;
							overflow: hidden;
						}
#contentbox				{	position: absolute;
							/* top set dynamically in header file (with hack for IE 5.5) */
							/* height set dynamically in header file (with hack for IE 5.5) */
							/* 2 lines below are hack for IE 5.5 - width: 702px is correct value */
							width: 702px !important; 	/* 762px minus left & right padding */
							width /**/:762px;			/* hack for IE 5.5 */
							margin: 0px;
							padding-left: 30px;
							padding-right: 30px;		/* alter width of #maindate when changing this */
							padding-top: 10px;
							padding-bottom: 0px;
							text-align: justify;
							overflow: hidden;
						}
#nav1					{	position: absolute;
							z-index: 10;
							left: 0px;
							top: 0px;
							width: 100%;
							height: 25px;
					 		background-color: #111188;
							margin: 0px;
							padding: 0px;
							vertical-align:middle;
						}
div.nav1button			{	position: absolute;
							top: 0px;
							width: 102px;
							height: 16px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12pt;
							font-weight: bold;
							color: white;
							background-color: #111188;
							text-align: center;
							margin: 4px 0px 0px 0px;
							padding: 0px 0px 1px 0px;
							border: 0px;
						}
div.nav1button:hover	{	background-color: #6666FF; 
						}
				
div.nav1buttonsel		{	position:absolute;
							top: 0px;
							width: 102px;
							height: 16px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12pt;
							font-weight: bold;
							color: white;
							background-color: #6666FF;
							text-align: center;
							margin: 4px 0px 0px 0px;
							padding: 0px 0px 1px 0px;
							border: 0px;
						}
						
div.nav1divider			{	position:absolute;
							top:4px;
							color:white;	
						}
#nav2					{	position: absolute;
							z-index: 5;
							left: 5%;
							/* top set in tag in header file for dynamic slide-in effect*/
							height: 18px;
							width: 95%;
					 		background-color: #BBBBFF;
							margin: 0px;
							padding: 0px;
							padding-left:50px;
							vertical-align:middle;
							text-align: center;
						}
#nav2 p					{	position:relative;
							top: 2px;
							font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
							font-size: 9pt;
							font-weight: bold;
							color: #111188;
							text-align: center;
						}	
span.nav2button			{	background-color: #BBBBFF;
							text-align: center;
							margin: 0px;
							
							
							
							
							padding: 0px 3px 2px 3px;
						}
span.nav2buttonsel		{	background-color: white;
							text-align: center;
							margin: 0px;
							padding: 0px 3px 2px 3px;



						}
span.nav2divider		{	color: white;	/* in case image unavailable, colour alt text "|" white */
						}
#nav2backbutton			{	position:absolute;
							left: 52px; 
							z-index: 12;	
						}
#nav2backbutton p 		{	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
							font-size: 9pt;
							font-weight: bold;
							color: #111188;
						}
#maindate				{	position: absolute;
							width: 200px;			/* 770 minus right padding of #contentbox */
							right: 30px;
							margin-top: 0px;
							font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
							font-size: 10pt;
							font-weight: normal;
							text-align: right;
							color: #111188;
						}
#disclaimer				{	position: absolute;
							right: 5px;
							top: 558px !important;	
							_top: 565px;
						}
#disclaimer p a			{	color:#9999BB;
							font-size:7pt;
							text-decoration: none;
						}				
#mainbottom				{	position: absolute;
							left: 75px;
							top: 475px;
							width: 600px;
							text-align: center;
							margin: 0px;
							padding-top: 3px;
							padding-bottom: 0px;
							padding-left: 0px;
							padding-right: 0px;
							border-top: 1px solid #555599;
						}
#mainbottom p			{	font-family: Arial, Helvetica, sans-serif;
							font-size: 7pt;
							font-weight: normal;
							color: #777799;
							text-align: center;
							margin: 0px;
						}

#mainbottom a			{	color: #777799;
							text-decoration: none;
						}
#mainbottom a:hover		{	text-decoration:underline;
							color: #111188;
						}

#mainbanner				{	position: absolute;
							top: 0px;
							right: 0px;
							margin: 0px;
							padding: 0px;
						}
#mainlogohope			{	position: absolute;
							top: -15px;
							left: -16px;
							margin: 0px;
							padding: 0px;
							z-index: 10;
						}
#mainlogochurch			{	position: absolute;
							top: -15px;
							left: 100px;
							margin: 0px;
							padding: 0px;
							z-index: 10;
						}

-->