ul {
	margin-left: 5%;
}

table#transparenttable {
	width: 80%;
	text-align: center;
	margin: auto;
	padding: auto;
}

div#eagle {
	float: right;
	width: 25%;
	height:auto;
	margin-right: 18%;
	margin-top: -2%;
}

.bannerbox {
	width: 80%;
	height: auto;
	margin: 3% auto;
	padding: auto;
}

.flexbox {
	width: 100%;
	height: auto;
	margin: auto;
	float: left;
}

.paddinghelper {
	padding-bottom: 5%;
}

.transparenttablecol {
	width: 33%;
	float: left;
}

.minieagle {
	float: right;
	width: 90%;
	height:auto;
	margin: 5%;
}

.resourcegrid {
	width: 95%;
	display: grid;
	grid-template-columns: repeat(4, 2fr);
	grid-gap: 1.3rem;
	justify-items: center;
	margin: auto;
	padding: 0px;
}

.resourcebox {
	float: left;
	background-color: #009AED;
	background-image: linear-gradient(to top, #EEEEEE 60%, #009AED 100%);
	padding: 0 5%;
	margin: auto;
	margin-bottom: 35%;
	font-size: 0.9vw;
}

.resourcebox-invert {
	float: left;
	background-color: #009AED;
	background-image: linear-gradient(to bottom, #EEEEEE 60%, #009AED 100%);
	padding: 0 5%;
	margin: auto;
	margin-top: 35%;
	font-size: 0.9vw;
}

.nospacing {
	margin: 0px;
	padding: 0px;
}

.framebox {
	width: 100%;
	height: auto;
	xbackground-color: #EEEEEE;
	background-color: #FFA73B;
	float: left;
	padding: 0%;
}

.headerbox {
	width: 24%;
	height: auto;
	padding: 2%;
	margin: 0px;
}

.headerbox h2 {
	color: #FFFFFF;
}

.contentbox {
	width: 68%;
	height: auto;
	padding: 0% 2%;
	margin: 0px;
	background-color: #FFFFFF;
}

.leftbox {
	float: left;
	text-align: right;
}

.rightbox {
	float: right;
	text-align: left;
}

.gallery-grid {
	width: 90%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	justify-items: center;
	margin: auto;
	padding: 3% 0px;
}

.gallery-frame {
	padding: 0px;
	margin: auto;
}

.gallery-pic {
	max-width: 100%;
	height: auto;
	object-fit: cover;
	transition: opacity 0.25s ease-in-out;
}

table#category {
	width: 80%;
	table-layout: fixed;
	margin: 0 10%;
	margin-top: 5%;
}

.categorycontentleft {
	width: 40%;
	padding: 0 3% 0 2%;
	margin: 0px;
	text-align: right;
}

.categorycontentright {
	width: 40%;
	padding: 0 2% 0 3%;
	margin: 0px;
	text-align: left;
}

.categorymarker {
	width: 2%;
	text-align: center;
	vertical-align: top;
	background-color: #009AED;
}

.categorybird {
	width: 300%;
	margin-left: -90%
}

.categorytitle {
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #FFA73B;
	margin: 0 -2%;
	padding: 0 2%;
}