/* VERSIONS
/* 1_0: Primary Site Structure
/* 1_1: Changed default colors and site width
/* 1_2: Updated to Sticky Footers, added tertiary-content [Author: Landon Durnan]
/* 1_3: General Cleanup; text-indent/overflow modifications [Author: Nick & Alex]
/* 1_4: Shared Images [Author: Nick Hall]
/* 2_0: Layout selector despecification and absolute positioning removed [Author: Nick & Alex]
----------------------------------------------------------------------------- */

/*
-----------------------------------------------------------------------------
 =Main Positioning Styles
----------------------------------------------------------------------------- */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
#TB_window *,
.WebPartZoneAdd,
.PartTitleBar,
#PageActions_DockPanel *,
#ToolZoneUpdatePanel * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	}
html { 
	height: 100%; 
	background: url(/images/seasons/bg-winter.jpg) no-repeat center center fixed;  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	}
/* Seasonal BG Image */
html.month3,
html.month4,
html.month5  { background: url(/images/seasons/bg-spring.jpg) no-repeat center center fixed; }	
html.month6,
html.month7,
html.month8  { background: url(/images/seasons/bg-summer.jpg) no-repeat center center fixed; }	
html.month9,
html.month10,
html.month11 { background: url(/images/seasons/bg-fall.jpg) no-repeat center center fixed; }	
body {
	text-align: center;
	/*background: url(/_infrastructure/images/common/bg-html.png);*/
	/* should use same bg image or color as footer for short content pages */
	height: 100%;
	min-height: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	}
body > form { height: 100%; }
body > form[action^="/_infrastructure/Forms/index.aspx"] { height: 0; }
body > form[action^="/_infrastructure/forms/index.aspx"] { height: 0; }
#container { margin-bottom: -356px; min-height: 100%; /*background: url(/_infrastructure/images/common/bg-body.png) repeat-x;*/ }
#container:after { content: ""; display: block; height: 356px; }
	#inner-container {
		/*background: #fff; url(/_infrastructure/images/common/bg-container.png) top center repeat-y;*/
		height: 100%;
		width: 100%;
		position: relative;
		text-align: left;
		}
		#content {
			position: relative;
			width: 940px;
			margin: 0 auto;
			padding: 30px 0 0 0;
			word-wrap: break-word;
			}


