<style>
html			{	height:100%	}

body 			{	margin:0;
					padding:0;
					border:0;				/* This removes the border around the viewport in old versions of IE */
					width:100%;
					background-color:#b8b8b8;
					background-image:url(../images/pagebits/main-bggradient.jpg);
					background-repeat:repeat-x;

				}
#centerit		{
					width: 900px;
					margin: 0px auto;
				}

#page			{	position:absolute;
					width:900px;
					background-color:#b8b8b8;
					background-image:url(../images/pagebits/main-bggradient.jpg);
					background-repeat:repeat-x;
					overflow:visible;
				}
				
/**********     HORIZONTAL LAYERS    **********/			
#banner			{	position:relative;
					height:180px;
					width:100%;
				}

#menu			{	position:relative;
					height:72px;
					width:100%;
					background-color:red;
				}

.slidelayer		{	position:relative;
					height:395px;
					width:100%;
					margin-bottom:20px;
					clear:both;
				}

.posterlayer	{	position:relative;
					height:265px;
					width:100%;
					margin-bottom:20px;
					clear:both;
				}

.doclayer		{	position:relative;
					height: 680px;
					width:846px;
					left:27px;
					top:0px;
					margin-bottom:20px;
					clear:both;
				}

.defaultlayer	{	position:relative;
					width:846px;
					left:27px;
					top:0px;
					margin-bottom:20px;
					clear:both;
				}

#footer			{	position:relative;
					top:0px;
					left:0px;
					width:100%;
					height:52px;
					clear:both;
				}
#line1			{	position:absolute;
					left:27px;
				}
#line2			{	position:absolute; 
					left:27px;
				}
/* php-side browser detection in main-header.inc.php (etc.) triggers the appropriate class below */ 
#line1.other 	{	top:115px;	}
#line2.other	{	top:146px;	}

#line1.ie6		{	top:119px;	}
#line2.ie6		{	top:150px;	}

#line1.ie7		{	top:119px;	}
#line2.ie7		{	top:150px;	}

#line1.ie8		{	top:115px;	}
#line2.ie8		{	top:146px;	}

#line1.ie9		{	top:116px;	}
#line2.ie9		{	top:147px;	}

#line1.firefox5	{	top:115px;	}
#line2.firefox5	{	top:146px;	}

#line1.firefox7	{	top:115px;	}
#line2.firefox7	{	top:146px;	}

#line1.firefox9	{	top:114px;	}
#line2.firefox9	{	top:146px;	}
				

/**********     LAYER SUBSECTIONS    **********/
.slideright		{	position:absolute;
					right:27px;
					top:0px;
					width:550px;
					height:394px;
					border:1px solid #999999;
					text-align:center;
					padding:auto;
					overflow:hidden;
				}
.slideleft		{	position:absolute;
					left:27px;
					top:0px;
					width:550px;
					height:394px;
					border:1px solid #999999;
					text-align:center;
					padding:auto;
					overflow:hidden;
				}
.slide			{	border:1px solid #999999;
					text-align:center;
					padding:auto;
					overflow:hidden;
				}
.greybg			{	background-image:url(/images/pagebits/slide-greybg.gif);
					background-repeat:repeat-x;
					border:1px solid #999999;
				}

.slideTL		{	position:absolute;
					left:0px;
					top:0px;
					width:275px;
					height:197px;
					overflow:hidden;
				}
.slideTR		{	position:absolute;
					right:0px;
					top:0px;
					width:275px;
					height:197px;
					overflow:hidden;
				}
.slideBL		{	position:absolute;
					left:0px;
					bottom:0px;
					width:275px;
					height:197px;
					overflow:hidden;
				}
.slideBR		{	position:absolute;
					right:0px;
					bottom:0px;
					width:275px;
					height:197px;
					overflow:hidden;
				}
.slideL			{	position:absolute;
					left:0px;
					top:0px;
					width: 275px;
					height: 394px;
					overflow:hidden;
				}				
