/*------------------------------------------------------------------------------
Style Sheet for the Lockport UCC website

version:		1.0
date:			September 5, 2006
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org  
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		www.lockportucc.org
------------------------------------------------------------------------------*/


/* Basic tag formatting ------------------------------------------------------*/

body	{
	background:		#184828 url(graphics/bce-235-800x4.gif) repeat-x;	
	color:			black;
	text-align:		center;
	}

h1	{
	}

h2	{
	font-family:		'impact', arial, sans-serif;
	font-size:		24px;
	color:			black;
	margin:			18px 0 0px 12px;
	}
		
h4	{
	font-size:		16px;
	font-weight:		900;
	color:			#000000;
	margin:			0;
	}

h5	{
	font-size:		12pt;
	font-weight:		900;
	color:			#cc3333;
	line-height:		16px;
	margin:			0 3% 10px 10px;
	}

h6	{
	font-family:		georgia, sans-serif;
	font-style: 		italic;
	font-size:		17px;
	color:			black;
	margin:			9px;
	}
	
.h6	{
	font-family:		georgia, sans-serif;
	font-style: 		italic;
	font-size:		14px;
	font-weight:		900;
	color:			black;
	display:		inline;
	padding:		9px;
	margin:			0;
	}

p	{
	font-family:		verdana, Arial, sans-serif;
	font-size:		12px;
	color:			black;
	background-color:	transparent;
	line-height:		16px;
	}

	
ul	{
	font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
	font-size:		90%;
	font-weight:		bold;
	color:			#660000;
	line-height:		20px;
	margin:			0;
	padding:		0;
	}

li	{
	font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
	font-size:		14px;
	color:			black;
	line-height:		18px;
	margin:			0;
	padding:		0;
	}
		
.noindent	{
	margin-left:		0%;
	}
		
		
/* Site banner ID's and classes --------------------------------------------------------------*/

#siteBanner	{
		border:			#993333 solid 0px;
		background:		url('images/church1 copy.png') no-repeat 0px -244px;
		position:		relative;
		top:			0px;
		left:			0px;
		width:			100%;	
		height:			165px;
		z-index:		auto;
		letter-spacing:		normal;
		color:			black;	
		padding:		0;
		margin:			0;
		}

#basicNav	{
		border:			#993333 solid 0px;
		background-color:	transparent;
		position:		absolute;
		top:			60px;
		right:			12px;
		width:			178px;
		z-index:		6;
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		60%;
		font-weight:		500;
		letter-spacing:		normal;
		color:			#ffffff;			
		}

#cc a span	{
		position: 		absolute;
		top: 			-24px;
		left: 			-42px;
		font-size: 		144px;
		padding: 		0;
		font-weight:		500;
		}

a.fcc:link, a.fcc:visited, a.fcc:hover, a.fcc:active 	{
		font-family:		georgia,serif;
		font-size:		44px;
		font-weight:		500;
		text-decoration: 	none;
		color:			#008033;		/* 1. Color of "First Congregational" */	
		border:			#993333 solid 0px;
		background:		transparent;
		position:		absolute;
		top:			6px;
		left:			54px;
		width:			68%;
		height:			60px;
		margin:			0;
		letter-spacing:		2px;
		}

a.ucc:link, a.ucc:visited, a.ucc:hover, a.ucc:active 	{
		text-decoration: 	none;
		font-family:		georgia,serif;
		font-size:		22px;
		font-weight:		900;
		text-decoration: 	none;
		color:			#333333;		/* 2. Color of "United Church of Christ" */
		border:			#993333 solid 0px;
		background-color:	transparent;
		position:		absolute;
		top:			54px;
		left:			76px;
		width:			62%;
		height:			30px;
		letter-spacing:		2px;
		}

#bannerSub1	{
		position: 		absolute; 
		left: 			107px; 
		top: 			84px; 
		font-size: 		12px; 
		color: 			#333333; 		/* 3. Color of street address */
		font-family: 		verdana;		
		font-weight:		700;
		}

#bannerSub2	{
		position: 		absolute; 
		left: 			109px; 
		top: 			101px; 
		font-size: 		13px; 
		color: 			#000000; 		/* 4. Color of phone number */
		font-family: 		arial; 
		letter-spacing: 	1px;		
		font-weight:		700;
		}

