
BODY
{
	margin: 0;
	padding: 0;
	font: normal normal 12pt segoe ui, arial, helvetica, sans serif;
}

DIV
{
	margin: 0;
	padding: 0;
	position: relative;
}

.section_container
{
	width: 100%;
}

.content_container
{
	max-width: 1200px;
	margin: 0 auto;
}

#header_container
{
	height: 70px;
	background: url(/art/template/bg-header.png) repeat center center;
	border-bottom: 2px solid #d4a41c;
}

	#header_content_logo
	{
		height: 120px;
		width: 120px;
		background-color: #FFF;
		border: 1px solid #B80;
		top: 10px;
		z-index: 9150;
		margin-left: 2px;
	}

	#header_content_logo A
	{
		background: url(/art/template/logo.png) #FFF no-repeat center center;
		height: 100%;
		width: 100%;
		display: block;
		background-size: 95%;
		text-decoration: none;
	}

	#header_content_tagline_background
	{
		z-index: 9000;
		width: 100%;
		background-color: #222;
		opacity: .8;
		height: 28px;
		position: absolute;
		top: 72px;
	}

	#header_content_tagline
	{
		z-index: 9000;
		color: #efbd2f;
		margin: -3.1em 0 0 140px;
		font-style: italic;
		font-size: .95em;
	}

	#header_container H5
	{
		position: absolute;
		top: 16px;
		left: 120px;
		width: 25%;
		color: #FFF;
		font-size: 1.6em;
		margin: 0;
		padding: 0;
	}

	#header_content_menu
	{
		position: absolute;
		top: 0px;
		left: 50%;
		width: 50%;
		color: #FFF;
	}

		#header_content_menu > UL
		{
			padding: 0;
			margin: 0;
			list-style: none;
		}

		#header_content_menu > UL > LI
		{
			display: inline-block;
			padding: 0;
			margin: 0;
		}

		#header_content_menu > UL DIV
		{
			display: none;
			color: #000;
			width: 300px;
		}

		#header_content_menu > UL LI:hover DIV
		{
			display: block;
			position: absolute;
			background-color: #FFF;
			border: 0px solid #D51;
			border-top: 0;
			z-index: 10000;
			margin-left: 0px;
			/* margin-top: 2px; */
			padding: 1em 1.5em 1.8em 1.5em;
			-webkit-box-shadow: 2px 2px 5px 0px rgba(102,102,102,1);
			-moz-box-shadow: 2px 2px 5px 0px rgba(102,102,102,1);
			box-shadow: 2px 2px 5px 0px rgba(102,102,102,1);
		}

		#header_content_menu H2
		{
			color: #B80;
			font-size: 1.1em;
			padding: 0;
			margin: 0 0 1em 0;
		}

		#header_content_menu > UL DIV UL
		{
			margin: 0;
			padding: 0 0 0 25px;
		}

		#header_content_menu > UL DIV UL LI
		{
			list-style-type: square;
		}

		#header_content_menu > UL DIV UL LI A, #header_content_menu > UL DIV UL LI A:visited
		{
			display: inline-block;
			padding: .4em .4em;
			color: #069;
			text-decoration: none;
		}

		#header_content_menu > UL DIV UL LI A:hover
		{
			color: #B80;
		}

		#header_content_menu > UL > LI A.navigation, #header_content_menu > UL > LI A.navigation:visited
		{
			font-size: 20px;
			color: #efbd2f;
			text-transform: uppercase;
			display: inline-block;
			padding: 22px 20px 0px 20px;
			text-decoration: none;
			font-family: tahoma, arial, helvetica, sans serif;
			height: 48px;
		}

		#header_content_menu > UL > LI:hover
		{
			background-color: #be840c;
		}

		#header_content_menu > UL > LI:hover > A
		{
			color: #FFF;
		}



	#header_content_donate
	{
		position: absolute;
		top: 24px;
		left: 90%;
		width: 10%;
		color: #FFF;
	}

	#header_content_donate A, #header_content_donate A:visited
	{
		text-decoration: none;
		padding: .4em .8em;
		border: 1px solid #805b10;
		background-color: #be840c;
		color: #FFF;
		text-transform: uppercase;
	}

	#header_content_donate A:hover
	{
		background-color: #d4a41c;
	}

	#header_content_contact
	{
		position: absolute;
		top: 20px;
		left: 140px;
		width: 30%;
		color: #FFF;
		font-size: .9em;
	}


#body_container
{
	padding-top: 50px;
}

