body, div, p, h1, h2, h3, img{ margin: 0; border: 0; padding: 0; font-family: "Gill Sans MT", "Gill Sans", "Times New Roman", serif; }
body{ padding-top: 20px; padding-bottom: 20px; }
p, h1{ font-family: 'Gill Sans', 'Gill Sans MT', GillSans, 'Times New Roman', serif; font-weight: normal; line-height: 20px; font-size: 16px; }
h2{	font-weight: normal; font-family: 'Gill Sans', 'Gill Sans MT', GillSans, 'Times New Roman', serif; line-height: 20px; font-size: 16px; color: #00779f; }
h3{	font-weight: normal; font-family: 'Gill Sans', 'Gill Sans MT', GillSans, 'Times New Roman', serif; line-height: 20px; font-size: 16px; color: #666666; }
h3{ width: 100%; margin-bottom: 0.5em; }
a{ color: #7bc426; text-decoration: none; } 
a:hover{ color: #666666; }
.container{ margin-left: auto; margin-right: auto; }
.name{ color: #666666; }
.indent{ padding-left: 25px; padding-right: 50px; display: block; }
.nowrap{ display: inline-block; white-space: nowrap; }

#website{ width: 100vw; max-width: 700px; margin-left: auto; margin-right: auto; }

#menu{ float: left; width: 150px; margin-top: 100px; text-align: right; }
#menu .container{ padding-right: 25px; }
#menu p{ margin-bottom: 10px; }
#open-menu{ display: none; cursor: pointer; font-size: 30px; margin-top: 10px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; float: left; }
#close-menu{ display: none; cursor: pointer; font-size: 25px; margin-top: 10px; padding-top: 20px; padding-bottom: 20px; }
#open-menu:hover, #close-menu:hover{ color: #666; }
#open-text, #close-text{ font-size: 75%; }
#open-icon{ position: relative; top: 4px; }
#close-icon{ position: relative; top: 1px; }

#content{ max-width: 550px; margin-left: 150px; }
#content h1{ font-size: 18px; color: #ec1d1a; margin-top: 1em; margin-bottom: 1em; }
#content #logo{ margin-top: 10px; margin-bottom: 20px; }
#content #logo img{ display: block; height: 80px; }
#content p a[href^="http"]:after{ content: "➚"; display: inline-block; text-decoration: none; }
.show{ margin-bottom: 16px; }

#links{ text-align: center; margin-top: 20px; padding-top: 13px; clear: both; }
#links .container{ padding-bottom: 2em; }
#links p{ color: #666666; padding-top: 1em; font-size: 13px; }
#links p a{ color: #666666; border-bottom: 1px dotted #999999; }
#links img{ position: relative; top: 5px; height: 24px; }
#links a.external:after{ content: "➚"; display: inline-block; text-decoration: none; }

.floater{ float:right; max-width: 200px; width: calc(50vw - 40px); margin-left:1em; background-color: #ffffff; }
.floater img{ display: block; max-width: 200px; width: calc(50vw - 40px); margin-bottom: 1em; background-color: #ffffff; }
.quote{ background-color: #dddddd; padding: 0.5em; padding-left: 1em; padding-right: 1em; margin-bottom: 1em; }
.link{ background-color: #dddddd; padding: 0.5em; padding-left: 1em; padding-right: 1em; }
#photos img{ margin-right: 1em; margin-bottom: 1em; }
.h3{ color: #666666; }
.upcoming{ margin-right: 10px; margin-bottom: 10px; }
.width175{ width: 175px; }
.height100{ height: 100px; }
.marginleft2{ margin-left: 2em; }
.eventlogo{ width: 85px; float: left; margin-right: 1em; }

@media screen and (max-width: 720px) {
	p{ hyphens: auto; }
	#menu{ display: none; }
	#menu p{ margin-bottom: 2px; }
	#content{ margin-left: 20px; margin-right: 20px; }
	#open-menu{ display: block; }
	#menu.visible{ display: block; margin-top: 10px; margin-left: 20px; text-align: left; width: 100%; }
	#menu.visible #close-menu{ display: block; margin-bottom: 48px; }
	#content.hidden{ display: none; }
	#links.hidden{ display: none; }
}