﻿	<style type="text/css">
	
	.auto-style1 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.auto-style2 {
		text-align: center;
	}
	
	.auto-style3 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 150%;
	}
	
	.auto-style4 {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.auto-style5 {
		font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
		font-size: 90%;
	}
	
		.auto-style6 {
		font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
		font-size: 110%;
	}
	.auto-style8 {
		font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
		font-size: 100%;
	}
	.auto-style9 {
		font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
		font-size: 120%;
	}
	.auto-style11 {
		color: #9B8E17;
		text-align: center;
	}
	.auto-style12 {
		font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
		font-size: 150%;
	}







				#nav {
			        width: 100%;
			        float: left;
			        margin: 0 0 3em 0;
			        padding: 0;
			        list-style: none;
			        background-color: #f2f2f2;
			        border-bottom: 1px solid #ccc; 
			        border-top: 1px solid #ccc; }
			#nav li {
			        float: left; }
			#nav li a {
			        display: block;
			        padding: 8px 15px;
			        text-decoration: none;
			        font-weight: bold;
			        color: #069;
			        border-right: 1px solid #ccc; }
			#nav li a:hover {
			        color: #c00;
			        background-color: #fff; }
		
		
			/*  SECTIONS  */
		.section {
			clear: both;
			padding: 0px;
			margin: 0px;
		}
		
		/*  COLUMN SETUP  */
		.col {
			display: block;
			float:left;
			margin: 1% 0 1% 1.7%;
		}
		.col:first-child { margin-left: 0; }
		
		/*  GROUPING  */
		.group:before,
		.group:after { content:""; display:table; }
		.group:after { clear:both;}
		.group { zoom:1; /* For IE 6/7 */ }
		
		/*  GRID OF TWO  */
		.span_2_of_2 {
			width: 100%;
		}
		.span_1_of_2 {
			width: 49.15%;
		}
		
		/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
		
		@media only screen and (max-width: 480px) {
			.col { 
				margin: 1% 0 1% 0%;
			}
		}
		
		@media only screen and (max-width: 480px) {
			.span_2_of_2, .span_1_of_2 { width: 100%; }
		}


				<style>
				
					* {
					    box-sizing: border-box;
					}
					video {
					    width: 85%;
					    height: auto;
					}
					.row:after {
					    content: "";
					    clear: both;
					    display: block;
					}
					[class*="col-"] {
					    float: left;
					    padding: 15px;
					    width: 100%;
					}
					@media only screen and (min-width: 600px) {
					    .col-s-1 {width: 8.33%;}
					    .col-s-2 {width: 16.66%;}
					    .col-s-3 {width: 25%;}
					    .col-s-4 {width: 33.33%;}
					    .col-s-5 {width: 41.66%;}
					    .col-s-6 {width: 50%;}
					    .col-s-7 {width: 58.33%;}
					    .col-s-8 {width: 66.66%;}
					    .col-s-9 {width: 75%;}
					    .col-s-10 {width: 83.33%;}
					    .col-s-11 {width: 91.66%;}
					    .col-s-12 {width: 100%;}
					}
					@media only screen and (min-width: 768px) {
					    .col-1 {width: 8.33%;}
					    .col-2 {width: 16.66%;}
					    .col-3 {width: 25%;}
					    .col-4 {width: 33.33%;}
					    .col-5 {width: 41.66%;}
					    .col-6 {width: 50%;}
					    .col-7 {width: 58.33%;}
					    .col-8 {width: 66.66%;}
					    .col-9 {width: 75%;}
					    .col-10 {width: 83.33%;}
					    .col-11 {width: 91.66%;}
					    .col-12 {width: 100%;}
					}
					html {
					    font-family: "Lucida Sans", sans-serif;
					}
					.header {
					    background-color: #9933cc;
					    color: #ffffff;
					    padding: 15px;
					}
					.menu ul {
					    list-style-type: none;
					    margin: 0;
					    padding: 0;
					}
					.menu li {
					    padding: 8px;
					    margin-bottom: 7px;
					    background-color :#33b5e5;
					    color: #ffffff;
					    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
					}
					.menu li:hover {
					    background-color: #0099cc;
					}
					.aside {
					    background-color: #33b5e5;
					    padding: 15px;
					    color: #ffffff;
					    text-align: center;
					    font-size: 14px;
					    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
					}
					.footer {
					    background-color: #0099cc;
					    color: #ffffff;
					    text-align: center;
					    font-size: 12px;
					    padding: 15px;
					}
					
											
				
				/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

				
				
				
				
				
				</style>