.body_content_container
{
	padding: 0 10%;
	max-width: 960px;
	width: 80%;
	margin: 0 auto;
}

	.body_content_container H1
	{
		color: #27A;
		font-size: 2.2em;
		font-weight: normal;
		margin-bottom: 1em;
		margin-top: 1em;
	}

	.body_content_container H2
	{
		font-size: 1.6em;
		color: #27A;
		margin-top: 1.4em;
		margin-bottom: .5em;
		font-weight: normal;
	}

	.body_content_container H3
	{
		font-size: 1.4em;
		color: #27A;
		margin-top: 1.4em;
		margin-bottom: .5em;
		font-weight: normal;
	}

	.body_content_container H4
	{
		font-size: 1.1em;
		color: #27A;
		font-weight: normal;
	}

	.body_content_container TABLE
	{
		border: 1px solid #666;
	}

	.body_content_container TR
	{

	}

	.body_content_container TH
	{
		vertical-align: top;
		padding: .6em .8em;
		text-align: left;
		background-color: #DDD;
	}

	.body_content_container TD
	{
		vertical-align: top;
		padding: .6em .8em;
		text-align: left;
	}


	.body_content_container A, .body_content_container A:visited
	{
		color: #B80;
		text-decoration: none;
	}

	.body_content_container A:hover
	{
		text-decoration: underline;
		color: #E90;
	}

	A.pdf
	{
		background: url(/art/template/pdf-link.png) no-repeat 0 4px;
		padding-left: 24px;
	}

		A.pdf:hover
		{
			background-position: 0 -20px;
		}

	.body_content_container UL
	{
		list-style: square;
		margin: 0 0 0 15px;
		padding: 0;
	}

	.body_content_container LI
	{
		margin: 0 0 .8em 20px;
		padding: 0 0 0 5px;
	}

	.column_half
	{
		width: 42%;
		margin: 0;
		padding: 1em 4%;
		float: left;
	}

	.column_third
	{
		width: 27%;
		margin: 0;
		padding: 1em 3%;
		float: left;
	}

	.column_quarter
	{
		width: 21%;
		margin: 0;
		padding: 1em 2%;
		float: left;
	}


	IMG.left, IFRAME.left
	{
		margin: 0 2em 2em 0;
		float: left;
	}

	IMG.right, IFRAME.right
	{
		margin: 0 0 2em 2em;
		float: right;
	}

	.clear
	{
		clear: both;
	}

	.mt2
	{
		margin-top: 4em!important;
	}

	.mt7
	{
		margin-top: 7em!important;
	}


	.church_map
	{
		width: 400px;
		height: 400px;
		border:1px solid #999;
		float: right;
	}


	#photo_container
	{

	}

	#photo_container IMG
	{
		float: left;
		width: 274px;
		height: 206px;
		margin: 0 1em 1em 0;
	}

	#prayer_of_church P
	{
		width: 80%;
		margin: 1em 0 0 5%;
		line-height: 1.6em;
		font-family: garamond, arial, sans serif;
		font-size: 1.4em;
		font-style: italic;
	}




/* Calendar */


	.calendar
	{
		list-style: none!important;
		font-size: .9em;
	}

	.calendar LI
	{
		margin: 0 0 1.5em 0;
		vertical-align: center;
	}

	.calendar P
	{
		display: inline-block;
		float: left;
		width: 50px;
		background-color: #F2F2F2;
		border: 1px solid #DDD;
		text-align: center;
		margin: 0 1em 0 0;
		padding: 4px 0 6px 0;
	}

	.calendar P B
	{
		font-size: 1.1em;
		display: block;
		color: #444;
	}

	.calendar P EM
	{
		font-size: 1.2em;
		font-style: normal;
		margin: -.2em 0 0 0;
		color: #444;
		display: block;
	}

	.calendar STRONG
	{
		color: #27A;
		font-size: 1.2em;
		font-weight: normal;
	}


	.quote
	{
		width: 80%;
		background: url(/art/template/quote.png) no-repeat top left;
		padding: 1em 0 0 8%;
		background-size: 10%;
	}






/* Footer */



#footer_container
{
	background-color: #333;
	color: #EEE;
	padding: 4em 0 1em 0;
	margin-top: 5em;
	border-top: 3px solid #666;
}

	#footer_container A, #footer_container A:visited
	{
		color: #FFF;
	}

	#footer_content
	{
		max-width: 1000px;
		width: 100%;
	}

		#footer_content A, #footer_content A:visited
		{
			text-decoration: none;
		}

		#footer_content A:hover
		{
			color: #EB2;
			text-decoration: underline;
		}

	#footer_content_address
	{
		width: 33%;
		float: left;
		padding-left: 2%;
	}

		#footer_content_address STRONG
		{
			color: #B80; /* #D51; */
			font-size: 1.2em;
			padding-bottom: .8em;
			display: inline-block;
		}

	#footer_content_menu
	{
		width: 65%;
		float: left;
	}

		#footer_content_menu UL
		{
			width: 34%;
			margin: 0 0 0 5%;
			padding: 0;
			float: left;
			list-style: none;
		}

		#footer_content_menu UL.first
		{
			margin-left: 25%;
		}

		#footer_content_menu UL LI
		{
			margin-bottom: .5em;
		}

		#footer_content_menu .footer_title
		{
			font-weight: bold;
			margin-bottom: 1em;
			color: #B80;
			font-size: 1.2em;
		}

	#footer_copyright
	{
		padding-top: 2em;
		max-width: 960px;
		margin: 0 auto;
	}


