body {
	top: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color:#000000;}

@font-face {
	font-family: unt;
	src:url(fonts/untspirit.ttf)}
@font-face {
	font-family: verbregular;
	src:url(fonts/VerbRegular.otf)}
@font-face {
	font-family: verbregularital;
	src:url(fonts/VerbRegular-Italic.otf)}
@font-face {
	font-family: verbbold;
	src:url(fonts/VerbBold.otf)}
@font-face {
	font-family: verbboldital;
	src:url(fonts/VerbBold-Italic.otf)}
@font-face {
	font-family: verbexcondultra;
	src:url(fonts/VerbExCondUltra.otf)}

p {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	line-height: 22px;
	text-align:left;}
h2 {
	font-family: verbregular, serif;
	color:#000000;
	font-size: 21px;
	margin-top: 0px;
	text-align:left;}
h3 {
	font-family: verbregular, serif;
	color:#000000;
	font-size: 17px;
	line-height: 17px;
	text-transform: uppercase;
	padding-top: 12px;
	margin-bottom: 0px;
	text-align:left;}
h4 {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
	padding-top: 10px;
	margin-bottom: 0px;
	text-align:left;}
h4.screenshotlabel {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
	padding-top: 0px;
	margin-bottom: 0px;
	text-align:left;}
h2.constitution {
	font-family: verbbold, serif;
	color:#000000;
	font-size: 20px;
	margin-top: 0px;
	text-align:center;}
h3.articles {
	font-family: verbregular, serif;
	color:#000000;
	font-size: 17px;
	margin-top: 25px;
	text-transform: uppercase;
	border-top: 1px solid #059033;
	border-bottom: 1px solid #059033;
	padding: 3px 0px;
	text-align:center;}

ul {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	line-height: 22px;
	text-align:left;}
ol {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	line-height: 22px;
	text-align:left;}
ul.events {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	line-height: 17px;
	margin: 5px 0px 18px 0px;
	text-align:left;}

.insidetext li {margin-bottom: 5px;}

a.textlinks {
	font-family:verbbold, sans-serif;
	color: #005000;
	font-size: 15px;
	line-height: 21px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: underline;}
a.registration {
	text-decoration: none;}
h5.white {
	font-family: verbregular, sans-serif;
	color: #005a00;
	font-size: 16px;
	text-align: center;
	margin: 0px;
	padding: 7px 20px;
	text-decoration: none;}
h5.white:hover {
	color: #ffffff;}
h5.lime {
	font-family: verbregular, sans-serif;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	margin: 0px;
	padding: 7px 20px;
	text-decoration: none;}
h5.lime:hover {
	color: #ffffff;}

h6 {
	font-family: verbregular, sans-serif;
	color:#82c120;
	font-size: 13px;
	margin: 5px 0px;
	text-align:center;}
a.sublinks {
	font-family:verbregular, sans-serif;
	color: #82c120;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	margin: 0px 15px;
	text-decoration: underline;}
a.sublinks:hover {
	color: #ffffff;}

.floatright {
	float:right;
	margin-left: 2px;
	margin-right: 0px;
	margin-bottom: 0px;}
.floatleft {
	float:left;
	margin-right: 15px;
	margin-left: 0px;
	margin-bottom: 0px;}


@media all and (min-width:1401px) {
	#divingeagle {
		top: 0px;
		right:2px;
		position:fixed;
		z-index:999;}	}
@media all and (max-width:1400px) {
	#divingeagle {display: none;}	}

#mainimage {
	left: 0px;
	margin: auto;
	width: 100%;
	position:relative;
	background: #000000;
	z-index:2;}

#button-left:hover {
	background-color: #059033;}
#button-right:hover {
	background: #059033;}

.sectionbuttonwhite {
	box-sizing: border-box;
	width: 100%;
	margin-top:12px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #005a00;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
	z-index: 4;
	border-radius: 8px;}
.sectionbuttonlime:hover {
	background: #059033;}
.sectionbuttonlime {
	box-sizing: border-box;
	width: 100%;
	margin-top:12px;
	text-align: center;
	background: #82c120;
	border: 1px solid #005a00;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
	z-index: 4;
	border-radius: 8px;}
.sectionbuttonwhite:hover {
	background: #059033;}

.dotbar {
	left: 0px;
	width: 100%;
	height: 8px;
	background: url(images/dotbar.png);
	background-position: bottom;}

#container {
	width: 100%;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;}

#insidecontainer {
	width: 100%;
	top: 0px;
	padding: 30px 0px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	position: relative;}

#insideheader {
	width: 100%;
	margin: auto;
	position: relative;
	z-index: 4;
	text-align: center;
	background: url(images/insideheaderbg.jpg);
	background-size: cover; 
	background-position:right center;
	background-repeat: no-repeat;}
#insideleftbutton:hover {
	background-color: #059033;}
#insiderightbutton:hover {
	background: #059033;}

#sublinks {
	width: 100%;
	padding: 30px 0px 40px 0px;
	position: relative;
	background: #000000;
	background-image: url(images/closebg.png);
	background-position: center bottom;
	background-repeat: no-repeat;}


@media all and (min-width:1280px) {
	br.headline {
		display: none;}
	
	.text{
		width: 1250px;
		margin: auto;
		position: relative;}

	#insideheader {
		padding: 140px 0px 90px 0px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 60px;
		line-height: 60px;
		margin: 0px 0px 0px 0px;
		text-align:center;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
	#insidentlogo {
		width: 187px;
		margin: auto;}
	.insidetext {
		width: 65%;
		top: 0px;
		padding: 10px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}

}
@media all and (min-width:1024px) and (max-width:1279px) {
	br.headline {
		display: none;}

	.text{
		width: 90%;
		margin: auto;
		position: relative;}

	#insideheader {
		padding: 80px 0px 35px 0px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 54px;
		line-height: 54px;
		margin: 0px 0px 0px 0px;
		text-align:center;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
	#insidentlogo {
		width: 150px;
		margin: auto;}
	.insidetext {
		width: 85%;
		top: 0px;
		padding: 10px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}
}
@media all and (min-width:800px) and (max-width:1023px) {
	br.headline {
		display: none;}

	.text{
		width: 92%;
		margin: auto;
		position: relative;}/*no change from 1024-1279*/

	#insideheader {
		padding: 80px 0px 35px 0px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 48px;
		line-height: 48px;
		margin: 0px 0px 0px 0px;
		text-align:center;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
	#insidentlogo {
		width: 150px;
		margin: auto;}
	.insidetext {
		width: 85%;
		top: 0px;
		padding: 10px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}
}
@media all and (min-width:640px) and (max-width:799px) {
	br.headline {
		display: none;}

	.text{
		width: 100%;
		margin: auto;
		position: relative;}

	#insideheader {
		padding: 55px 0px 20px 0px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 42px;
		line-height: 42px;
		margin: 0px 0px 0px 0px;
		text-align:center;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
	#insidentlogo {
		width: 130px;
		margin: auto;}
	.insidetext {
		width: 98%;
		top: 0px;
		padding: 8px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}
}


