/* CSS Document */
	body
	{
		margin: 0;
		padding: 0;
		font: 62.5% arial, hevetica, sans-serif;
		text-align: center;
		color: #333;
		background: url(images/ChurchBackground.jpg);
		background-attachment:fixed;
		
	}
	
	a:link { color:#cc3399;;font-weight:bold;text-decoration:none; }
	
	a:visited {color:#cc3399;font-weight:bold; text-decoration:none;}
	
	a:hover
	{
		text-decoration:underline;
		font-weight:bold;
	}
	
	
	.titlebar    a:link { color:#fff;font-weight:bold;text-decoration:none; }
	
	.titlebar  a:visited {color:#fff;font-weight:bold; text-decoration:none;}
	
	.titlebar 	a:hover
	{
		text-decoration:underline;
		font-weight:bold;
	
	}
	
	.titlebar2    a:link { color:#fff;font-weight:bold;text-decoration:none; }
	
	.titlebar2  a:visited {color:#fff;font-weight:bold; text-decoration:none;}
	
	.titlebar2 	a:hover
	{
		text-decoration:underline;
		font-weight:bold;
	
	}
	
	.titlebar3    a:link { color:#fff;font-weight:bold;text-decoration:none; }
	
	.titlebar3  a:visited {color:#fff;font-weight:bold; text-decoration:none;}
	
	.titlebar3 	a:hover
	{
		text-decoration:underline;
		font-weight:bold;
	
	}
	
	
	a	img {border:none}
	
	.smalltitlebartext {font-size:0.8em;}
	
	.imagefloat
	{
		float: left;
		padding-top:10px;
		margin-right:10px;
		
		}
		
	.imagefloatright
	{
		float: right;
		padding:0px 0px 10px 15px;}
		
	.floatborder
		
	 {float: left;
	  margin-top:10px;
	  margin-right:10px;
	  border: 1px solid #C4BAC5;
	
	
	}
	.border {border: 1px solid #C4BAC5;}
	.centre {text-align:center;}
	.grey {color:#666;}
	
	
	p  {clear:left;}
	
	h2
	{
		color:#333;
		font: 3.0em "arial, hevetica, sans-serif",arial, sans-serif;
		font-weight: bold;
		margin: 0 0 2px 0;
	}
	
	h2 a { text-decoration: none; }
	
	h3
	{
		color: #fff;
		font: 1.6em "arial, hevetica, sans-serif",arial, sans-serif;
		
		margin: 10px 0 10px;
	}
	
	h4
	{
		color: #000;
		font: 1.4em "arial, hevetica, sans-serif",arial, sans-serif;
		margin-top:0px;
		margin-bottom:-1px;
		
	}
	div#container1
	{
		margin: 1em auto;
		width: 800px;
		text-align: left;
		background-color:#fff;
		font-size:1.2em;
		filter:alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75; 
		-khtml-opacity:0.75;
	}
	div#container2{
		margin: auto;
		width: 800px;
		text-align: left;
		background-color:#fff;
		font-size:1.2em;
		margin-top:-12px;
		
	}
	div#header
	{
		height: 170px;
		background-image: url(images/banner_grow1.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		position: relative;
	}
	
	div#header h1
	{
		font-size: 1px;
		text-align: right;
		color: #fff;
		margin: 0;
		padding: 0;
		filter:alpha(opacity=85);
		-moz-opacity:0.85;
		opacity:0.85; 
		-khtml-opacity:0.85;
	}
	
	
	div#topphotos   {height:90px;
	}
	
	
	div#mainnav
	{   
		background-color: #777;
		color: #000;
		padding:2px 0 0 0;
		
		height:35px;
		font-family:"arial, hevetica, sans-serif", Arial;
		font-size:1.4em;
		
		
		
	}
	
	div#mainnav ul
	{
		margin: 0 0 0 20px;
		padding: 2px 0;
		list-style-type: none;
		
	}
	
	div#mainnav li
	{
		display: inline;
		float:left;}
		
		
	
	
	div#mainnav li a
	{
		text-decoration: none;
		font-family:arial, hevetica, sans-serif;
		color: #fff;
		padding:0px 10px 3px 10px;
		font-size:120%;
		
	}
	
	div#mainnav li a:hover
	{
		text-decoration: none;
		color: #000;
			}
			
			
	span#currentpage
	{	text-decoration: none;
		font-family:arial, hevetica, sans-serif;
		padding:0px 10px 3px 10px;
		color: #000;
		font-weight:bold;
		text-decoration: none;
		font-size:120%;
		}
		
	#strategy		{text-align:right;
	line-height:1.25;float:right; margin-left:25px;}
					
	
	
	
	.titlebar	{background-image: url(images/title1.jpg);
				width:inherit;
				color:#ddd;
				margin:50px 0 0 0px;
				padding:0 0 0 5px;
				font-size:1.8em;
				font-weight:bold;
				height:30px;
				font-family:"Century Gothic", Arial;
				
			}
			
	.titlebar2 {background-image: url(images/title2.jpg);
				width:inherit;
				color:#ddd;
				margin:50px 0 0 0px;
				padding:0 0 0 5px;
				font-size:1.8em;
				font-weight:bold;
				height:30px;
				font-family:"Century Gothic", Arial;
				
			}
			
	.titlebar3	{background-image: url(images/title3.jpg);
				width:inherit;
				color:#ddd;
				margin:50px 0 0 0px;
				padding:0 0 0 5px;
				font-size:1.8em;
				font-weight:bold;
				height:30px;
				font-family:"Century Gothic", Arial;
				
			}
			
	.titlebar4	{background-image: url(images/title3.jpg);
				width:inherit;
				color:#ddd;
				margin:50px 0 0 0px;
				padding:0 0 0 5px;
				font-size:1.8em;
				font-weight:bold;
				height:30px;
				font-family:"Century Gothic", Arial;
				
			}
			
	.titlebarEvent	{background-image: url(images/title3.jpg);
				width:inherit;
				color:#ddd;
				margin:50px 0 0 0px;
				padding:0 0 0 5px;
				font-size:1.8em;
				font-weight:bold;
				height:30px;
				
				font-family:"arial, hevetica, sans-serif", Arial;
				
			}
			
	#contents { Float:left;
				margin: 20px 0 20px 15px;
				width:600px;
				
				 }
				 
	*html #contents { Float:left;
				margin: 10px 0 20px 5px;
				width:600px;
				 }
				 
	div#content	{
				margin: -20px 0 0 0 ;
				clear:both;
				color:#000;
				
				}
				
	div#introText { line-height: 165%;
				   text-align:justify;
				   color:#000;
				   padding:10px 4px 0 0px;
				   font-weight:bold;
				 
				
				
				   
				     }
	
	.plaintext {line-height: 165%;
				   text-align:justify;
				   color:#000;
				   padding:10px 4px 0 0px;}

				
	div#contentText { color:#000;
					   
					   line-height: 165%;
				   text-align:justify;
				   
				   padding:10px 4px 0 0px;
				   margin-left: 180px;
				
				   
				   
				     }
	div#contentTextleft { line-height: 165%;
				   text-align:justify;
				   color:#000;
				   padding:10px 4px 0 0px;
				
				   
				     }
				
	
	div#contentTextEvent {  line-height: 165%;
				       	 font-size:100%;
				      	 text-align:justify;
				 		 color:#000;
				   		 padding:10px 4px 0 0px;
				     } 
					   
	div#contentText2 { line-height: 165%;
				 margin-left: 105px;
					text-align:left;
				  color:#000;
				   padding:10px 2px 2px 2px;
				   
				  }
	
	div#content2 {clear:left;
	}
	
	
	div#left {float:left;
	width:290px;
	}
	
	div#right {float:left;
	width:290px;
	margin-left:20px;}
	
	*html #right {float:left;
	width:290px;
	margin-left:20px;}
	
	
	div#menu
{	float: right;
	width: 150px;
    FONT-WEIGHT: 600;
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-color:#999;
	margin:0 0 0 0;}
	
	div#menu img {margin-top:-3px;
}


	div#menu a {display:block;
			}
	
	
	div#menu a:link
{
    color: #ffffff;
    text-decoration: none
}
	div#menu A:visited
{
    color: #ffffff;
    text-decoration: none
}
	div#menu A:hover
{
    color: #000000;
    text-decoration: none
}
	#quick-list
{
    padding: 5px 0  10px 18px;}
    
	div#menu #quicklist a {margin-top:15px;}
  


	#quick-list img
{	padding:-5px 2px 0px 4px;
    float: left;
	clear:both;
    margin-right: 7px;
	margin-top:-3px;
}
	
	
	
	div#footer2
	{
		clear: both;
		color: #fff;
		background-color: #777;
		text-align: right;
		padding: 5px;
		font-size: 90%;
	}
	
	div#footer2 div {float:left;}
	/*old*/
	
	
	img				{border:0;}										
				
