.h1 {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 36px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	display: block;
	margin-top: 30px;
	margin-bottom: 10px;
}
.h2 {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 28px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}
.h3 {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: normal;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.h4 {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 20px;
	line-height: normal;
	font-weight: 400;
	color: #00076f;
}
.h7 {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 20px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
	margin-top: 30px;
	margin-bottom: 10px;
}
.h7centered {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 24px;
	line-height: normal;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.h5 {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	color: #FFF;
}
.h6 {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: normal;
	font-weight: 700;
	color: #FFF;
}
.sash {
	height: auto;
	width: 100%;
	margin-bottom: 20px;
	overflow: visible;
	visibility: visible;
}
.sash-mobile {
	height: 0px;
	width: 0px;
	margin-bottom: 20px;
	overflow: hidden;
	visibility: hidden;
}

#unitdetails {
    border-collapse: separate;
    margin: 25px 0;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
}
#unitdetails th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #87CEEB;
	color: black;
 }
 #unitdetails td, #unitdetails th {
	border: 1px solid #ddd;
	padding: 8px;
  }


#events {
	float: right;
    border-collapse: separate;
    margin: 25px 0;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
}
#events th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #87CEEB;
	color: black;
 }
 #events td, #events th {
	border: 1px solid #ddd;
	padding: 8px;
  }
  
#meetings {
	float: left;
    border-collapse: separate;
    margin: 25px 0;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
}
#meetings th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #87CEEB;
	color: black;
 }
 #meetings td, #meetings th {
	border: 1px solid #ddd;
	padding: 8px;
  }

#officers {
	float: none;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
    border-collapse: separate;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	border: 1px solid #ddd;
}
#officers th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #87CEEB;
	color: black;
 }
 #officers td, #officers th {
	border-bottom: 1px solid #ddd;
  vertical-align: top;
	padding: 8px;
  }

.paragraphwhite {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
}
.paragraph {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: 400;
	color: #000;
}
.copyright {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #000;
	text-align: center;
	display: block;
}
.logo {
	text-align: left;
	display: block;
	height: auto;
	width: auto;
	position: absolute;
	left: 0;
	top: 25px;
	max-width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}
.click-here {
	text-align: center;
	display: block;
	height: auto;
	width: 40%;
	max-width: 340px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	margin-bottom: 20px;
}
.image-full-width {
	height: auto;
	width: 60%;
	margin-bottom: 20px;
}
.image-float {
	float: left;
	height: auto;
	width: 50%;
	margin-bottom: 20px;
	margin-right: 20px;
}
.image-float-right {
	float: right;
	height: auto;
	width: 50%;
	margin-bottom: 20px;
	margin-right: 20px;
}
.news-float-left {
	float: left;
	height: auto;
	width: 40%;
	margin-bottom: 10px;
	margin-right: 10px;
}
.news-float-right {
	float: right;
	height: auto;
	width: 40%;
	margin-bottom: 10px;
	margin-right: 10px;
}
.buffer {
	height: 1px;
	width: 100%;
}
.burger {
	height: auto;
	width: 55px;
}
.pgm {
	height: auto;
	width: 30%;
	margin-left: 40px;
	float: right;
	margin-bottom: 10px;
}
.pgm-mobile {
	height: 0;
	width: 0;
	overflow: hidden;
	visibility: hidden;
}
.news-image {
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	float: left;
	margin-top: 10px;
}
.date {
	height: auto;
	width: 40%;
	max-width: 70px;
	float: left;
	margin-right: 25px;
}
#box-left{
	height: auto;
	width: 40%;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
	float: left;
	margin-bottom: 15px;
	text-align: center;
}

#box-right{
	height: auto;
	width: 40%;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
	float: right;
	margin-bottom: 15px;
	text-align: center;
}
#left-box {
	float: left;
	height: auto;
	width: 44%;
	background-color: #FFF;
	padding: 1%;
	text-align: center;
	display: block;
	margin-bottom: 40px;
}
#right-box {
	float: right;
	height: auto;
	width: 44%;
	background-color: #FFF;
	padding: 1%;
	text-align: center;
	display: block;
	margin-bottom: 40px;
}


#left-section {
	background-color: #f8941d;
	float: left;
	height: auto;
	width: 31%;
	padding-right: 4%;
	padding-left: 15%;
	padding-top: 40px;
	padding-bottom: 40px;
}
#right-section {
	background-color: #7b25b1;
	float: right;
	height: auto;
	width: 31%;
	padding-right: 15%;
	padding-left: 4%;
	padding-top: 40px;
	padding-bottom: 40px;
}
#news-box{
	height: auto;
	width: 100%;
	margin-bottom: 33px;
	text-align: center;
	display: block;
}
#meetings-box{
	height: auto;
	width: 100%;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	float: left;
}
#menu{
	height: 28px;
	width: 100%;
	overflow: visible;
	position: fixed;
	visibility: visible;
	z-index: 50;
	top: 0px;
}
#open{
	overflow: hidden;
	position: fixed;
	visibility: hidden;
	height: 0px;
	width: 0px;
	left: 0px;
	top: 0px;
}
#close{
	overflow: hidden;
	position: fixed;
	visibility: hidden;
	height: 0px;
	width: 0px;
	left: 0px;
	top: 0px;
}
#menu-mobile{
	overflow: hidden;
	position: fixed;
	visibility: hidden;
	height: 0px;
	width: 0px;
	left: 0px;
	top: 0px;
}

A.class1 {color:white;}
A.class1:link  {text-decoration: underline; color: white;}
A.class1:visited {text-decoration: underline; color: white;}
A.class1:hover {text-decoration: underline; color: #000;}


A.class2 {color:black;}
A.class2:link {text-decoration: none; color: black;}
A.class2:visited {text-decoration: none; color: black;}
A.class2:hover {text-decoration: none; color: #f8941d;}

body,td,th {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #fff;
}

@media screen and (max-width:1176px) {

.h1 {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 46px;
	line-height: 54px;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	display: block;
}
.h2 {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 30px;
	line-height: 38px;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	display: block;
}
.h3 {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	display: block;
}
.logo {
	text-align: left;
	display: block;
	height: auto;
	width: auto;
	position: fixed;
	left: 0;
	top: 20px;
	max-width: 220px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: auto;
}
.click-here {
	text-align: center;
	display: block;
	height: auto;
	width: 40%;
	max-width: 280px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	margin-bottom: 20px;
}
.pgm {
	height: auto;
	width: 40%;
	margin-left: 40px;
	float: right;
	margin-bottom: 10px;
}
}