@font-face {
	font-family: "FlamaBook";
	src: url("fonts/Flama-Book.eot");
	src: url("fonts/Flama-Book.eot?iefix") format("eot"),
		url("fonts/Flama-Book.woff") format("woff"),
		url("fonts/Flama-Book.svg#webfont") format("svg");
}
@font-face {
	font-family: "FlamaMedium";
	src: url("fonts/Flama-Medium.eot");
	src: url("fonts/Flama-Medium.eot?iefix") format("eot"),
		url("fonts/Flama-Medium.woff") format("woff"),
		url("fonts/Flama-Medium.svg#webfont") format("svg");
}
body {
	font-family: "FlamaBook", arial;
	margin: 0px;
	padding: 0px;
	background: #f1f1f1;
	font-size: 14px;
}
body img {
	max-width: 100%;
}
a {
	text-decoration: none;
	color: #6f0000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
h1 {
	font-size: 25px;
	font-weight: bold;
	color: #6f0000;
	margin-top: 5px;
}
h2 {
	font-size: 20px;
	font-weight: 500;
	color: #6f0000;
}
h1,
h2,
h3,
h4 {
	font-family: "FlamaMedium";
}
hr {
	margin: 15px 0px;
	border: 0;
}
hr.darkgray {
	border-top: 1px solid #181818;
}
hr.gray {
	border-top: 1px solid #ddd;
}
hr.dashed {
	border-style: dashed;
}
b,
strong {
	font-family: "FlamaMedium";
}
.space5 {
	height: 5px;
}
.space10 {
	height: 10px;
}
.space15 {
	height: 15px;
}
.space20 {
	height: 20px;
}

.mobiletable {
	display: table;
	width: 100%;
}
.mobilerow {
	display: table-row;
}
.mobilecell {
	display: table-cell;
}
.simpletable {
	display: table;
	width: 100%;
}
.row {
	display: table-row;
}
.simplecell {
	display: table-cell;
}
.simplebox {
	border: 1px solid #dddddd;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
}
.simpleinline {
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
}
.inline-container {
	font-size: 0;
}
.inline-container .simpleinline:last-child {
	margin-right: 0px;
}

.inline-1-12 {
	width: calc(1 * (100% - 110px) / 12);
	margin-right: 10px;
	vertical-align: top;
}
.inline-2-12 {
	width: calc(2 * (100% - 110px) / 12 + 10px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-3-12 {
	width: calc(3 * (100% - 110px) / 12 + 20px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-4-12 {
	width: calc(4 * (100% - 110px) / 12 + 30px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-5-12 {
	width: calc(5 * (100% - 110px) / 12 + 40px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-6-12 {
	width: calc(6 * (100% - 110px) / 12 + 50px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-7-12 {
	width: calc(7 * (100% - 110px) / 12 + 60px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-8-12 {
	width: calc(8 * (100% - 110px) / 12 + 70px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-9-12 {
	width: calc(9 * (100% - 110px) / 12 + 80px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-10-12 {
	width: calc(10 * (100% - 110px) / 12 + 90px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-11-12 {
	width: calc(11 * (100% - 110px) / 12 + 100px);
	margin-right: 10px;
	vertical-align: top;
}
.inline-12-12 {
	width: calc(12 * (100% - 110px) / 12 + 110px);
	margin: 0;
	vertical-align: top;
}
.headers {
	font-size: 20px;
	font-weight: 500;
	color: #6f0000;
	margin-top: 5px;
}
.leftpad10 {
	padding-left: 10px;
}

#wrap {
	min-height: calc(100vh - 437px);
}

/* Pop Up for Agendas */
#popUpDim {
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11000;
}
.popUpBox {
	display: none;
	background: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 1200px;
	height: 40%;
	padding: 15px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);
	z-index: 11001;
}
.popUpClose {
	position: absolute;
	top: -15px;
	right: -15px;
	text-align: right;
	border: 0px solid #ccc;
	padding: 0px;
	margin: 0px 0px;
	width: 30px;
	cursor: pointer;
}
.popIn,
.popUpIn {
	font-size: 15px;
}
.popIn h2,
.popUpIn h2 {
	margin-top: 0;
}
.calendartitle {
	font-weight: bold;
	font-family: "FlamaMedium";
	font-size: 19px;
}
.agenda-boxes .inline-4-12 {
	border: 1px solid #ccc;
	padding: 8px;
}
.agenda-boxes .simpleinline {
	vertical-align: middle;
}
.agenda-boxes img {
	vertical-align: middle;
	margin-right: 5px;
	height: 39px;
}
.agenda-boxes .supBtn {
	padding: 18px 0px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.agenda-boxes .supBtn:hover {
	background: #eaeaea;
}
.supDocInline {
	display: inline-block;
	width: calc(25% - 10px);
	margin: 5px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 8px;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
.supDocInline .simpleinline,
.agenda-boxes .simpleinline {
	vertical-align: middle;
}
.supDocInline a {
}

#contact-pop.popUpBox {
	height: 450px;
}

#contact-pop.popUpBox form {
	width: 80%;
	margin: 0 auto;
}
#contact-pop.popUpBox .formlabel {
	width: 150px;
	margin-right: 20px;
}
#contact-pop.popUpBox .formbox {
	width: calc(100% - 170px);
}

/* General */
#hdr-container {
	width: 100%;
	background: #f1f1f1;
	background-position: right;
	top: 0;
	z-index: 1001;
}
#hdr {
	width: 1200px;
	margin: 0 auto;
	padding: 15px 0px;
	position: relative;
}
#hdr-mob {
	display: none;
	text-align: center;
}
#topright {
	color: #fff;
	margin-top: 5px;
	position: absolute;
	top: 15px;
	right: 0;
	text-align: right;
	font-family: "FlamaMedium";
	z-index: 10001;
}
#topnav {
	text-align: right;
	position: relative;
	z-index: 10001;
}
#topnav-mob {
	display: none;
	background: #600f0b;
	padding: 10px;
	border-top: 1px solid #fff;
}
.palm-tree {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 100px;
	z-index: 1001;
}
#bdy-container {
	width: 100%;
}
#bdy {
	width: 1200px;
	margin: 0 auto;
	min-height: 550px;
	padding: 10px 0px 0px 0px;
}
#ftr-container {
	width: 100%;
	background: #690103;
}
#ftr {
	width: 1200px;
	background: #690103;
	color: #fff;
	padding: 25px 0px;
	text-align: center;
	margin: 0 auto;
}
#ftr-mob {
	text-align: center;
	display: none;
	color: #fff;
	padding: 25px 0px;
}
.iframeWrapper {
	position: relative;
	padding-bottom: 55%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#breadcrumbs {
	font-size: 12px;
	color: #6f0000;
}
#breadcrumbs a {
	color: #6f0000;
}
#breadcrumb-icon {
	display: inline-block;
	width: 20px;
	height: 18px;
	vertical-align: text-bottom;
	margin: 0 5px 0 0;
	background-image: url("/images/home.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.gray-hr {
	margin: 0;
	border: 0;
	border-top: 1px solid #ddd;
	margin-top: 10px;
	padding-top: 10px;
}
.box-title {
	background: #6f0000;
	color: #fff;
	padding: 10px;
	font-size: 15px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.box-title a {
	color: #fff;
}
.box-bdy {
	padding: 10px;
	background: #fff;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #ddd;
	border-top: 0;
}
.readmore-btn {
	display: inline-block;
	border: 1px solid #6f0000;
	color: #6f0000;
	padding: 8px;
	margin: 8px 8px 8px 0px;
	background: #fff;
	vertical-align: top;
}
.readmore-btn:hover {
	text-decoration: none;
	background: #6f0000;
	color: #fff;
}

/* rightside.inc */
#rightside b {
	text-transform: uppercase;
}
ul.upcoming {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}
ul.upcoming li {
	margin: 10px 0px;
}
.upcoming-inline {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: calc(100% - 60px);
}
.upcoming-inline:first-child {
	width: 50px;
	margin-right: 10px;
	text-align: center;
}
.upcoming-inline span {
	display: block;
	padding: 5px;
	background: #8b8a90;
	color: #fff;
	font-weight: bold;
}
.upcoming-inline i {
	display: block;
	padding: 2px 5px;
	background: #fff;
	color: #666666;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

/* newsletters.php */
.newspaper strong {
	display: block;
	background: #ddd;
	padding: 10px;
}
.newspaper p {
	margin: 10px;
}

/* forms */
form {
	font-size: 0;
}
.formrow {
	margin: 5px 0px;
}
.formlabel {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	text-align: right;
	width: 34%;
	margin-right: 1%;
	font-weight: bold;
	line-height: 25px;
}
.formlabel span {
	display: block;
	line-height: normal;
	font-weight: normal;
	font-size: 12px;
}
.formbox {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	text-align: left;
	width: 65%;
}
.formbox input[type="text"],
.formbox input[type="password"],
.formbox input[type="date"],
.formbox input[type="time"] {
	box-sizing: border-box;
	width: 100%;
	padding: 5px 1.7%;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.formbox input[type="submit"] {
	box-sizing: border-box;
	background: #6f0000;
	border: 0;
	-webkit-appearance: none;
	color: #fff;
	border-radius: 4px;
	padding: 6px 12px;
	cursor: pointer;
}
.formbox input[type="submit"]:hover {
	opacity: 0.9;
}
.formbox select {
	box-sizing: border-box;
	width: 100%;
	padding: 4px 0px;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.formbox textarea,
.full-textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 5px 1.7%;
	border-radius: 4px;
	border: 1px solid #ccc;
}

/* topnav.inc */
.cll1 {
	display: inline-block;
	vertical-align: bottom;
	width: 440px;
}
.cll2 {
	display: inline-block;
	vertical-align: bottom;
	width: calc(100% - 440px);
	text-align: right;
}
#hdr .simpleinline {
	vertical-align: bottom;
}
#hdr .simpleinline:last-child {
	text-align: right;
}
#topright a {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	font-size: 13px;
	font-family: "FlamaMedium";
	text-decoration: none;
	text-transform: uppercase;
}
#topright a:hover {
	opacity: 0.6;
}
#topright a:first-child {
	margin-right: 15px;
}
#topright img {
	width: 25px;
	vertical-align: middle;
	margin-right: 5px;
}
#topright img:hover {
	-webkit-filter: brightness(80%);
	filter: brightness(0.8);
}
#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#topnav ul li {
	display: inline-block;
	padding: 0px 12px;
}
#topnav ul li a {
	text-decoration: none;
	font-size: 17px;
	font-family: "FlamaMedium";
}
#topnav a:hover {
	opacity: 0.6;
}
#topnav .drops {
	display: none;
	background: #f1f1f1;
	color: #121212;
	padding-top: 15px;
	margin-left: -12px;
	position: absolute;
	z-index: 10003;
	text-align: left;
	font-size: 12px;
	width: 200px;
	box-sizing: border-box;
}
#topnav .drops ul {
	list-style: none;
	padding-left: 0;
}
#topnav .drops ul li {
	display: block;
	margin: 0;
	padding: 5px 0;
	margin-left: 5px;
	font-weight: normal;
}
#topnav .drops a {
	display: block;
	padding: 10px 13px;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 10px;
}
#topnav .drops a:last-child {
	border: 0;
}
#topnav .drops a:hover {
	background: #fff;
}
.hdr-mob-wide {
	padding: 10px 0px;
	text-align: center;
}
.hdr-mob-wide .mobinline-10-12 {
	text-align: center;
}

