/* BACKGROUND COLORS */

	
	/*HORIZONTAL UNITS*/
	.shelf {
		display:block;
		position:relative;
		padding:0px 0 0px 0;
		margin:0;
		float:left;
		width:100%;
		height:auto;
		z-index:100;
		background-color:#34291e;
		border-top:1px solid #d8a860 ;
	}
	.colbox { display:block;
		position:relative;
		padding:0px 0 0px 0;
		margin:0;
		float:left;
		width:100%;
		height:auto;
		z-index:100;
		background-color:none;
		margin-top:9%;
		margin-bottom:10.5%;
		overflow:hidden;
	}
	#headerspacer {
		display:block;
		position:relative;
		float:left;
		height:126px;
		width:100%;
		z-index:3;
		visibility:visible;
		}
	
	/*SPECIFIC SHELVES*/
	.welcome {
		background-image:url("../images/olives-m.jpg");
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	.schedule {
		background-image:url("../images/sheep.jpg");
		background-size:cover;
		background-position:right;
		background-repeat:no-repeat;
	}
	.services {
		background-image:url("../images/services.jpg");
		background-size:cover;
		background-position:bottom;
		background-repeat:no-repeat;
	}
	.pastoral {
		/*background-image:url("../images/struggle2.jpg");*/
		background-color:#564335;
		background-size:cover;
		background-position:48% 50%;
		background-repeat:no-repeat;
	}
	.beliefs{
		background-image:url("../images/crux.jpg");
		background-size:cover;
		background-position:72% top;
		background-repeat:no-repeat;}
	.learning {}

		
	.backmd {background-color:#906F53;}/**/
	.backlt {background-color:#E2D4C1;}
	.backyw {background-color:#d9ad5d;}/*#D2B48C;}*/
	.backdk {background-color:#564335;}
	.backbl {background-color:#4c535f;}
	.backpl {background-color:#65697b;}
	.backtt {background-color:#321c08;}
	
	
			

	
	/* uCOLUMNS */
	.col1of1, .col1of2, .col2of2, .col1of3, .col2of3, .col3of3 {
		display:block;
		position:relative;
		float:left;
		z-index:3;
		padding:0;
		margin:0 4% 0 4%;
		height:auto;
		width:92%;
		overflow:hidden;
		}
	.col2of2 {margin-top:0;} /*single column at this width */
	
	.col1of2 img, .col2of2 img, .col1of3 img, .col2of3 img, .col3of3 img {
		display:block;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:100%;} /*64%*/
	
@media only screen and (min-width: 520px) {
	
	#headerspacer {height:148px;}
	.col2of2.outcol {margin-top:0}
	.colbox { 
		margin-top:8.6%;
		margin-bottom:9.8%;
	}
	.col1of2 img, .col2of2 img, .col1of3 img, .col2of3 img, .col3of3 img {
		width:100%;}

}	
@media only screen and (min-width: 780px) {
	
	#headerspacer {height:144px;}
	
	.welcome {
		background-image:url("../images/olivesf.jpg");
		}
	.services {
		background-image:url("../images/services.jpg");
		}
	.schedule {
		background-position:center;
		}
	.pastoral {
		background-position:top;
		}	
	.beliefs{
		background-image:url("../images/crux.jpg");
		background-position:center 40%;
		}
	
	
	.welcome .col1of2, .welcome .col2of2 {width:44%;}
		
	.welcome .col2of2 {float:right;}
	
	.col1of1, .col1of2, .col2of2, .col1of3, .col2of3, .col3of3, .welcome .col1of2, .welcome .col2of2 {margin:0;}
	
	
	.col1of2, .col2of2 {width:44%; /*38%*/}
	.col2of2 {margin-left:9%;}
	.col1of3, .col2of3, .col3of3 {width:29%;}
	.col2of3, .col3of3 {margin-left:6%;}


	
	
	.colbox { 
		margin-top:8%;
		margin-bottom:9.8%;
	}
	
	
	.col1of2 img, .col2of2 img, .col1of3 img, .col2of3 img, .col3of3 img {
		margin-top:12%;
		width:100%;
	
		}
	.col1of1 img {margin-top:8%;width:100%; }
	
	
}	
	
@media only screen and (min-width: 1030px) {	

	#headerspacer {height:150px;}

	.pastoral {
		
		background-position:100% 42%;
		background-repeat:no-repeat;
	}
	.beliefs{
		background-position:center 24%;
	}

	
	.col1of1 {margin:0;}
	
	.col1of2, .col2of2, .col2of2.outcol  {
		margin:0;
		width:45%; /*44 38%*/
		}
	.col2of2 {margin-left:9%;}
	

	.col1of3, .col2of3, .col3of3 {
		margin:0;
		width:29%;
	}
	.col2of3, .col3of3 {margin-left:6%;}

	.colbox { 
		margin-top:6%;
		margin-bottom:7%;
	}
	
	
	
	
	.col1of2 img, .col2of2 img, .col1of3 img, .col2of3 img, .col3of3 img {margin-top:2%; width:100%;}
	
}
@media only screen and (min-width: 1055px) {
	#headerspacer {
		
		height:182px;
		
	}

		
}  /* END 1030 */