/*COLORS

*/

/*RESETS*/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
html, body {
	margin: 0;
	padding: 0;
	font-family: "Open Sans" !important;
}
body {
	font-size: 16px; /*Base font here*/
	color: #666;
}
img {
	border: none;
	display: block;
}
/*LAYOUT CLASSES*/
.cf {
	clear: both;
}
.cf:after {
	content: "";
	display: table;
	clear: both;
}
.contain {
	max-width: 1400px;/*Container width here*/
	margin-right: auto;
	margin-left: auto;
}
.contain_content {
	margin-left: auto;
	width: calc(100% - 310px);
	position: relative;
}
.contain:after, .contain_content:after {
	content: "";
	display: table;
	clear: both;
}
ul.navList {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.navList li a {
	text-decoration: none;
}
.inside {
	padding: 2em 1em;
}
       .vh{  
            border: 0;
              clip: rect(0 0 0 0);
              height: 1px;
              margin: -1px;
              overflow: hidden;
              padding: 0;
              position: absolute;
              width: 1px;
        }
/*FUNCTION STYLES*/
.stick {
	position: sticky;
	top: 5px;

}

.spinit {
	animation:spin 20s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 
	100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}
										


/*LAYOUT STYLES*/








body {
}
	header {
		position: absolute;
		width: 100%;
		z-index: 50;
		top: 0;
	}
		#logo {
			width: 250px;
			padding: 1em;
			background-color: #FFF;
			margin-left: 50px;
			border-radius: 0 0 10px 10px;
			box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
		}
		#topNav {
			background-color: rgba(117, 190, 62, 0.75);
			text-align: right;
			float: right;
			color: #FFF;
			padding: 0.5em;
		}
			#topNav a {
				padding: 0 0.5em;
				color: #FFF;
				display: inline-block;
				text-decoration: none;
			}
	#main {
		margin: 0 auto;
		position: relative;
	}
		aside {
			width: 250px;
			left: 50px;
			top: 150px;
			position: absolute;
			z-index: 50;
			background-color: #FFF;
			height: 100%;
			padding: 0.75em;
			border-radius: 10px;
			box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
			
		}

			#olb {
				padding: 0.5em;
				background-color: #FFF;
			}
				#olb h1 {/*i DON'T KNOW IF THIS SHOULD BE H1*/
					margin: 0;
				}

			nav {
				width: 100%;
				background-color: #FFF;
					overflow-y: auto;
	overflow-x: visible;
	max-height: calc(100vh - 100px);
			}
				nav .fa {
					font-size: 1.5em;
					width: 2em;
				}

nav ul li a {
	padding: 1em;
	display: block;
	color: #F36F1F;
}
	#mainContent {
		background-color: #FFF;
	}
		#banner {
		}

			#frontPageLeft {
				float: left;
				width: 70%;
			}
				#frontPageLeft h3 {
					margin: 1em 0 0 0;
				}
				#fronPageLeft article {
					margin: 0 0 1em 0;
				}
			#frontPageRight {
				float: right;
				width: 30%;
				padding: 0 2em; 
			}
				#frontPageRight table {
					width: 100%;
					background-color: #73BD3E;
					text-align: center;
				}
				#frontPageRight table td {
					background-color: #FFF;
					padding: 1em 0;
				}
footer {
	background-color: #73BD3E;
	color: #FFF;
	position: relative;
}
#logos {
	display: flex;
	font-size: 0.75em;
	padding: 2em 0;
}
#logos > * {
	padding: 0 1em;
	flex-grow: 1;
}
#logos img {
	max-height: 100px;
	padding: 0 10px;
}
.blurb {
	min-height: 200px;
	background-color: #670406;
	color: #FFF;
	padding: 3em 1em;
	background: linear-gradient(90deg,  rgba(243, 111, 31, 1.0),  rgba(243, 111, 31, 0.0)  ), url(/_images/banner25.jpg);
	background-attachment: fixed;
	background-size: cover;
	font-size: 1.25em;
	position: relative;
	background-position: center;
}