#hdr-mob .mobinline-3-12 {
	vertical-align: middle;
}

/* footer.inc */
#ftr a {
	display: inline-block;
	margin: 0px 10px;
	color: #fff;
}
#ftr a:hover {
	text-decoration: none;
	color: #ccc;
}
#ftr a img {
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}

/* mobilemenu.inc */
#toggle {
	position: relative;
	color: #fff;
	text-align: left;
	line-height: 22px;
	font-size: 16px;
	text-decoration: none;
}
#toggle img {
	height: 22px;
	vertical-align: top;
	margin-right: 10px;
}
#calendar-icon {
	height: 22px;
}
#menu-mob {
	display: none;
	list-style: none;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0;
}
#menu-mob ul {
	display: none;
	list-style: none;
	padding: 0;
}
#menu-mob li {
	position: relative;
}
#menu-mob li:last-child {
	border-bottom: 1px solid #eee;
}
#menu-mob li ul li:last-child {
	border-bottom: 0px;
}
#menu-mob li a {
	display: block;
	padding: 12px;
	border: 1px solid #eee;
	border-bottom: 0px;
	color: #fff;
	text-decoration: none;
}
#menu-mob li ul li a {
	padding-left: 35px;
	color: #fafafa;
}
#menu-mob span {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 12px 12px 12px 20px;
	font-size: 18px;
	line-height: 19px;
	color: #fff;
	width: 100%;
	text-align: right;
	box-sizing: border-box;
	cursor: pointer;
}
#topnav-mob .simpleinline {
	vertical-align: middle;
}
#topnav-mob form {
	display: none;
	margin: 0;
	padding: 15px 0px 0px 0px;
	font-size: 0;
}
#topnav-mob input[type="text"] {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border-radius: 3px;
	border: 0px;
	padding: 6px;
	box-sizing: border-box;
	width: 85%;
}
#topnav-mob input[type="submit"] {
	display: inline-block;
	vertical-align: top;
	background: #444;
	color: #fff;
	border-radius: 3px;
	border: 0;
	padding: 6px 7px;
	margin-left: 3px;
	box-sizing: border-box;
	width: calc(15% - 3px);
}