/*START OF MOBILE*/
@media all and (min-width:540px) and (max-width:639px) {
	.text{
		width: 100%;
		margin: auto;
		position: relative;}/*no change from 640-799*/
	#insideheader {
		background-color: #001e00;
		background: url(images/insideheaderbg-mob.jpg);
		background-size: cover; 
		background-position:right center;
		background-repeat: no-repeat;
		padding: 70px 0px 40px 0px;}
	#insidentlogo {
		width: 130px;
		padding: 5px 0px 0px 100px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 48px;
		line-height: 44px;
		margin: 0px 0px 0px 100px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
	.insidetext {
		width: 98%;
		top: 0px;
		padding: 8px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}
}
@media all and (min-width:480px) and (max-width:539px) {
	.text{
		width: 100%;
		margin: auto;
		position: relative;}/*no change from 640-799*/
	
	#insideheader {
		background-color: #001e00;
		background: url(images/insideheaderbg-mob.jpg);
		background-size: cover; 
		background-position:right center;
		background-repeat: no-repeat;
		padding: 70px 0px 40px 0px;}
	#insidentlogo {
		width: 130px;
		padding: 5px 0px 0px 60px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 48px;
		line-height: 44px;
		margin: 0px 0px 0px 60px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 14px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
	.insidetext {
		width: 98%;
		top: 0px;
		padding: 4px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}
}
@media all and (min-width:385px) and (max-width:479px) {
	.text{
		width: 100%;
		margin: auto;
		position: relative;}/*no change from 640-799*/

	#insideheader {
		background-color: #001e00;
		background: url(images/insideheaderbg-mob.jpg);
		background-size: cover; 
		background-position:right center;
		background-repeat: no-repeat;
		padding: 70px 0px 40px 0px;}
	#insidentlogo {
		width: 130px;
		padding: 5px 0px 0px 40px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 42px;
		line-height: 42px;
		margin: 0px 0px 0px 40px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 14px;
		text-align: left;
		margin-left: 5px;
		margin-right: 0px;
		text-decoration: none;}
	.insidetext {
		width: 98%;
		top: 0px;
		padding: 5px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}
}
@media all and (max-width:384px) {
	.text{
		width: 100%;
		margin: auto;
		position: relative;}/*no change from 640-799*/

	#insideheader {
		background-color: #001e00;
		background: url(images/insideheaderbg-mob.jpg);
		background-size: cover; 
		background-position:right center;
		background-repeat: no-repeat;
		padding: 70px 0px 40px 0px;}
	#insidentlogo {
		width: 120px;
		padding: 5px 0px 0px 12px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 39px;
		line-height: 36px;
		margin: 0px 0px 0px 12px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}

	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 14px;
		text-align: left;
		margin-left: 5px;
		margin-right: 0px;
		text-decoration: none;}
	.insidetext {
		width: 98%;
		top: 0px;
		padding: 0px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}
}
	#gallery {
		width: 100%;
		padding: 30px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff;
		position: relative;}