/*
-----------------------------------------------------------------------------
 =Header
----------------------------------------------------------------------------- */
#header {
	z-index: 100;
	position: relative;
	}
		#header #thoughts-container { 
			height: 0;
			overflow: hidden;
			transition: height 1s; 
			-webkit-transition: height 1s; 
			-moz-transition: height 1s; 
			-o-transition: height 1s; 
			background: url(/images/common/bg-thoughts.jpg) 0 0 repeat-x;
			}
		#header #thoughts-container.open { height: 160px; }
			#thoughts-inner { 
				background: url(/images/common/bg-thoughts-heart.png) 7px 0 no-repeat;
				position: relative;
				width: 1108px;
				height: 100%;
				margin: 0 auto;
				}
				#thoughts-inner span.thoughtfortheday { background: url(/images/common/logo-thoughts.png) 0 25px no-repeat; display: block; width: 249px; height: 83px; margin: 0 0 0 116px; font-size: 0; color: transparent; }
				#thoughts-inner a.button { 
					background: url(/images/common/btn-prayerrequests2.png) 0 0 no-repeat; 
					display: block; 
					width: 156px; 
					height: 41px; 
					margin: 12px 0 0 154px; 
					font-size: 0; 
					color: transparent; 
					border: none; 
					filter: none; 
					box-shadow: none;
					text-shadow: none;
					border-radius: 0;
					}
				#thoughts-inner a.button:hover { background: url(/images/common/btn-prayerrequests2.png) 0 -41px no-repeat; }
				#thoughts-inner .thoughts { 
					position: absolute;
					right: 68px;
					top: 4px;
					width: 630px; 
					height: 120px; 
					}
				#thoughts-inner .thoughts dl,
				#thoughts-inner .thoughts ul { list-style: none; margin: 0; }
				#thoughts-inner .thoughts dl dd,
				#thoughts-inner .thoughts ul li { margin: 0; background: none; padding: 0; }
				#thoughts-inner .thoughts dl dd div,
				#thoughts-inner .thoughts ul li .caption { padding-right: 90px; }
				#thoughts-inner .thoughts dl dd div p,
				#thoughts-inner .thoughts ul li .caption p { 
					color: #fff;
					font-family: "PT Serif", serif;
					font-size: 18px;
					font-style: italic;
					text-shadow: 0 -1px 0 rgba(0,0,0,.51);
					margin: 0;
					padding: 35px 0 0 50px;
				}
				#thoughts-inner .thoughts dl dd div p:before,
				#thoughts-inner .thoughts ul li .caption p:before {
					content:'\201C';
					color: #000;
					color: rgba(0,0,0,.5);
					font-family: "Roboto";
					font-size: 100px;
					text-shadow: 0 1px 0 rgba(255,255,255,.22);
					position: absolute;
					top: 0;
					left: 0;
				}
				#thoughts-inner .thoughts-cite,
				#thoughts-inner .thoughts ul li > span { 
					color: #000;
					color: rgba(0,0,0,.5);
					font-family: "Roboto Condensed";
					font-size: 12px;
					font-weight: bold;
					text-shadow: 0 1px 0 rgba(255,255,255,.22);
					text-transform: uppercase;
					position: absolute;
					right: 100px;
					bottom: 0;
				}
				#thoughts-inner .thoughts-cite { bottom: auto; top: 108px; }
				#thoughts-inner .thoughts-cite:before,
				#thoughts-inner .thoughts ul li > span:before { content: "~"; }
				#thoughts-inner .thoughts-thumb,
				#thoughts-inner .thoughts ul li .thumb { 
					float: right;
					height: 83px; 
					width: 83px; 
					margin-top: 20px;
					overflow: hidden; 
					min-width: 0; 
					max-width: 100%; 
					border: 10px solid #9C1D33;
					border: 10px solid rgba(0,0,0,.08);
					-moz-border-radius: 51px / 52px;
					-webkit-border-radius: 51px / 52px;
					border-radius: 51px / 52px;
					-moz-background-clip: padding;
					-webkit-background-clip: padding-box;
					background-clip: padding-box;
					background-color: #fff;
					}
				#thoughts-inner .thoughts-thumb { float: none; position: absolute; top: 0; right: 0; }
				#thoughts-inner .thoughts-thumb img,
				#thoughts-inner .thoughts ul li .thumb img { 
					width: 83px; 
					display: block;
					max-width: 100%;
					}
		#header #search-container { 
			height: 0;
			overflow: hidden;
			transition: height 1s; 
			-webkit-transition: height 1s; 
			-moz-transition: height 1s; 
			-o-transition: height 1s; 
			background: url(/images/common/bg-search.jpg) 0 0 repeat-x;
			}
		#header #search-container.open { height: 160px; }
			#header #search-inner {  
				position: relative;
				width: 940px;
				margin: 0 auto;
				text-align: center;
				height: 100%;
			}
	#header-inner { height: 247px; }
	#header-inner .header-bg { height: 247px; width: 100%; background: url(/images/common/bg-header.png) 0 0 repeat-x; position: absolute; }
		#header-center { 
			position: relative;
			width: 940px;
			height: 100%;
			margin: 0 auto;
		}
	#masthead {
		position: relative;
		display: block;
		padding: 32px 0 0 0;
		}
	#site-name {}
		#site-name a {
			background: url(/images/common/bg-logo.png) no-repeat;
			display: block;
			height: 111px;
			text-decoration: none;
			width: 324px;
			text-indent: -200%;
			white-space: nowrap;
			overflow: hidden;
			}
	#site-tagline {}
/* Mini-Sub-Sites Header Styles */
#header-inner.shlc { background: #FFF url(/images/common/bg-header-sub1.jpg) 0 0 no-repeat; }
#header-inner.qoaslc { background: #FFF url(/images/common/bg-header-sub2.jpg) 0 0 no-repeat; }
#header-inner.ccc { background: #FFF url(/images/common/bg-header-sub3.jpg) 0 0 no-repeat; }
#header-inner.ao { background: #2C180B url(/images/common/bg-header-sub4.jpg) 0 0 no-repeat; }
#header-inner.header-sub {
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	background-position: 50% 0;
	}
.header-sub #masthead { text-align: center; }
.ao #masthead { height: 186px; padding-top: 0; }
.ao #site-name { height: 100%; }
.header-sub #site-name a { 
	background: none;
	height: auto;
	width: auto;
	text-indent: 0;
	white-space: normal;
	overflow: visible;
	color: #3f3f41;
	font-family: 'PT Serif', serif;
	font-size: 3.6em;
	text-shadow: 0 0 35px #fff;
	}
.ao #site-name a { 
	height: 100%;
	text-indent: -200%;
	white-space: nowrap;
	overflow: hidden;
	}
.header-sub #site-motto a { 
	color: #b20838;
	font-family: "PT Serif", serif;
	font-style: italic;
	font-size: 2.2em;
	text-shadow: 0 0 35px #fff;
	}
.header-sub #breadcrumbs,
.header-sub #nav { display: none; }
.ao #breadcrumbs { display: block; }
	