/* include_ma_feed.inc */
.year-on {
	display: inline-block;
	border: 1px solid #6f0000;
	padding: 5px;
	margin: 5px 10px 5px 0px;
	vertical-align: top;
	background: #6f0000;
	color: #fff;
}
.year-on a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.year-on a:hover {
	text-decoration: none;
}
.year {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px 10px 5px 0px;
	background: #fff;
	vertical-align: top;
}
.year:hover {
	-webkit-filter: brightness(90%);
	filter: brightness(0.9);
}
.year a:hover {
	text-decoration: none;
}

.agenda-box {
	width: 200px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
	background: #fff;
	vertical-align: top;
	line-height: 20px;
	font-size: 14px;
}
.agenda-calcontainer .agenda-box {
	width: calc(100% / 4 - 10px);
	margin: 5px;
	box-sizing: border-box;
}
.agenda-box .simpleinline:first-child {
	vertical-align: top;
	width: 30px;
	margin-right: 10px;
}
.agenda-box .simpleinline:last-child {
	vertical-align: top;
	width: 160px;
}
.agenda-box img {
	vertical-align: middle;
	margin-right: 5px;
}

.simplebox .box-hdr {
	display: block;
	color: #6f0000;
	text-decoration: none;
	font-weight: bold;
}
.simplebox .box-hdr:hover {
	text-decoration: underline;
}

