*
{
	margin: 0px;
	padding: 0px;
}

a
{
	outline-style: none;
}

img
{
	border: none;
}

body
{
	background-color: #142b49;
	font-family: Arial, sans-serif;
	font-size: small;
	position: relative;
}

	#wrapper-header
	{
		background-image: url(images/wrapper-header.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		font-size: 75%;
		height: 143px;
		min-width: 960px;		
	}
	
		body.home #wrapper-header
		{
			background-image: url(images/home/wrapper-header.jpg);			
		}
	
		#header
		{
			position: relative;
			margin: 0px auto;
			width: 960px;
		}
		
			#logo
			{
				background-image: url(images/logo.jpg);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				display: block;
				height: 48px;
				left: 34px;
				position: absolute;
				text-indent: -1000em;
				top: 32px;
				width: 221px;
			}
			
				#logo:hover
				{
					background-position: 0px -48px;
				}
			
			#logo-print
			{
				display: none;
			}
			
			#login
			{
				color: #a7bbd2;
				left: 820px;
				position: absolute;
				text-decoration: none;
				text-transform: uppercase;
				top: 4px;
			}
			
				#login:hover
				{
					text-decoration: underline;
				}
				
			#search
			{
				background: url(images/search.jpg) no-repeat left top;
				position: absolute;
				height: 22px;
				left: 748px;
				top: 58px;
				width: 177px;
			}
			
				#search-keywords
				{
					
					background: transparent;
					border: none 0px;
					color: #646464;
					height: 18px;
					float: left;
					font-family: Arial, sans-serif;
					font-size: 124%;
					padding: 4px 2px 0px 26px;
					width: 120px;
				}
				
				#search-go
				{
					height: 22px;
					float: left;
					width: 29px;
				}
		
	#wrapper-content
	{
		background-image: url(images/wrapper-content.jpg);
		background-position: center top;
		background-repeat: repeat-y;
		font-size: 93%;
		min-width: 960px;
		position: relative;
	}
	
		body.home #wrapper-content
		{
			background-image: none;
		}
	
		#wrapper-content-bottom
		{			
			background-image: url(images/wrapper-content-bottom.jpg);
			background-position: center bottom;
			background-repeat: no-repeat;
			min-height: 500px;
			_height: 500px;
			position: relative;
		}
	
			body.home #wrapper-content-bottom
			{
				background-image: url(images/home/wrapper-content-bottom.jpg);
				background-position: center top;
				background-repeat: repeat-y;
			}
	
			#content
			{
				margin: 0px auto;
				width: 960px;
			}
			
				body.home #rotator-wrapper
				{
					height: 277px;
					width: 960px;
				}
				
					body.home #rotator
					{
						background: url(images/home/rotator.jpg) no-repeat left top;
						height: 277px;
						width: 960px;
					}
					
					body.home #rotator.flash
					{
						background: none;
					}
			
				#main-wrapper
				{
					_display: inline;
					float: left;
					margin-left: 184px;
					position: relative;
					width: 555px;
				}
				
					body.home #main-wrapper
					{
						margin-left: 0px;
						width: 600px;
					}
			
					#main
					{
						color: #464646;
						line-height: 1.75;
						padding: 171px 48px 29px 48px;
						width: 459px;
					}
					
						body.home #main
						{
							background: url(images/home/main.gif) no-repeat right top;
							line-height: 1.4;
							padding: 6px 49px 24px 49px;
							width: 502px;
						}
					
						#main-wrapper div.aboutus
						{
							background: url(images/main-aboutus.jpg) no-repeat center top;
						}

						#main-wrapper div.services
						{
							background: url(images/main-services.jpg) no-repeat center top;
						}
						
						#main-wrapper div.careers
						{
							background: url(images/main-careers.jpg) no-repeat center top;
						}
						
						#main-wrapper div.churchcommunity
						{
							background: url(images/main-churchcommunity.jpg) no-repeat center top;
						}
						
						#main-wrapper div.supportus
						{
							background: url(images/main-supportus.jpg) no-repeat center top;
						}
						
						#main-wrapper div.newsevents
						{
							background: url(images/main-newsevents.jpg) no-repeat center top;
						}
						
						#main-wrapper div.contactus
						{
							background: url(images/main-contactus.jpg) no-repeat center top;	
						}
						
						#main-wrapper div.utility
						{
							background: url(images/main-utility.jpg) no-repeat center top;	
						}						
					
						#main a
						{
							color: #054999;
							text-decoration: none;
						}
						
							#main a:hover
							{
								text-decoration: underline;
							}
							
							#main a.more
							{
								background: url(images/a-more.gif) no-repeat right center;
								color: #013e85;
								font-weight: bold;
								padding-right: 17px;
							}
								
							#main a.more2
							{
								background-image: url(images/a-more2.gif);
								background-position: right 0px;
								background-repeat: no-repeat;
								overflow: hidden;
								padding-right: 11px;
							}
							
								#main a.more2:hover
								{
									background-position: right -112px;
									text-decoration: none;
								}
					

						#main form
						{
						}
						
							#main form div.left
							{
								float: left;
								margin-bottom: 5px;
								margin-right: 2px;
							}
						
							#main form strong
							{
								color: #900055;	
							}
						
							#main form input.image
							{
								margin-top: 10px;
							}
						
							#main form input.text
							{
								color: #464646;
								font-size: small;
								font-family: Arial, sans-serif;
								height: 1.2em;
								line-height: 1.2em;
								margin-right: 2px;
								padding: 1px 2px;
								width: 200px;
							}
						
							#main form label.left
							{
								display: block;
								font-weight: bold;
								float: left;
								margin-right: 10px;
								width: 130px;
							}

							#main form label.top
							{
								display: block;
								font-weight: bold;
							}
								
							#main form ol
							{
								list-style: none;
								margin: 0px;
							}
							
								#main form ol li
								{
									clear: left;
									padding: 5px 0px;
									margin: 0px;
								}
								
								#main form ol li.indent
								{
									padding-left: 140px;
								}
							
							#main form select
							{
								color: #464646;
								font-family: Arial, sans-serif;
							}
							
							#main form textarea
							{
								color: #464646;
								font-size: small;
								font-family: Arial, sans-serif;
								height: 100px;
								line-height: 1.2em;
								padding: 0px 2px;
								width: 340px;	
							}
						
						#main h1
						{
							background: url(images/flame.png) no-repeat left center;
							_background: url(images/flame.gif) no-repeat left center;
							color: #593a12;
							font-size: 133%;
							font-weight: normal;
							padding-left: 15px;
							margin-bottom: 8px;
							margin-left: -15px;
						}
						
						#main h2
						{
							color: #8c8884;
							font-size: 100%;
						}						
						
							body.home #main h2
							{
								background: url(images/flame.png) no-repeat left center;
								_background: url(images/flame.gif) no-repeat left center;
								color: #593a12;
								font-size: 133%;
								font-weight: normal;
								padding-left: 15px;
								margin-bottom: 11px;
								margin-left: 0px;
							}
							
							#main h2 a
							{
								color: #8c8884;
								text-decoration: underline;
							}
							
								#main h2 a:hover
								{
									text-decoration: none;
								}
								
								#main #main-culture-wrapper h2 a, #main #main-difference h2 a
								{
									color: #593a12;
									text-decoration: none;
								}
								
									#main #main-culture-wrapper h2 a:hover, #main #main-difference h2 a:hover
									{
										text-decoration: underline;
									}
								
						/* also in TinyMceStyles.css */
						#main img.photo
						{
							border: solid 1px #cec5bc;
						}
							
						#main ol
						{
							margin: 0px 20px 13px 33px;
						}
						
							#main ol li
							{
								margin-bottom: 13px;
							}						
						
						#main p
						{
							margin-bottom: 13px;
						}
						
							body.home #main p
							{
								font-size: 91%;
							}
						
							#main p.date
							{
								color: #593a12;
								font-family: Times New Roman, serif;								
								font-style: italic;
								margin-bottom: 0px;
							}
							
							#main p.yahoo
							{
								font-size: 80%;
							}
							
							/* updates to anything under "backtotop" should be mirrored in TinyMceStyles.css */
							#main p.backtotop
							{
								background: transparent url(/Assets/Images/backtotop-a.gif) no-repeat scroll top left;
								font-size: .8em;
								padding-left: 13px;
								text-transform: uppercase;
							}
							
								#main p.backtotop a:link,
								#main p.backtotop a:visited
								{
									text-decoration: none;
								}
								
								#main p.backtotop a:hover,
								#main p.backtotop a:active
								{
									text-decoration: underline;
								}
							
							/* updates to this class should be mirrored in TinyMceStyles.css */
							#main p.separator-solid
							{
								margin: 15px -31px 20px -20px;
							}
							
						#main table td
						{
							vertical-align: top;
						}
						
						#main ul
						{
							list-style: none;
							margin: 0px 20px 13px 20px;
						}
						
							#main ul li
							{
								background: url(images/main-li.gif) no-repeat left top;
								padding-left: 13px;
								margin-bottom: 13px;
							}
							
								#main ul li a
								{
									color: #054999;
									text-decoration: none;
								}
								
									#main ul li a:hover
									{
										text-decoration: underline;
									}
									
								#main ul li p.backtotop
								{
									margin: 15px 0 0 -13px;
								}

								#main ul li p.separator
								{
									margin: 8px -51px 20px -20px;
								}

						/* updates to anything under "extraspace" should be mirrored in TinyMceStyles.css */						
						#main ul.extraspace
						{
							margin-top: 13px;
						}

						/* updates to anything under "publications" should be mirrored in TinyMceStyles.css */
						#main ul.publications
						{
							list-style: none;
							margin: 0;
						}

							#main ul.publications li
							{
								background: none;
								float: left;
								height: 145px;
								margin-bottom: 23px;
								padding: 0;
								width: 229px;
								position: relative;
							}

							#main ul.publications li .image
							{
								border: solid 1px #cec5bc;
							}
							
							#main ul.publications li .link
							{
								background: transparent url(/Assets/Images/publication-li.gif) no-repeat scroll top left;
								bottom: 16px;
								left: 126px;
								padding-left: 13px;
								position: absolute;
								width: 98px;
							}
							
							#main ul.publications li a:link,
							#main ul.publications li a:visited
							{
								line-height: 1em;
								text-decoration: none;
							}

							#main ul.publications li a:hover,
							#main ul.publications li a:active
							{
								line-height: 1em;
								text-decoration: underline;
							}

						/* updates to anything under "two-column" should be mirrored in TinyMceStyles.css */
						#main ul.two-column
						{
							margin-left: 37px;
							margin-right: -50px;
						}

							#main ul.two-column li
							{
								float: left;
								width: 215px;
							}

						#main #crumbtrail
						{
							font-size: 80%;
							left: 26px;
							line-height: 1.25;
							list-style: none;
							margin: 0px;
							position: absolute;
							top: 4px;
						}
						
							#main #crumbtrail li
							{
								background-image: none;
								display: inline;
								margin: 0px;
								padding: 0px 1px 0px 0px;
							}
							
								#main #crumbtrail li a
								{
									background: url(images/crumbtrail-a.gif) no-repeat right center;
									padding-right: 8px;
								}
						
						#main #mission,
						#main #vision
						{
						}
						
							#main #mission h3,
							#main #vision h3
							{
								color: #8d8d8d;
								font-family: Times New Roman,serif;
								font-size: 1em;
								margin: -10px 0 8px 0;
								text-align: center;
								text-transform: uppercase;
							}
						
							#main #mission p,
							#main #vision p
							{
								color: #A88A61;
								font-family: Times New Roman,serif;
								font-size: 1.2em;
								font-style: italic;
								font-weight: bold;
								line-height: 1em;
								text-align: center;
							}
							
						body.home #main-culture-wrapper
						{
							width: 511px;
						}
						
							body.home #main-culture
							{
								background: url(images/home/main-culture.jpg) no-repeat left top;
								margin-bottom: 24px;
								margin-left: -6px;
								margin-top: -1px;
								padding: 2px 20px 0px 184px;
								width: 313px;
							}
						
						body.home #main-difference
						{
							background: url(images/home/main-difference.jpg) no-repeat right top;
							min-height: 141px;
							_height: 141px;
							padding-right: 193px;
							width: 312px;
						}
				
				#local
				{
					float: left;
					margin-left: -734px;
					width: 179px;
				}
				
					#local ul
					{
						
						list-style: none;
						margin: 14px 0px 0px 5px;
						width: 168px;
					}
					
						#local ul li
						{
							background-image: url(images/local-li.gif);
							background-position: left bottom;
							background-repeat: no-repeat;
							display: block;
							padding-bottom: 1px;
						}
						
							#local ul li.last
							{
								background-image: none;
							}
						
							#local ul li a
							{
								background-image: url(images/local-a.gif);
								background-position: left top;
								background-repeat: no-repeat;
								color: #646464;
								display: block;
								line-height: 1.25;
								padding: 4px 11px 4px 24px;
								text-decoration: none;
								width: 132px;
							}
							
								#local ul li a.active,
								#local ul li a:hover
								{
									background-position: 0px -100px;
									color: #fefeff;									
								}
							
								#local ul li a:hover
								{
									text-decoration: underline;
								}
								
								#local ul li a.children
								{
									background-position: 0px -200px;
								}
								
							#local ul li ul
							{
								margin: 1px 0px 0px 0px;
								width: auto;
							}
							
								#local ul li ul li
								{
									background-image: none;
								}
								
									#local ul li ul li.last
									{
										padding-bottom: 0px;
									}
								
									#local ul li ul li a
									{
										background-color: #efe6d8;
										background-image: none;
										font-size: 92%;
									}
									
										#local ul li ul li a.active,
										#local ul li ul li a:hover
										{
											color: #255f9c;												
										}
										
									#local ul li ul li ul
									{
									}
									
										#local ul li ul li ul li
										{
										}
										
											#local ul li ul li ul li a
											{
												background-color: #f9f1e3;
												padding: 4px 11px 4px 33px;
												width: 124px;
											}
					#local form
					{
						margin: 10px 0 0 15px;
					}
				#sub-wrapper
				{
					_display: inline;
					float: left;
					width: 216px;
				}
				
					body.home #sub-wrapper
					{
						background: url(images/home/sub-wrapper.gif) no-repeat left top;
						margin-left: 47px;
						width: 270px;
					}
				
					#sub
					{
						color: #a88a61;
						line-height: 1.4;
					}
					
						body.home #sub
						{							
							background: url(images/home/sub.gif) no-repeat left bottom;
							padding: 27px 26px 31px 26px;
						}
					
						#sub a.more
						{
							background: url(images/a-more.gif) no-repeat right center;
							color: #013e85;
							font-weight: bold;
							padding-right: 17px;
							text-decoration: none;
						}
						
							#sub a.more:hover
							{
								text-decoration: underline;
							}				
					
						#sub h2
						{
							background: url(images/flame.png) no-repeat left center;
							_background: url(images/flame.gif) no-repeat left center;
							color: #593a12;
							font-size: 133%;
							font-weight: normal;
							padding-left: 15px;
							margin-bottom: 11px;
						}
						
							#sub h2 span.light
							{
								color: #c4b199;
							}
						
						#sub p
						{
							margin-bottom: 12px;
						}
						
						#sub ul
						{
							list-style: none;
							margin-bottom: 17px;
							margin-left: 17px;
						}
						
							#sub ul li
							{
								background: url(images/li.gif) no-repeat left top;
								line-height: 1.27;
								padding-left: 8px;
								margin-bottom: 13px;
							}
							
								#sub ul li a
								{
									color: #054999;
									text-decoration: none;
								}
								
									#sub ul li a:hover
									{
										text-decoration: underline;
									}
							
								body.home #sub ul li em
								{
									color: #593a12;
									font-family: Times New Roman, serif;
								}
								
						#sub-contact
						{
							background: url(images/sub-contact.jpg) no-repeat center top;
							min-height: 167px;
							_height: 167px;
							padding-left: 22px;
							padding-right: 95px;
							padding-top: 19px;
						}
						
							#sub-contact p.text
							{
								font-size: 92%;
								padding-top: 4px;
								padding-right: 2px;
							}
							
						#sub-factoid
						{
							margin: 0px 20px;
						}
						
							#sub-factoid-top
							{
								background: url(images/sub-factoid.gif) no-repeat 0px 0px;
								height: 25px;
							}
							
							#sub-factoid p
							{
								display: none;
								font-family: Times New Roman, serif;
								font-style: italic;
								line-height: 1.33;
								padding: 6px 3px 0px 1px;
								margin-bottom: 8px;
								text-align: center;
							}
							
								#sub-factoid a, #sub-factoid a:link, #sub-factoid a:visited, #sub-factoid a:hover, #sub-factoid a:active
								{
									color: #013E85;
								}
							
							#sub-factoid-bottom
							{
								background: url(images/sub-factoid.gif) no-repeat 0px -25px;
								height: 11px;
							}

	#wrapper-footer
	{
		background-image: url(images/wrapper-footer.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		height: 59px;
		min-width: 960px;		
	}
		
		body.home #wrapper-footer
		{
			background-image: url(images/home/wrapper-footer.jpg);
		}
		
		#footer
		{
			height: 59px;
			margin: 0px auto;
			position: relative;
			width: 960px;
		}
		
			#footer-donate
			{
				background-image: url(images/footer-donate.jpg);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				display: block;
				height: 28px;
				left: 796px;
				position: absolute;
				text-indent: -1000em;
				top: 14px;
				width: 90px;
			}
			
				#footer-donate:hover
				{
					background-position: 0px -28px;
				}
		
			#utility
			{
				font-size: 80%;
				left: 36px;
				position: absolute;
				top: 21px;
			}
			
				#utility li
				{
					display: inline;
					margin-right: 24px;
				}
				
					#utility li a
					{
						color: #646464;
						text-decoration: none;
						text-transform: uppercase;
					}
					
						#utility li a:hover
						{
							text-decoration: underline;
						}
		
			#copyright
			{
				color: #a8b7ca;
				font-size: 75%;
				position: absolute;
				left: 36px;
				top: 45px;
			}

	#wrapper-navigation
	{
		position: absolute;
		top: 111px;
		width: 100%;
	}

		#navigation
		{
			background: url(images/navigation.gif) no-repeat center top;
			height: 27px;
			margin: 0px auto;
			width: 960px;
		}
		
			#navigation ul
			{
				list-style: none;
			}
			
				#navigation ul li
				{
					display: block;
					_display: inline;
					float: left;
				}
		
					#navigation ul li#nav1
					{
						margin-left: 28px;
						width: 26px;
					}

					#navigation ul li#nav2
					{
						margin-left: 17px;
						width: 27px;
					}

					#navigation ul li#nav3
					{
						margin-left: 218px;
						width: 84px;
					}

					#navigation ul li#nav4
					{
						width: 84px;
					}

					#navigation ul li#nav5
					{
						width: 81px;
					}

					#navigation ul li#nav6
					{
						width: 157px;
					}

					#navigation ul li#nav7
					{
						width: 100px;
					}

					#navigation ul li#nav8
					{
						width: 118px;
					}
		
					#navigation ul li a
					{
						display: block;
						height: 27px;
						text-indent: -1000em;
					}
					
						#navigation ul li.hover a,
						#navigation ul li a:hover
						{
							background-image: url(images/navigation.gif);
							background-repeat: no-repeat;
						}
					
							#navigation ul li#nav1.hover a,
							#navigation ul li#nav1 a:hover
							{
								background-position: -28px -54px;
							}
							
							#navigation ul li#nav2.hover a,
							#navigation ul li#nav2 a:hover
							{
								background-position: -71px -54px;
							}
							
							#navigation ul li#nav3.hover a,
							#navigation ul li#nav3 a:hover
							{
								background-position: -316px -54px;
							}
							
							#navigation ul li#nav4.hover a,
							#navigation ul li#nav4 a:hover
							{
								background-position: -400px -54px;
							}
							
							#navigation ul li#nav5.hover a,
							#navigation ul li#nav5 a:hover
							{
								background-position: -484px -54px;
							}
							
							#navigation ul li#nav6.hover a,
							#navigation ul li#nav6 a:hover
							{
								background-position: -565px -54px;
							}
							
							#navigation ul li#nav7.hover a,
							#navigation ul li#nav7 a:hover
							{
								background-position: -722px -54px;
							}
							
							#navigation ul li#nav8.hover a,
							#navigation ul li#nav8 a:hover
							{
								background-position: -822px -54px;
							}
							
								#navigation ul li div.dropdown
								{
									background: url(images/dropdown.png) no-repeat left bottom;
									_background: url(images/dropdown.gif) no-repeat left bottom;
									display: none;
									padding-bottom: 16px;
									position: absolute;
									margin-left: -2px;
									top: 27px;
									width: 161px;									
								}
							
									#navigation ul li div.dropdown-top
									{
										background-image: url(images/dropdown-top.png);
										_background-image: url(images/dropdown-top.gif);
										background-repeat: no-repeat;
										height: 4px;
										overflow: hidden;
									}
							
										#navigation ul li#nav3 div.dropdown-top
										{
											background-position: 0px 0px;
										}
										
										#navigation ul li#nav4 div.dropdown-top
										{
											background-position: 0px -4px;
										}										

										#navigation ul li#nav5 div.dropdown-top
										{
											background-position: 0px -8px;
										}
										
										#navigation ul li#nav6 div.dropdown-top
										{
											background-position: 0px -12px;
										}										
							
										#navigation ul li#nav7 div.dropdown-top
										{
											background-position: 0px -16px;
										}
										
										#navigation ul li#nav8 div.dropdown-top
										{
											background-position: 0px -20px;
										}		
							
									#navigation ul li div.dropdown ul
									{
										background: url(images/dropdown-ul.png) repeat-y top left;
										_background: url(images/dropdown-ul.gif) repeat-y top left;
									}
									
										#navigation ul li div.dropdown ul li
										{
											background: url(images/dropdown-li.gif) no-repeat center bottom;
											display: block;
											float: none;
											padding: 0px 3px 1px 3px;
											width: 155px;
										}
										
											#navigation ul li div.dropdown ul li.last
											{
												background-image: none;
											}
										
											#navigation ul li div.dropdown ul li a
											{
												background-image: none;
												color: #7b7a7a;
												font-size: 85%;
												height: auto;
												line-height: 1.18;
												padding: 3px 10px 4px 10px;
												text-decoration: none;
												text-indent: 0em;
												width: 135px;
											}
											
												#navigation ul li div.dropdown ul li a:hover
												{
													background-color: #ffffff;
													background-image: none;
													color: #4e7bab;
												}