/* ================================================================= 

Styles for admin-edited pages that use the page.html template

(presently, this only provides a simple 3-column grid system)

================================================================= */

/* Grid system via http://www.responsivegridsystem.com */
/* uses max-width for mobile rather than mobile first */
/* "page-" prepended to styles that may conflict with existing styles */

/*  Columns style, common to all column number settings ============================== */

.page-section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.page-group:before,
.page-group:after {
    content:"";
    display:table;
}
.page-group:after {
    clear:both;
}
.page-group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.page-col {
	display: block;
	float:left;
	/*margin: 1% 0 1% 1.6%;*/
	margin: 1% 0 1% 5%;
}

.page-col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

@media only screen and (max-width: 480px) {
	.page-col { 
		margin: 1% 0 1% 0%;
	}
}

/*  3 equal column styles ============================================ */
	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	/*width: 66.13%;*/
	width: 65%; 
}

.span_1_of_3 {
	/*width: 32.26%;*/
	width: 30%; 
}

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}