/* index.php */
.rel-con {
	position: relative;
}
.rel-con #wowslider-container2 {
	z-index: 11;
}
.rel-con .tagline {
	z-index: 12;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 35px;
	padding: 15px 0px;
	text-align: center;
}
.posteddate {
	font-style: italic;
	font-size: 12px;
	margin: 5px 0px 10px 0px;
}
.index-banner {
	position: relative;
	background: url("images/index-banner.jpg");
	width: 100%;
	height: 285px;
	margin-bottom: 10px;
	border-radius: 3px;
}
.index-banner div {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	color: #fff;
	font-size: 19px;
	line-height: 28px;
	box-sizing: border-box;
}
.index-banner h1 {
	color: #fff;
}
#slide-container {
	position: relative;
}
#wowslider-container2 {
	position: absolute;
	top: 0;
	z-index: 1000;
}

/* board.php */
h2.board {
	color: #161616;
	font-weight: bold;
	font-size: 18px;
}
.board-inline {
	display: inline-block;
	vertical-align: top;
	width: 18%;
	margin: 1%;
	padding: 0px 1%;
	border: 1px solid #000;
	box-sizing: border-box;
	font-size: 14px;
}
.board-inline p {
	margin: 10px 0px;
	text-align: center;
}
.board-inline img:hover {
	opacity: 0.7;
}
.board-inline img {
	max-height: 125px;
}