.largeTextRed		{font-size:1.6em;
					 color:#4f094d;
					 font-weight:800;}
					 
.largearialgrey  	{font-family:Arial, Helvetica, sans-serif;
					font-size:30px;
					color:#919191;}									

.largearialdarkgrey{font-family:Arial, Helvetica, sans-serif;
					font-size:30px;
					color:#414141;
					font-style:italic;}	


				  
h1		 		 { font-size:1.6em;
				  
				  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
				  font-weight:300;
				  }

/*h3			{font: bold 2.2em "arial, hevetica, sans-serif", Tahoma, Arial; color:#4f094d;}*/

.pageTitle			{font: bold 2.0em sans-serif; color:#4f094d;}
  
/*h4		 		 { font-size:1.2em;
				  
				  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
				  font-weight:bold;
				  }*/
				  
.titleText		{ font-size:1.4em;font-weight:bold;color:#666;}

.black			{color:#000000;}
.red			{color:#4f094d;}
.white			{color:#ffffff;}
.bold            {font-weight:bold}
.emphasise      {font-size:14px;}
.small			{font-size:10px;color:#666666}
		
	
			
#map		{width: 500px; 
			height: 500px;
			margin:30px;
			clear:both;
			}	
			

			


#menu   a:link								{text-decoration:none;
								 			color:#aaaaaa;}

#menu  a:visited	 						{color:#bbbbbb;
    										text-decoration: none;}
#menu	 a:hover							{ color:#ffffff;
											text-decoration:none;}


				  					
#rightLinks  a:link								{text-decoration:none;
								 			color:#ffffff;}

#rightLinks  a:visited	 						{color:#ffffff;
    										text-decoration: none;}
#rightLinks	 a:hover							{ color: #000000;
											text-decoration: none;}

#youth	{float:left; padding:20px 20px 40px;}


	

	  
				  
.pic-list {
	padding: 0px;
	margin:0px 0px 0px;
	list-style:none;
	line-height: 165%;
}

.pic-list h3 {color:#4f094d;}
.pic-list li{
	width: 280px;
	float: left;
	padding: 10px;
	
}
.pic-list img {
	padding: 4px;
	background-color: #FFFFFF;
	/*border: 1px solid #aaaaaa;*/
	float: left;
	margin-right: 10px;
}


			
dt  			{font-size:1.2em;
				 font-style:italic;
				 font-weight:bold;}	
			  
#toolbar {padding-top:20px;
		clear:both;}	
				
			.textright {
	text-align: right;
	clear:both;
}

/*table*/

.tableshade {background-color:#cccccc}

.blackborder {
	border: #000000;
}
.tableshadeblue {
	background-color: #9999cc;
}

table {
	border-width: 1px;
	
	border-style: outset;
	border-color: #ccc;
	border-collapse: separate;
	background-color: white;
}
table th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: #ccc;
	background-color: white;
	-moz-border-radius: ;
}
table td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: #ccc;
	background-color: white;
	-moz-border-radius: ;