#bannerSub3	{
		border:			#993333 solid 0px;
		background-color:	transparent;
		float:			left;
		position:		absolute;
		top:			132px;
		left:			107px;
		height:			10%;
		z-index:		5;
		text-align:		left;
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		16px;
		font-style:		italic;
		line-height:		13px;
		letter-spacing:	 	0px;
		font-weight:		900;
		color:			#000000;		/* 5. Color of served communities */			
		}

#bannerSub3a	{
		border:			#993333 solid 0px;
		background-color:	transparent;
		float:			right;
		position:		absolute;
		top:			132px;
		right:			22px;
		height:			10%;
		z-index:		5;
		text-align:		left;
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		13px;
		line-height:		13px;
		font-weight:		500;
		color:			#ffffff;		/* 5. Color of served communities */			
		}
		
#bannerSub3a span	{
		color:			#ffffff;
		}


/* -----------------------------------*/

		
.idnt1		{
		padding:		0 0 0 10px;
		}		
		
/* -----------------------------------*/

a.tNav:link, a.tNav:visited	{
	font-size:		13px;
	color:			#ffffff;		/* 9. font color for 2nd navigation row  */
	display:		block;
	background-color:	transparent;
	}
	
a.tNav:hover, a.tNav:active	{
	font-size:		13px;
	background-color:	#eedd99;		/* 10. background color for 2nd-row hover  */
	color:			#000000;		/* 11. font color for 2nd-row hover  */
	display:		block;
	}
	
/* td a.tNav:hover, 		{background-color: #ffc; display: block; height: 30px;} */

		

/* -----------------------------------*/

#atag-nav	{
		border:			#993333 solid 0px;
		position:		absolute;
		top:			750px;
		left:			40px;
		width:			460px;
		height:			390px;
		background-color:	white;
		padding:		10px;
		}

#contentItems	{
		position:		relative;	
		float:			right;
		border:			#999933 solid 0px;
		background-color:	transparent;
		top:			0px;
		right:			0px;
		width:			520px;
		display:		inline;
		padding:		9px;
		margin:			0;
		}
		
#contentItems p	{			
		padding:		3px 12px 3px 12px;
		margin:			0;
		font-size:		80%;
		line-height:		16px;
		}
					
#contentItems h1	{		
		font-family:		timeless, 'times new roman', serif;
		font-size:		30px;
		font-weight:		900;
		padding:		18px 0 18px 12px;
		}

#contentItems h3	{
		font-family:		timeless, "Times New Roman";
		padding:		6px 12px 6px 12px;
		margin:			0;
		color:			#008033;		/* Heading font color */
		font-size:		150%;
		text-align:		left;
		font-weight:		900;
		}

#contentItems h4	{
		padding:		12px 12px 6px 12px;
		font-size:		110%;
		color:			#000000;
		font-family:		verdana;
		font-weight:		700;
		}
				
#contentItems h4 span	{	
		font-size:	80%;
		color:		#000000;	
		}
				
#contentItems h5	{
		font-family:		verdana;
		font-size:		90%;
		font-weight:		900;
		line-height:		18px;
		padding:		6px 12px 3px 12px;
		margin:			0px;
		color:			#000000;
		}
				
#contentItems h5 span	{
		color:			#000000;
		}
					
#contentItems h6	{
		font-size:		80%;
		font-weight:		500;
		line-height:		14px;
		padding:		6px 12px 6px 12px;
		margin:			24px 0 0 0;
		color:			#000000;
		}
		
.centerItems	{
		text-align:		center;
		margin:			6px 84px;
		padding:		6px 0;
		border-top:		#333333 solid 0px;	
		border-right:		#333333 solid 0px;	
		border-bottom:		#333333 solid 0px;	
		border-left:		#333333 solid 0px;	
		}
		
.centerItems_onPlaque	{
		text-align:		center;
		background:		#fafffa;
		margin:			6px 84px;
		padding:		6px 0;
		border-top:		#333333 solid 1px;	
		border-right:		#333333 solid 2px;	
		border-bottom:		#333333 solid 2px;	
		border-left:		#333333 solid 1px;	
		}

#contentItems ul	{
		position:		relative;
		width:			100%;
		font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
		font-size:		90%;
		color:			#660000;
		margin:			0;
		padding:		0 0 3px 0;
		top:			0px;
		}