/* news.php */
h2.news {
	color: #161616;
	font-family: "FlamaMedium";
	font-weight: bold;
	font-size: 17px;
	margin: 0;
}

/* calendar.php */
.cal-container {
	text-align: center;
}
.calendar-mob-dayof {
	display: none;
}
.calendar-info-box {
	display: none;
	background: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	min-width: 900px;
	height: 40%;
	padding: 15px;
	box-sizing: border-box;
	text-align: left;
	-webkit-box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);
	z-index: 11111;
}
.calendar-info-close {
	position: absolute;
	top: -15px;
	right: -15px;
	text-align: right;
	border: 0px solid #ccc;
	padding: 0px;
	margin: 0px 0px;
	width: 30px;
	cursor: pointer;
}
.calendar-event {
	width: 100%;
	overflow: hidden;
	text-align: left;
	border: 0px solid #ccc;
	padding: 3px;
	box-sizing: border-box;
	margin: 0px 0px;
}
.calendar-date {
	width: 90%;
	text-align: right;
	border: 0px solid #ccc;
	padding: 4px 5%;
	margin: 0px 0px;
	background: #6f0000;
	color: #fff;
	font-size: 14px;
}
.calendar-date-off {
	width: 90%;
	text-align: right;
	border: 0px solid #ccc;
	padding: 4px 5%;
	margin: 0px 0px;
	background: #eee;
	color: #121212;
}
.calendar-box {
	display: inline-block;
	width: 155px;
	min-height: 168px;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 2px;
	background: #fff;
	vertical-align: top;
}
.calendar-box-off {
	display: inline-block;
	width: 155px;
	min-height: 168px;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 2px;
	background: #fff;
	vertical-align: top;
	font-size: 14px;
}
.calendar-box-nav {
	display: inline-block;
	width: 155px;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 2px;
	background: #fff;
	vertical-align: top;
	font-size: 14px;
}
a.calendar-header {
	display: block;
	font-size: 11px;
}
.calendar-header {
	line-height: 13px;
	font-size: 11px;
	font-weight: bold;
	color: #6f0000;
	text-decoration: none;
	padding-bottom: 5px;
}
.calendar-header:hover {
	color: #000000;
	text-decoration: underline;
}

.float-img {
	float: right;
}
.float-img img {
	margin-left: 25px;
	width: 250px;
}

/* resources.php */
.resources-container a {
	text-decoration: underline;
}