@media screen and (max-width: 1108px) {
	#thoughts-inner { width: 940px; }
	#thoughts-inner span.thoughtfortheday { margin-left: 16px; }
	#thoughts-inner a.button { margin-left: 54px; }
	#thoughts-inner .thoughts { right: 0; }
}

/*
-----------------------------------------------------------------------------
 =Content
----------------------------------------------------------------------------- */
#content-header { 
	font-size: 1.4em;
	line-height: 1.45;
	color: #3f3f41;
	}
.layout-n0-p1-s1 #content-header,
.layout-n1-p1-s1 #content-header,
.landing.layout-n1-p1-s1-top #content-header,
.landing.layout-n0-p1-s1-top #content-header { width: 74.47%; }
.layout-n1-p1-s1 #content-header,
.layout-n0-p1-s1 #content-header,
.landing.layout-n1-p1-s1-top #content-header,
.landing.layout-n0-p1-s1-top #content-header { padding-right: 30px; }
.layout-n1-p1-s1-top #content-header,
.layout-n1-p1-s0-top #content-header,
.layout-n0-p1-s1-top #content-header { margin-bottom: 30px; }
.landing #content-header { margin-top: 30px; padding-right: 30px; margin-bottom: 0; }
	#content-header h1 { margin: 0; padding: 3px 0 20px 0; border-bottom: 1px solid #d1d1d1; display: block; position: relative; }
	#content-header h1:after { content: ""; height: 1px; width: 100%; display: block; position: absolute; bottom: 1px; left: 0; border-bottom: 1px solid #d1d1d1; }

.pc, .sc, .tc, #TopZone {
	font-size: 1.4em;
	line-height: 1.45;
	color: #3f3f41;
	float: left;
	position: relative;
	min-height: 470px;
	}
.pc,
#content > #TopZone {
	padding: 0 30px 20px;
	}
.pc {
	padding-top: 30px;
	padding-bottom: 40px;
	width: 48.94%; /* 460/940px */ /* width of .pc in three column layout */
	}
#TopZone {
	float: none;
	min-height: 0;
	}
.landing #content > #TopZone { padding: 0; }	
.sc,
.tc {
	clear: right;
	width: 25.53%; /* 240/940px */
	padding: 30px 0 40px;
	}
.sc { padding-left: 0; padding-top: 10px; }
.tc { padding-right: 0; }


/*
-----------------------------------------------------------------------------
 =Footer
----------------------------------------------------------------------------- */
#footer-container {
	background: url(/images/common/bg-footer.png) repeat-x;
	padding-bottom: 40px; /* Miniumum value of 20px to account for SchoolsSuite Dock */
	position: relative;
	overflow: hidden;
	height: 356px;
	}
	#footer {
		/*background: #fff; url(/_infrastructure/images/common/bg-container.png) top center repeat-y;*/
		height: 100%;
		width: 1108px;
		margin: 0 auto;
		padding: 20px 0;
		position: relative;
		text-align: left;
		}
	#footer:after { content: ""; display: table; clear: both; }
		#footer .vcard {
			background: url(/images/common/bg-address.png) 0 0 no-repeat;
			width: 430px;
			height: 174px;
			margin: 33px 0 0 98px;
			padding: 18px 0 0 150px;
			float: left;
			}
			#footer .vcard a { color: inherit; } /* Phone number links in mobile browsers */
			#footer .vcard a:hover {}
			#footer .vcard .org { 
				display: block; 
				color: #3f3f41;
				font-family: "PT Serif", serif;
				font-size: 14px;
				font-weight: bold;
				text-shadow: 0 1px 0 rgba(255,255,255,.38);
				font-variant: small-caps;
				}
			#footer .vcard .org span { font-style: italic; font-weight: normal; font-variant: normal; }
			#footer .vcard .adr, 
			#footer .vcard .tel, 
			#footer .vcard .fax { 
				display: block; 
				font-family: 'Roboto', sans-serif;
				font-size: 13px;
				font-weight: 500;
				color: #716f70;
				text-shadow: 0 1px 0 rgba(255,255,255,.38);
				line-height: 1.5em;
				}
			#footer .vcard .fax:before { display: none; }
				#footer .vcard .org-alt { display: block; }
				#footer .vcard .street-address { display: inline-block; }
				#footer .vcard .locality { display: inline-block; }
				#footer .vcard .region { display: inline-block; }
				#footer .vcard .postal-code { display: inline-block; }
			#footer .vcard .tel { display: inline-block; }
			#footer .vcard .fax { display: inline-block; }
			#footer #our-mission { 
				position: absolute;
				right: 0;
				top: 38px;
				height: 258px;
				width: 554px;
				background: url(/images/common/motto-header.png) 0 0 no-repeat; 
				}
			#footer #our-mission p { 
				padding: 50px 145px 0 0; 
				color: #3f3f41;
				font-family: "PT Serif", serif;
				font-size: 14px;
				font-weight: bold;
				font-style: italic;
				text-shadow: 0 1px 0 rgba(255,255,255,.53);
				}
			#footer #our-mission p .dropcap{ 
				color: #e0e0e0;
				font-family: "PT Serif", serif;
				font-size: 40px;
				text-shadow: 0 -1px 0 rgba(0,0,0,.2);
				border: none;
				box-shadow: none;
				margin: 0 .15em 0 0;
				padding: 0;
				font-style: normal;				
				}
			#footer #our-mission .button-prayer { 
				background: url(/images/common/btn-prayer2.png) 0 0 no-repeat;
				display: inline-block;
				position: absolute;
				right: 0;
				top: 94px;
				width: 285px;
				height: 180px;
				font-size: 0;
				color: transparent;
				}
			#footer #our-mission .button-prayer:hover { background: url(/images/common/btn-prayer2.png) 0 -180px no-repeat; }
