.h1 {
	font-family: 'Berkshire Swash', cursive;
	font-size: 36px;
	line-height: normal;
	font-weight: 400;
	color: red;
	text-align: center;
	display: block;
	margin-top: 30px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 8px white(255, 0, 0);
}
.h1white {
	font-family: 'Berkshire Swash', cursive;
	font-size: 36px;
	line-height: normal;
	font-weight: 400;
	color: white;
	text-align: center;
	display: block;
	margin-top: 30px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 8px white(255, 0, 0);
}
.h2 {
	font-family: 'Berkshire Swash', cursive;
	font-size: 28px;
	line-height: normal;
	font-weight: 400;
	color: red;
	text-align: center;
	display: block;
	margin-top: 20px;
	margin-bottom: 0px;
}
.h3 {
	font-family: 'Berkshire Swash', cursive;
	font-size: 24px;
	line-height: normal;
	font-weight: 700;
	color: black;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.h4 {
	font-family: 'Berkshire Swash', cursive;
	font-size: 20px;
	line-height: normal;
	font-weight: 400;
	color: #00076f;
}
.h7 {
	font-family: 'Berkshire Swash', cursive;
	font-size: 20px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
	margin-top: 30px;
	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;
  }

#deputies {
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    border-collapse: separate;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
}
#deputies th {
	text-align: center;
	background-color: #87CEEB;
	color: black;
 }

#officers {
	float: none;
	width: 50%;
	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;
	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;
	right: 0;
	top: 0;
	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;
}
.jewel {
	width: 60%;
	max-width: 150px;
	height: auto;
	margin-bottom: 15px;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#box {
	height: auto;
	width: 92%;
	margin-bottom: 40px;
	border: 1px solid #ce0000;
	padding-right: 3%;
	padding-bottom: 10px;
	padding-left: 3%;
	background-color: #FFF;
}

.image-full-width {
	height: auto;
	width: 60%;
	margin-bottom: 20px;
	
}
.image-float {
	float: left;
	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-centre{
	height: auto;
	width: 40%;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 15px;
	text-align: center;
}

#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: 'Berkshire Swash', cursive;
		font-size: 36px;
		line-height: normal;
		font-weight: 400;
		color: red;
		text-align: center;
		display: block;
		margin-top: 30px;
		margin-bottom: 0px;
		text-shadow: 2px 2px 8px white(255, 0, 0);
	}
	.h1white {
		font-family: 'Berkshire Swash', cursive;
		font-size: 36px;
		line-height: normal;
		font-weight: 400;
		color: white;
		text-align: center;
		display: block;
		margin-top: 30px;
		margin-bottom: 0px;
		text-shadow: 2px 2px 8px white(255, 0, 0);
	}
	.h2 {
		font-family: 'Berkshire Swash', cursive;
		font-size: 28px;
		line-height: normal;
		font-weight: 400;
		color: red;
		text-align: center;
		display: block;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.h3 {
		font-family: 'Berkshire Swash', cursive;
		font-size: 24px;
		line-height: normal;
		font-weight: 700;
		color: black;
		text-align: center;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.h4 {
		font-family: 'Berkshire Swash', cursive;
		font-size: 20px;
		line-height: normal;
		font-weight: 400;
		color: #00076f;
	}
	.h7 {
		font-family: 'Berkshire Swash', cursive;
		font-size: 20px;
		line-height: normal;
		font-weight: 400;
		color: #FFF;
		margin-top: 30px;
		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;
	}
	.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;
}
}