/* readpost.php */
.gallery-inline {
	vertical-align: top;
	display: inline-block;
	width: calc(100% / 3 - 36px);
	margin: 18px;
	box-sizing: border-box;
	padding: 15px;
	background: #eee;
	border: 1px solid #2e2e2e;
	cursor: pointer;
	height: 168px;
	text-align: center;
}
.gallery-inline:hover {
	-webkit-filter: brightness(90%);
	filter: brightness(0.9);
}
.gallery-inline img {
	max-width: 100%;
	max-height: 135px;
}
.view-gallery {
	display: inline-block;
	padding: 8px 25px;
	background: #008bec;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}
.view-gallery:hover {
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
	color: #fff;
	text-decoration: none;
}

/* motions */
.questions {
	position: relative;
	cursor: pointer;
	padding: 10px;
	font-weight: bold;
	background: #f5f5f5;
	margin-top: 10px;
}
.questions img {
	position: absolute;
	width: 20px;
	right: 10px;
}
.answers {
	display: none;
	padding: 10px;
}

.nav_off {
	display: inline-block;
	padding: 5px 8px;
	border: 1px solid #6d6d6d;
	background: #fff;
	font-size: 12px;
	color: #6f0000;
	margin: 4px;
}
.nav_off:hover {
	border: 1px solid #cc0000;
	background: #6f0000;
	font-size: 12px;
	color: #fff;
}
.nav_on {
	display: inline-block;
	padding: 5px 8px;
	background: #ffcaca;
	border: 1px solid #cc0000;
	font-size: 12px;
	color: #cc0000;
}
.nav_all {
	display: inline-block;
	padding: 5px;
	border: 1px solid #fff;
	font-size: 12px;
}

.mobilespace {
	display: none;
}
.justmobile,
.justinlinemobile {
	display: none;
}
@media (max-width: 420px) {
	.inline-1-12,
	.inline-2-12,
	.inline-3-12,
	.inline-4-12,
	.inline-5-12,
	.inline-6-12,
	.inline-7-12,
	.inline-8-12,
	.inline-9-12,
	.inline-10-12,
	.inline-11-12 {
		width: 100%;
		margin-right: 0;
	}

	.mobinline-1-12 {
		width: calc(1 * (100% - 110px) / 12);
		margin-right: 10px;
	}
	.mobinline-2-12 {
		width: calc(2 * (100% - 110px) / 12 + 10px);
		margin-right: 10px;
	}
	.mobinline-3-12 {
		width: calc(3 * (100% - 110px) / 12 + 20px);
		margin-right: 10px;
	}
	.mobinline-4-12 {
		width: calc(4 * (100% - 110px) / 12 + 30px);
		margin-right: 10px;
	}
	.mobinline-5-12 {
		width: calc(5 * (100% - 110px) / 12 + 40px);
		margin-right: 10px;
	}
	.mobinline-6-12 {
		width: calc(6 * (100% - 110px) / 12 + 50px);
		margin-right: 10px;
	}
	.mobinline-7-12 {
		width: calc(7 * (100% - 110px) / 12 + 60px);
		margin-right: 10px;
	}
	.mobinline-8-12 {
		width: calc(8 * (100% - 110px) / 12 + 70px);
		margin-right: 10px;
	}
	.mobinline-9-12 {
		width: calc(9 * (100% - 110px) / 12 + 80px);
		margin-right: 10px;
	}
	.mobinline-10-12 {
		width: calc(10 * (100% - 110px) / 12 + 90px);
		margin-right: 10px;
	}
	.mobinline-11-12 {
		width: calc(11 * (100% - 110px) / 12 + 100px);
		margin-right: 10px;
	}
	.mobinline-12-12 {
		width: calc(12 * (100% - 110px) / 12 + 110px);
		margin: 0;
	}
	#hdr,
	#topnav-container,
	#ftr {
		display: none;
	}
	#hdr-mob,
	#ftr-mob,
	#topnav-mob {
		display: block;
	}
	#hdr-mob {
		text-align: left;
		padding: 10px;
		border-bottom: 1px solid #fff;
	}
	#hdr-mob img {
		width: 250px;
	}
	#bdy {
		width: calc(100% - 20px);
		margin: 10px;
		min-height: 0;
		padding: 0;
	}
	.gray-hr {
		margin-top: 15px;
		padding-top: 15px;
	}
	#wowslider-container2 {
		position: static;
	}

	/* forms */
	.formlabel,
	.formbox {
		width: 100%;
		text-align: left;
		padding: 0;
		margin: 0;
	}

	/* calendar.php */
	.calendar-box-off {
		display: none;
	}
	.calendar-box {
		width: calc(50% - 10px);
		margin: 5px;
		box-sizing: border-box;
	}
	.float-img {
		float: none;
		display: block;
	}
	.float-img img {
		width: 100%;
	}
	.calendar-info-box {
		width: calc(100% - 20px);
		min-width: 0;
	}
	.calendar-info-box h2 {
		margin-top: 0px;
	}
	.agenda-calcontainer .agenda-box {
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
	.popIn {
		overflow-y: scroll;
		height: 100%;
	}

	/* Pop Up for Agendas */
	.supDocInline {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.popUpIn {
		max-height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.popUpBox {
		width: 80%;
		height: 65%;
	}
	.rel-con .tagline {
		font-size: 16px;
		padding: 10px 0px;
	}
	.board-inline {
		width: calc(50% - 10px);
		margin: 5px;
	}

	.leftpad10 {
		padding: 0;
	}
	.justmobile {
		display: block;
	}
	.justinlinemobile {
		display: inline-block;
	}
	.mobilespace {
		display: block;
	}
	.nomobile {
		display: none;
	}

	/* footer */
	#ftr-mob a {
		color: #fff;
	}

	/* index.php */
	.flex-order {
		display: flex;
		flex-direction: column;
	}
	.flex-order .inline-4-12 {
		order: -1;
	}
}