/* Common */

	.aleft { text-align: left; }
	.acenter { text-align: center; }
	.aright { text-align: right; }

	.left
	{
		float: left;
	}

	.right
	{
		float: right;
	}

	IMG.left
	{
		margin: 0 2em 2em 0;
	}

	IMG.right
	{
		margin: 0 0 2em 2em;
	}

	.desktop_n
	{
		display: none;
	}

	.mobile_y
	{
		display: none;
	}


@media screen and (max-width: 1050px)
{
	BODY
	{
		font-size: .95em;
	}

	#header_container
	{
		height: 60px;
	}

	#header_content_menu > UL > LI A.navigation
	{
		height: 38px;
	}

	#header_content
	{
		font-size: .9em;
	}

	#header_content H5
	{
		left: 100px;
		font-size: 1.2em;
		width: 100px;
		top: 14px;
	}

	#header_content_logo
	{
		width: 70px;
		height: 70px;
		margin-left: 20px;
	}

	#header_content_tagline_background
	{
		top: 62px;
	}

	#header_content_tagline
	{
		margin-top: -.5em;
		margin-left: 110px;
	}

	#header_content_contact
	{
		left: 110px;
		width: 33%;
	}

	#header_content_donate
	{
		left: 85%;
	}

	#header_content_menu
	{
		left: 42%;
	}

	#header_content_menu > UL > LI A.navigation, #header_content_menu > UL > LI A.navigation:visited
	{
		font-size: 16px;
	}

	.body_content_container
	{
		width: 88%;
		margin: 1em 0 0 0;
		padding: 0 6%;
	}

	.body_content_container H1
	{
		font-size: 1.5em;
	}



}


@media screen and (max-width: 820px)
{

	#header_content_contact
	{
		display: none;
	}

	#header_content_menu
	{
		left: 100px;
		width: 70%;
	}

}

@media screen and (max-width: 599px)
{
	BODY
	{
		font-size: .9em;
	}

	.mobile_y, .desktop_n
	{
		display: inherit;
	}

	.mobile_n
	{
		display: none;
	}

	#header_container
	{
		height: 60px;
	}

	#header_content_menu
	{
		left: 70px;
		width: 70%;
	}

	#header_content H5
	{
		left: 70px;
		font-size: .9em;
		top: 14px;
		width: 50px;
	}

	#header_content_logo
	{
		width: 40px;
		height: 40px;
	}

	#header_content_tagline, #header_content_tagline_background
	{
		display: none;
	}

	#header_content_menu > UL > LI A.navigation, #header_content_menu > UL > LI A.navigation:visited
	{
		font-size: 12px;
		height: 38px;
		padding-left: 5px;
		padding-right: 5px;
	}

	#header_content_menu > UL DIV
	{
		left: -60px;
	}

	#header_content_donate
	{
		left: 75%;
	}

	#footer_content_menu
	{
		float: none;
		width: 90%;
		margin-left: 5%;
	}

	#footer_content_menu UL
	{
		width: 98%;
		margin: .5em 1%;
	}

		#footer_content_menu UL.first
		{
			margin-left: 1%;
		}


	#footer_content_address
	{
		float: none;
		width: 90%;
		padding-left: 5%;
	}

	#body_container
	{
		padding-top: 1em;
	}

	.body_content_container
	{
		width: 94%;
		margin: 1em 0 0 0;
		padding: 0 3%;
	}

	.body_content_container H1
	{
		font-size: 1.3em;
	}

	.body_content_container H2
	{
		font-size: 1.15em;
		margin-top: 1.2em;
	}

	.body_content_container IMG
	{
		width: 30%;
	}

	.column_half, .column_third
	{
		width: 98%;
	}

	.column_quarter
	{
		width: 46%;
	}

	.column_quarter IMG,.column_third IMG
	{
		width: 40%;
	}

	.calendar STRONG
	{
		font-size: 1em;
	}

	IFRAME.left, IFRAME.right /* IMG.left, IMG.right  */
	{
		margin: 1em 0;
		float: none;
	}

	.church_map
	{
		width: 96%;
		margin: 1em 2%;
		float: none;
	}

	.

	#prayer_of_church P
	{
		width: 96%;
		margin: 1em 2%;
	}

	#photo_container IMG
	{
		width: 130px;
		margin: 9px;
		height: 98px;
	}


}

@media print {

	#header_content_menu, #header_content_donate, #footer_container
	{
		display: none;
	}

	#header_content_contact
	{
		width: 80%;
	}

	.body_content_container
	{
		margin-right: 0;
	}

	.body_content_container H1
	{
		font-size: 1.6em;
	}


}

.tight
{
	margin: .1em;
}

.bold
{
	font-weight: bold;
}