#contentItems li	{
		font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
		font-size:		14px;
		color:			black;
		line-height:		16px;
		margin:			0;
		padding:		2px 36px;
		}

		
#contentItems .upcom-info	{	
		position:		relative;
		float:			right;
		right:			0px;
		top:			0px;
		width:			100%;
		background:		#ffffff;
		padding:		0;
		border-left:		#cccccc solid 0px;
		border-top:		#cccccc solid 0px;
		border-right:		#cccccc solid 0px;
		border-bottom:		#cccccc solid 0px;
		}
				
#contentItems .upcom-info p	{	
		padding:		3px 12px 3px 9px;
		margin:			0;
		font-size:		80%;
		line-height:		16px;
		}

#contentItems .upcom-info h3	{	
		font-family:		timeless, "Times New Roman";
		padding:		6px 12px 6px 9px;
		color:			#008033;		/* Heading font color */
		font-size:		130%;
		text-align:		left;
		margin:			6px 6px 0px 0px;
		font-weight:		900;
		line-height:		22px;
		}

#contentItems .upcom-info h4	{	
		padding:		0px 12px 12px 9px;
		font-size:		100%;
		color:			#333333;
		font-family:		verdana;
		font-weight:		900;
		}
				
#contentItems .upcom-info h4 span	{	
		font-size:		80%;
		color:			#000000;
		}
				
#contentItems .upcom-info h5	{	
		font-family:		verdana;
		font-size:		90%;
		font-weight:		900;
		line-height:		18px;
		padding:		9px 12px 3px 9px;
		margin:			0px;
		color:			#000000;
		}
				
#contentItems .upcom-info h5 span	{
		color:			#000000;
		}
					
#contentItems .upcom-info h6	{	
		font-size:		80%;
		font-weight:		900;
		line-height:		14px;
		padding:		15px 12px 6px 9px;
		margin:			0px;
		color:			#000000;
		}
		
#contentItems .staffPhotos	{
		text-align:		center;
		}
		
#contentItems .staffPhotos img	{
		height: 		228px;
		margin:			30px 0 0 0;
		}
		
#contentItems .stephenPics	{
		text-align:		left;
		margin:			12px 0 0 0;
		}
		
#contentItems .stephenPics img	{
		position:		relative;
		width:			50%;
		}

#contentItems .stephenPics img.fleft	{
		float:			left;
		height:			570px;
		margin:			0 0 12px 0;
		}

/* -----------------------------------*/

#leftSide	{
		border:			#993399 solid 0px;
		background:		transparent;
		float:			left;
		position:		relative;
		top:			0px;
		left:			0px;
		width:			188px;
		color:			#ff0000;
		padding:		0;
		margin:			9px;
		z-index:		auto;
		}
				
#leftSide h1	{	
		font-family:		verdana, timeless, "times new roman", serif;
		font-size:		140%;
		font-weight:		500;
		color:			#333333;
		background:		transparent;
		padding:		9px;
		margin:			0;
		}

#leftSide h2	{
		font-family:		verdana, timeless, "times new roman", serif;
		font-size:		120%;
		font-weight:		500;
		color:			#009933;
		background:		transparent;
		padding:		9px;
		margin:			0;
		}

#leftSide h3	{
		font-family:		verdana, timeless, "times new roman", serif;
		font-size:		110%;
		font-weight:		900;
		color:			#009933;
		background:		transparent;
		padding:		9px 9px 12px 9px;
		margin:			0;
		}

#leftSide h4	{
		font-family:		verdana, timeless, "times new roman", serif;
		font-size:		95%;
		font-weight:		900;
		padding:		12px 6px 6px 9px;
		margin:			0;
		color:			#000000;
		}
		
#leftSide h5	{
		font-family:		verdana, timeless, "times new roman", serif;
		font-size:		80%;
		font-weight:		900;
		text-decoration:	underline;
		padding:		9px;
		margin:			0;
		color:			#000000
		}

#leftSide p	{
		font-size:		80%;
		padding:		3px 9px;
		}

#leftSide .worship-info	{
		position:		relative;
		float:			left;
		left:			0px;
		width:			204px;
		background:		#ffffff;
		border-right:		#ccbbdd solid 0px;
		z-index:		auto;
		margin:			0 0 12px 0;
		padding:		6px 0;
		}
				
