body {
	background-color: #b0c4de;
	font: 85%/140% Franklin Gothic Book, Arial, Helvetica, sans-serif;
	margin: 0 auto;
}
a {
	color: #69C;
	text-decoration: none;
}
a:hover {
	color: #F60;
}
h1 {
	font: 1.7em;
	line-height: 110%;
	color: #000;
}
h1, h2, h3 {
	color: #000;
}
h3 {
	border-top: solid 1px #eee;
	padding: 20px 0;
	margin: 20px 0 0;
	font-size: 150%;
}
p {
	margin: 0 0 20px;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
#halfwrap_white {
	max-width: 90%;
	margin: 0 auto;
	background-color:#ffffff;
}

#fullwrap_green {
	max-width: 100%;
	margin: 0 auto;
	background-color:#31532C;
}
#fullwrap_amber {
	max-width: 100%;
	margin: 0 auto;
	background-color:#E1E000;
}
#fullwrap_red {
	max-width: 100%;
	margin: 0 auto;
	background-color:#C8102E;
}
#fullwrap_white {
	max-width: 100%;
	margin: 0 auto;
	background-color:#ffffff;
}
#fullwrap_black {
	max-width: 100%;
	margin: 0 auto;
	background-color:#000000;
}
#fullwrap_blue {
	max-width: 100%;
	margin: 0 auto;
	background-color:#73645A;
}
#fullwrap_gray {
	max-width: 100%;
	margin: 0 auto;
	background-color:#374155;
}
#fullwrap_orange {
	max-width: 100%;
	margin: 0 auto;
	background-color:#f5821e;
}


#pagewrap {
	width: 1024px;
	
	max-width: 94%;
	margin: 0 auto;
	background-color:#ffffff;
	padding 10px;
}
.wrapper {
	overflow: hidden;

}

/************************************************************************************
COLUMN
*************************************************************************************/
.col {
	background: #ffffff;
	float: left;
	margin-left: 3.2%;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: normal;
	line-height: 120%;
	
}
.col_red {
	background: #c8102e;
	float: left;
	margin-left: 3.2%;
	margin-bottom: 5px;	
}
.col_maroon {
	background: #800000;
	float: left;
	margin-left: 3.2%;
	margin-bottom: 5px;	
}


.fullwidth .col {
	float: none;
	margin-left: 10px;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
	background: #FFffff;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 740px) {
	/* grid4 */
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 600px) {
	/* grid4 */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* grid3 */
	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to fullwidth */
@media screen and (max-width: 400px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}