.slideR			{	position:absolute;
					right:0px;
					top:0px;
					width: 275px;
					height: 394px;
					overflow:hidden;
				}					
.slideT			{	position:absolute;
					top:0px;
					left:0px;
					width:550px;
					height:197px;
					overflow:hidden;
				}				
.slideB			{	position:absolute;
					bottom:0px;
					left:0px;
					width:550px;
					height:197px;
					overflow:hidden;
				}		

.postersright	{	position:absolute;
					right:27px;
					top:0px;
					width:550px;
					height:265px;
					border:0px;
					text-align:center;
					padding:auto;
				}
.postersleft	{	position:absolute;
					left:27px;
					top:0px;
					width:550px;
					height:265px;
					border:0px;
					text-align:center;
					padding:auto;
				}
.posterL		{	position:absolute;
					top:0px;
					left:0px;
					width:176px;
					height:265px;
					overflow:hidden;
					border:1px solid #999999;					
				}
.posterM		{	position:absolute;
					top:0px;
					left:187px;
					width:176px;
					height:265px;
					overflow:hidden;
					border:1px solid #999999;					
				}
.posterR		{	position:absolute;
					top:0px;
					right:0px;
					width:176px;
					height:265px;
					overflow:hidden;
					border:1px solid #999999;					
				}

.textleft		{	position:absolute;
					left:27px;
					top:0px;
					width:279px;
					height:394px;
					overflow:hidden;
				}
.textright		{	position:absolute;
					right:27px;
					top:0px;
					width:279px;
					height:394px;
					overflow:hidden;
				}

/**************** OTHER STUFF ****************************/

p				{	font-family:Helvetica, Arial, sans-serif;
					font-weight:normal;
					font-size:11pt;
					color:#3E3E3E;
					margin-top:5px;
					margin-bottom:10px;
				}
p.container		{	margin:0px;
					padding:0px;
				}

p.nospacing		{	margin: 0px;	}

.menu a			{	text-decoration:none; }
.menu a:hover	{	color: #DF1D25;
					text-decoration:none;
				}

p.menu			{	font-family: Helvetica, Arial, sans-serif;			/* also change td.menu */
					font-size:9pt;
					font-weight:bold;
					color: #292f84;
					margin: 1px 0px 2px 0px;
				}						
p.menu a		{	font-family: Helvetica, Arial, sans-serif;
					font-size:9pt;
					font-weight:bold;
					color: #292f84;
					margin:0px;
					text-decoration:none;
				}
p.menu a:hover	{	color: #DF1D25;
				}


p.listitem			{	font-family: Helvetica, Arial, sans-serif;			/* also change td.menu */
						font-size:10pt;
						font-weight:normal;
						color: black;
						margin: 1px 0px 2px 0px;
					}						
p.listitem a		{	font-family: Helvetica, Arial, sans-serif;
						font-size:10pt;
						font-weight:normal;
						color: black;
						margin:0px;
						text-decoration:none;
					}
p.listitem a:hover	{	color: #DF1D25;
					}

	
a				{	color:#DF1D25;
					text-decoration:none
				}
a:hover			{	text-decoration:underline	}
a:focus			{	outline:none	}					/* gets rid of dotted border after link is clicked in Firefox (bug) */

a img			{	border:0px;
					outline:none;
				}

div.menutop		{	position:absolute;
					top:120px; 
					cursor:pointer;
				}
div.menu		{	position:absolute;
					top:150px; 
					margin:0px;
					padding:0px;
					border:0px;
					z-index:10;
					text-align:left;
					overflow:hidden;
				}

div.teachingnav			{ 	width:100%;
							background-color:#222266;
							margin-bottom:10px;
							padding:4px;
						}
div.teachingnav p		{	font-size:10pt;
							color:white;
							font-weight:bold;
							margin:0px;
						}
div.teachingnav a		{	color:white }

