@charset "UTF-8";
/* CSS Document */
/* =GENERAL - the general styles */
/* #Marys Revised Grid
================================================== */
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
[class*='col-'] {float: left; padding-right: 20px;}
[class*='col-']:last-of-type {padding-right: 0px;}
.grid {width: 100%;max-width: 1140px;min-width: 755px;margin: 0 auto;overflow: hidden;}
.grid:after {content: "";display: table;clear: both;}
.grid-pad {padding: 20px 0 0px 20px;}
.grid-pad > [class*='col-']:last-of-type {padding-right: 20px;}
.push-right {float: right;}
/* Content Columns */
.col-1-1 {width: 100%;}
.col-2-3, .col-8-12 {width: 66.66%;}
.col-1-2, .col-6-12 {width: 50%;}
.col-1-3, .col-4-12 {width: 33.33%;}
.col-1-4, .col-3-12 {width: 25%;}
.col-1-5 {width: 20%;}
.col-1-6, .col-2-12 {width: 16.667%;}
.col-1-7 {width: 14.28%;}
.col-1-8 {width: 12.5%;}
.col-1-9 {width: 11.1%;}
.col-1-10 {width: 10%;}
.col-1-11 {width: 9.09%;}
.col-1-12 {width: 8.33%}
/* Layout Columns */
.col-11-12 {width: 91.66%}.col-10-12 {width: 83.333%;}.col-9-12 {width: 75%;}.col-5-12 {width: 41.66%;}.col-7-12 {width: 58.33%}
@media handheld, only screen and (max-width: 800px) {
	.grid {min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;width: 100%;}
	[class*='col-'] {width: auto;float: none;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 10px;padding-left: 20px;padding-right: 20px;}
	.col-1-4, .col-3-12 { float: left; width: 50%; }/* added by mary */
	/*.col-1-3, .col-4-12 { float: left; } added by mary */
	/*.col-2-3, .col-8-12 { float: left; } added by mary */
	#viewport {display: none;}
}
@media handheld, only screen and (max-width: 600px) {.col-1-4, .col-3-12 {min-height: 100px;} /* added by mary */}
@media handheld, only screen and (max-width:568px) {.col-1-4, .col-3-12 {min-height: 0px;}}
@media handheld, only screen and (max-width: 480px) {
	.col-1-4, .col-3-12 {padding: 0 10px 0 10px; float: none; width: auto;} /* added by mary */
	.col-1-3, .col-4-12 {float: none;} /* added by mary */
	.col-2-3, .col-8-12 {float: none;} /* added by mary */
}
@media handheld, only screen and (max-width: 320px) {.col-1-4, .col-3-12 {min-height: 100px;}}