@media screen and (max-width: 1108px) {
	#footer { width: 940px; }
	#footer .vcard { margin-left: 0; }
	#footer #our-mission { right: -40px; }
}


/*
-----------------------------------------------------------------------------
 =Structure
----------------------------------------------------------------------------- */

/* One Column
----------------------------------------------------------------------------- */
.layout-n0-p1-s0 .pc {
	width: 100%; 
	/*max-width: 820px;*/
	margin: 0 auto;
	float: none;
	}


/* Two Column A / Two Column A Top
----------------------------------------------------------------------------- */
.layout-n1-p1-s0 .pc ,
.layout-n1-p1-s0-top .pc { width: 74.47%; /* 700/940px */ padding-right: 0; }
.layout-n1-p1-s0 .tc,
.layout-n1-p1-s0-top .tc {}


/* Two Column B / Two Column B Top
----------------------------------------------------------------------------- */
.layout-n0-p1-s1 .pc,
.layout-n0-p1-s1-top .pc { width: 74.47%; /* 700/940px */ padding-left: 0; }
.layout-n0-p1-s1 .sc,
.layout-n0-p1-s1-top .sc {}


/* Two Column C (custom)
----------------------------------------------------------------------------- */
.layout-n1-p1-s0-c .pc { width: 74.47%; padding-right: 0; }
.layout-n1-p1-s0-c .sc { padding-right: 0; }
.layout-n1-p1-s0-c .tc {}
.layout-n1-p1-s0-c .float-container {
	font-size: .9em;
	width: 40.3%; /* 270/700px */ /* Suggest using same width as .sc */
	margin: 0 0 1.5em;
	padding-top: 0;
	padding-left: 30px;
	}


/* Three Column / Three Column Top
----------------------------------------------------------------------------- */
.layout-n1-p1-s1 .pc,
.layout-n1-p1-s1-top .pc {}
.layout-n1-p1-s1 .sc,
.layout-n1-p1-s1-top .sc {}
.layout-n1-p1-s1 .tc,
.layout-n1-p1-s1-top .tc {}


/* Three Column Top (custom)
----------------------------------------------------------------------------- */
.layout-n1-p1-s1-top .pc {}
.layout-n1-p1-s1-top .sc {}
.layout-n1-p1-s1-top .tc {}
.layout-n1-p1-s1-top #TopZone,
.layout-n1-p1-s0-top #TopZone,
.layout-n0-p1-s1-top #TopZone { margin: 0 auto; }


/* No Header No Footer (custom)
----------------------------------------------------------------------------- */
.layout-n0-p1-s0-noheaderfooter .pc {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	float: none;
	}


/* Hidden Columns
----------------------------------------------------------------------------- */
.layout-n0-p1-s0 .tc,
.layout-n0-p1-s0 .sc,
.layout-n1-p1-s0 .sc,
.layout-n1-p1-s0-top .sc,
.layout-n0-p1-s1 .tc,
.layout-n0-p1-s1-top .tc { display: none; }


/* Columns for use in any layout
----------------------------------------------------------------------------- */
.col-one-half { width: 50%; float: left; padding: 0 1%; }
.col-one-third { width: 33.333333%; float: left; padding: 0 1%; }
.col-two-thirds { width: 66.666667%; float: left; padding: 0 1%; }
.col-one-fourth { width: 25%; float: left; padding: 0 1%; }
.col-three-fourths { width: 75%; float: left; padding: 0 1%; }


/* No Script Message
----------------------------------------------------------------------------- */
#noscriptmessage {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	background: #f9f9f9;
	z-index: 400;
	width: 100%;
	color: #000;
	font-size: 1.1em;
	text-align: center;
	opacity: 0.8;
	filter: alpha(opacity=80);
	}
	#noscriptmessage a { color: #666; text-decoration: underline; }