#leftSide .worship-info p {
		padding:		0px 0px 3px 9px;
		margin:			0;
		font-family:		verdana;
		font-size:		80%;
		line-height:		15px;
		}

#leftSide .worship-info h3 {
		padding:		0px 10px 12px 9px;
		color:			#333333;
		font-size:		110%;
		font-weight:		900;
		text-align:		left;
		padding:		12px 12px 12px 9px;
		margin:			0;
		}

#leftSide .worship-info h4 {	
		color:			#009933;
		padding:		15px 6px 6px 9px;
		font-weight:		900;
		font-size:		100%;
		}
				
#leftSide .worship-info h4 span	{	
		font-size:		75%;
		line-height:		12px;
		}
				
#leftSide .worship-info h5 {	
		font-variant:		small-caps;
		font-size:		80%;
		font-weight:		bold;
		line-height:		12px;
		padding:		12px 6px 6px 9px;
		margin:			0px;
		color:			#000000;
		}
				
#leftSide .worship-info h6 {	
		font-size:		75%;
		font-style:		normal;
		text-decoration:	none;
		margin:			6px 6px 3px 9px;
		}
	
#leftSide .worship-info hr {
		width:			25%;
		}

#leftSide div.iebugs 	{
		position: 		relative;
		float:			left;
		top:			24px;
		border:			#990000 solid 1px;
		background:		#eeeeee;
		width:			90%;
		font-size:		60%;
		margin:			0;
		padding:		3px 6px;
		line-height:		15px;
		color:			#000000;
		left:			6px;
		}
			
#leftSide div.iebugs a	{
		color:			#009900;
		font-weight:		900;
		}
	
#leftSide div.iebugs span	{
		color:			#990000;
		}
		
#contentItems .indexinfo	{
		position:		relative;
		width:			97.6%;
		border:			#999999 solid 1px;
		padding:		0 0 6px 0;
		margin:			6px;
		}
				
.indexinfo p	{
		padding:		12px;
		}
		
.indexinfo p span {
		font-weight:		900;
		}
				
				
.indexinfo-left	{
		position:		relative;
		width:			90.5%;
		border:			#999999 solid 1px;
		padding:		0 6px 6px 0;
		margin:			0 6px 0 6px;
		}	

#subNav		{
		background:		#cccccc;
		float:			right;
		position:		relative;
		width:			188px;
		top:			0px;
		color:			black;	
		font-family:		"trebuchet ms",arial,"san serif";
		border-right: 		1px solid #999999;
		border-bottom: 		1px solid #999999;
		}
		
#subNav p	{
		text-align:		left;
		}
		
/*	left navigation		*/
		
#subNav ul	{
		background:		#cccccc;
		position:		relative;
		list-style:		none;
		padding:		0;
		margin:			0;
		border:			#000000 solid 0px;
		}

#subNav li	{
		background:		#eeeeee;
		padding:		0;
		margin:			0;
		font-size:		12px;
		line-height:		18px;
		}
		

#subNav li a:link, #subNav li a:visited		{
		display:		block;
		width:			100%;
		color:			#000000;
		padding:		0;
		border-bottom: 		1px solid transparent;
		}

#subNav li a:hover, #subNav li a:active		{
		display:		block;
		background:		#ddddaa;
		color:			#ff0000;
		width:			100%;
		text-decoration:	none;
		border-bottom: 		1px solid #999999;
		}
		
#subNav .here	{
    		background:		#dddddd;
    		color:			#cccccc;
		border-bottom: 		1px solid #999999;
    		}

.indnt		{
		padding:		0 0 0 12px;
		}

#parfam		{
		border:			#993333 solid 0px;
		background-color:	#cccccc;
		position:		absolute;
		top:			-10px;
		left:			15%;
		width:			55%;
		height:			20px;		
		border-right:		black solid 1px;
		border-bottom:		black solid 1px;
		border-left:		#ffffff solid 1px;
		border-top:		#ffffff solid 1px;
		z-index:		2;
		}	

#navinfo	{
		border:			#993333 solid 0px;
		background-color:	#cccccc;
		position:		absolute;
		top:			85px;
		left:			15%;
		width:			55%;
		height:			30px;		
		border-right:		black solid 1px;
		border-bottom:		black solid 1px;
		border-left:		#ffffff solid 1px;
		border-top:		#ffffff solid 1px;
		z-index:		2;
		}
		