h2.galleryheader {
	font-family: verbbold, serif;
	color:#000000;
	font-size: 21px;
	padding: 25px 0px 0px 0px;
	margin-top: 0px;
	text-align:left;}


@media all and (min-width:801px) {
	.form {
		width: 100%;
		position: relative;
		z-index: 2;}
}
@media all and (max-width:800px) {
	.form {
		width: 95%;}
	}
	
#hofballot {text-align: left;}

		.formframe {
			font-family: verbregular, sans-serif;
			color: #333333;
			font-size: 14px;
			border: 1px solid #000000;
			text-align: left;
			padding-top: 5px;
			padding-bottom: 5px;}
		input {
			font-family: verbregular, sans-serif;
			color: #000000;
			width: 100%;
			font-size: 14px;
			border: 1px solid #000000;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 3px;}
		input.send {
			font-family: verbbold, sans-serif;
			color: #000000;
			width: 100%;
			font-size: 17px;
			background: #82c120;
			border: 1px solid #000000;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 3px;}
		textarea {
			font-family: verbregular, sans-serif;
			color: #000000;
			width: 100%;
			font-size: 14px;
			height: 70px;
			border: 1px solid #000000;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 3px;}
		.button {
			font-family: verbbold, sans-serif;
			color:#000000;
			font-size: 15px;
			margin: auto;
			text-align: center;
			width: 200px;
			padding-top: 20px;}
		p.required {
			font-family: verbregular, sans-serif;
			color:#000000;
			font-size: 14px;
			line-height: 14px;
			margin: 0px;
			text-align:left;}
		p.message {
			font-family: verbregular, sans-serif;
			color:#000000;
			font-size: 14px;
			line-height: 22px;
			margin-bottom: 0px;
			text-align:left;}
			
		input.ballot {
			font-family: verbregular, sans-serif;
			color: #000000;
			width: 50px;
			font-size: 14px;
			border: 1px solid #000000;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 3px;
			text-align: center;}

#insidecontact {
	width: 100%;
	padding-top: 30px;
	position: relative;}
#contactbanner {
	height: 64px;
	margin-bottom: 15px;
	background:url(images/contactbg.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #82c120;
}

.wrap {
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;}
.image{
	order: 1;
	flex: 1 1 320px;}
.text {
	order: 2;
	align-self: center;
	flex: 1 1 300px;
	padding: 0px 10px}


@media all and (min-width:800px) {
	.apogeeseating {
		width: 740px;
		margin: auto;
		position: relative;
		z-index: 2;}
}
@media all and (max-width:799px) {
	.apogeeseating {
		width: 100%;
		margin: auto;
		position: relative;
		z-index: 2;}
}

.rule {
width: 100%;
height: 12px;
border-bottom: 6px double #059033;
}

#officerstable {
	font-family: verbregular, sans-serif;
	color:#000000;
	line-height: 1.5em;
	margin-top: 20px;
	text-align:left;}
	@media all and (min-width:1025px) {
		#officerstable {font-size: 1em;}}
	@media all and (min-width:433px) and (max-width:1024px){
		#officerstable {font-size: .9em;}}
	@media all and (max-width:432px){
		#officerstable {font-size: .85em;}}


tr.highlight:hover {background-color: #82c120;}

.two-wrap-parent {
		display: flex;
		position: relative;
		text-align: left;
		flex-direction: row;
		justify-content:center;
		align-items: center;
		flex-wrap:wrap;
		z-index: 10;}
	.two-wrap-child{
		flex: 1 1 300px;
		position: relative;
		text-align: center;}
		@media all and (min-width:1280px) {
			.two-wrap-child {margin: 0px 10px;}
		}
		@media all and (min-width:441px) and (max-width:1279px) {
			.two-wrap-child {margin: 0px 5px;}
		}
		@media all and (max-width:440px) {
			.two-wrap-child {margin: 0px 0px;}
		}

.screenshot {
	border: 1px solid #000000;}