pre						{	font-family: "Courier New", Courier, monospace;
							font-size: 10pt;
							color: black;
							margin: 0px;
						}
						
li						{	font-family:Helvetica, Arial, sans-serif;
							font-weight:normal;
							font-size:11pt;
							color:#3E3E3E;
							margin: 0px;
						}						
p.error					{	font-size: 8pt;
							color: #991133;
							vertical-align: top;
							margin:0px;
						}
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:'Avant Garde', Helvetica, Arial, sans-serif;
							font-size: 18pt;
							color: #113399;
							letter-spacing:0px;
							font-weight: normal;
							margin-top: 20px;
							margin-bottom: 12px;
							padding: 0px;
							line-height: normal;
						}

h1 a					{	color: #113399;	}

h1.pagetitle			{	font-family:'Avant Garde', Helvetica, Arial, sans-serif;
							font-size: 24pt;
							color: #303030;
							margin-bottom:0px;
						}						
h2						{	font-family: Arial, Helvetica, sans-serif;
							font-size: 14pt;
							font-weight: normal;
							color: #113399;
							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: Helvetica, Arial, sans-serif;
							font-size: 10pt;
							font-weight: bold;
							color: #113399; 
							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;
						}

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 #292F84; margin:1px;		}
.border2				{	border: 2px solid #292F84; margin:1px;		}



/* ************************   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: #292F84; 
							vertical-align: top;
						}
table.info th a			{	color: #292F84;
						}
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: #292F84; 
							text-align: right;
							vertical-align: top;
						}

td.menu					{	font-family: Helvetica, Arial, sans-serif;			
							font-size:9pt;
							font-weight:bold;
							color: #292F84;
							margin: 1px 0px 2px 0px;
						}		
td.menu a				{	font-family: Helvetica, Arial, sans-serif;
							font-size:9pt;
							font-weight:bold;
							color: #292F84;
							margin:0px;
							text-decoration:none;
						}
td.menu a:hover			{	color: ##df1d25;
						}								
td.config				{	font-family:"Courier New", Courier, mono;
						}

th.right				{	text-align:right;	}
th.left					{	text-align:left;	}
td.right				{	text-align:right;	}
td.left					{	text-align:left;	}
						
table.sermons			{	margin: 5px 0px 10px 0px;
							border: 1px solid #999999;
							width: 95%
						}						
table.sermons th		{	font-family: Arial, Helvetica, sans-serif;
							font-size: 9pt;
							font-weight: bold;
							background-color:#292F84;
							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 #999999;
							text-align: left;
						}
table.sermons td big	{	font-size: 9pt;
						}

table.sermons td img	{	vertical-align: middle;
						}


/* ************************ FORM ELEMENTS ************************** */

form					{	margin: 0px;
						}

input.txt				{	font-family: Arial, Helvetica, sans-serif;
							font-size: 10pt;
							font-weight: normal;
							color: black;
							width: 230px;
							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: 230px;
							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: 235px;
							border: 1px solid #BBBBDD;
							margin: 0px;
							padding: 0px;
							background-color: #FAFAFF;
						}


						
/* **********************   COLUMNS  ********************** */

div.col2L				{	float:left;
							width: 48%; 
						}
div.col2R				{	float:right;
							width: 48%; 
						}
div.col3L				{	float:left;
							width:31%;
							padding: 1px; 
						}

div.col3M				{	margin-left: 33%;
							margin-right: 33%;
							padding: 1px; 		
						}
div.col3R				{	float:right;
							width:31%;
							padding: 1px; 
						}
div.col23L				{	float:left;
							width:63%;
						}
div.col32R				{	float:right;
							width:63%;
						}						

div.list100				{	/* full width, 375px high */
							height:375px; 
							width: 90%;
							overflow:auto;
							padding:4px;
							border:1px solid #999999;
							border-width: 0px 1px 0px 1px;
							text-align: left;
						}
div.list100 p			{	margin:0px;
							text-align:left;
						}

</style>