.clrswtch	{
		position:		absolute;
		width:			90px;
		height:			60px;
		padding:		20px 0px 0px;
		color:			white;
		background-color:	transparent;
		}

/* Link formatting ----------------------------------------------------------*/

a:link,	a:visited, a.eml:link, a.eml:visited	{
		text-decoration: 	none;
		color: 			#ffffff;
		background-color:	transparent;
		font-weight: 		500;
		font-size:		12px;
		padding:		0 0 0 0px;
		}

a:hover, a:active, a.eml:hover, a.eml:active	{
		text-decoration: 	underline;
		color:			#ffffff;
		background-color:	transparent;
		font-weight: 		500;
		font-size:		12px;
		padding:		0 0 0 0px;
		}

a.eml:hover, a.eml:active 	{
		background:		url(graphics/emailIcon4.gif) no-repeat right top;
		padding-right:		14px;
		}
	
/* -----------------------------------*/

a.nav3:link, a.nav3:visited, a.nav3x:link, a.nav3x:visited, a.nav3eml:link, a.nav3eml:visited	{
		font-family:		verdana, Tahoma, Arial, sans-serif;
		font-variant:		normal;
		text-decoration: 	none;
		color: 			#000000;
		font-size:		11px;
		font-weight: 		900;
		margin-top:		.2em;
		margin-bottom:		.2em;
		}

a.nav3:hover, a.nav3:active	{
		font-family:		verdana, Tahoma, Arial, sans-serif;
		font-variant:		normal;
		text-decoration: 	underline;
		color:			#000000;
		font-size:		11px;
		font-weight: 		900;
		margin-top:		.2em;
		margin-bottom:		.2em;
		}

a.nav3x:hover, a.nav3x:active	{
		font-family:		verdana, Tahoma, Arial, sans-serif;
		font-variant:		normal;
		text-decoration: 	underline;
		color:			#000000;
		font-size:		11px;
		font-weight: 		900;
		margin-top:		.2em;
		margin-bottom:		.2em;
		background:		url(graphics/externalLink.gif) no-repeat right top;
		padding-right:		8px;
		}
	
a.nav3eml:hover, a.nav3eml:active	{
		font-family:		verdana, Tahoma, Arial, sans-serif;
		font-variant:		normal;
		text-decoration: 	underline;
		color:			#000000;
		font-size:		11px;
		font-weight: 		900;
		margin-top:		.2em;
		margin-bottom:		.2em;
		background:		url(graphics/emailIcon5.gif) no-repeat right top;
		padding-right:		14px;
		}

	
/* -----------------------------------*/

a.content:link, a.content:visited, a.contentx:link, a.contentx:visited, a.contenteml:link, a.contenteml:visited	{
		font-size:		100%;
		text-decoration: 	none;
		color: 			#660000;
		font-weight: 		bold;
		}

a.content:hover, a.content:active	{
		font-size:		100%;
		text-decoration: 	underline;
		color:			#cc0000;
		font-weight: 		bold;
		}

a.contentx:hover, a.contentx:active	{
		font-size:		100%;
		text-decoration: 	none;
		color: 			#cc0000;
		font-weight: 		bold;
		background:		url(graphics/externalLink.gif) no-repeat right top;
		padding-right:		8px;
		}

a.contenteml:hover, a.contenteml:active	{
		font-size:		100%;
		text-decoration: 	none;
		color: 			#cc0000;
		font-weight: 		bold;
		background:		url(graphics/emailIcon5.gif) no-repeat right top;
		padding-right:		14px;
		}

/* -----------------------------------*/

a.perf:link, a.perf:visited, a.perfx:link, a.perfx:visited	{
		font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
		font-size:		13px;
		text-decoration: 	none;
		color: 			black;
		font-weight: 		900;
		letter-spacing:		1px;
		}
		
a.perf:hover, a.perf:active	{
		font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
		font-size:		13px;
		text-decoration: 	underline;
		color:			black;
		font-weight: 		900;
		letter-spacing:		1px;
		}

a.perfx:hover, a.perfx:active	{
		font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
		font-size:		13px;
		text-decoration: 	underline;
		color:			black;
		font-weight: 		900;
		letter-spacing:		1px;
		background:		url(graphics/externalLink.gif) no-repeat right top;
		padding-right:		8px;
		position:		relative;
		}