/* W3C Validated 6/28/21 */

BODY {color:rgb(0, 45, 85) ;
font-family: Verdana, Arial, Sans-serif;
font-size: 16px;
background-color: white}

.top-bar {background-color: rgba(234, 234, 234, 1);
		  box-sizing: border-box;
		  height: 63px;
		  padding-right: 20px}

header {/* background-color: rgba(208, 188, 153, .4); */
		background-color: rgba(255, 255, 255);
		box-sizing: border-box;
		border-bottom: 5px solid #404040}

.logoBox {text-align: center;}

.logoBox img {margin-top: -50px;
			  width: 100%;
			  height: auto;
			  max-width: 203px}

.main-content {margin-top: 20px;
			   padding-bottom: 40px;
			   border-left: 1px solid #202020;
			   border-right: 1px solid #202020;
			   display: table}

.int-content {margin-top: 0;
			  padding-top: 20px;}

.homeSlideshow	{border-bottom: 12px solid #202020;
				 margin: 0px auto;
				 width: 100%;
				 position: relative;
				 max-width: 1200px !important;
				 /* 1200px x 375px */}

.page-title {background-image: linear-gradient(to right, #CC6733, white);
			 padding: 15px 15px 15px 35px;
			 border-left: 1px solid #202020;
			 border-right: 1px solid #202020;}

h1 {font-family: 'Merriweather', serif;
	color: rgb(64, 64, 64);
	font-size: 45px;
	margin: 50px 0 0 0;}

@media (max-width: 1025px) {
	h1 {font-size: 40px;}
}

@media (max-width: 885px) {
	h1 {font-size: 30px;}
}

@media (max-width: 767px) {
	h1 {margin: 20px 0 15px 0;}
}

@media (max-width: 533px) {
	h1 {font-size: 23px;}
	h3 {font-size: 20px;}
	.logoBox img {max-width: 150px;}
}

h2 {color: rgb(51, 51, 51);
	line-height: 1.2em;
	letter-spacing: -1px;
	font-family: Arial, Sans-serif;
	font-size: 24px;
	font-weight: normal;}

h3 {font-family: 'Merriweather', serif;
	color: #ffffff;
	font-size: 25px;
	margin: 0;
	text-shadow: 1px 1px #555;}

@media (max-width: 533px) {
	h3 {font-size: 20px;
		margin-left: 5px}
}


h4 {font-family: Arial, Sans-serif;}

h5 {font-family: Arial, Sans-serif;}

h6 {font-family: Arial, Sans-serif;}

p	{color: rgb(0, 45, 85);
	 margin: 0 0 10px 0;}

a {color: #CC6635; text-decoration: underline;}

a:hover {color: rgb(181, 5, 11); text-decoration: underline;}

.annWrap h2, .eventWrap h2 {font-family: Arial, Sans-serif;
			 font-size: 24px;
			 font-weight: bold;
			 border-bottom: 2px solid #002D56;
			 margin-bottom: 0px;
			 margin-left: 15px;
			 padding-bottom: 3px;}

.annWrap h3 {font-family: Arial, Sans-serif;
			 font-size: 19px;
			 font-weight: bold;
			 margin: 0;
			 color: rgb(0, 45, 85);}

.greyBg {padding: 25px 15px 15px 15px;
		 background-color: rgb(242, 242, 243);}

.intWrap {padding: 18px;}

.annWrap .greyBg div {margin-bottom: 30px;}

.annWrap div p,
.newsWrap div p {line-height: 21px;}

.annWrap div p.annBy,
.newsWrap div p.annBy {font-size: 15px;
					  font-weight: bold;
					  line-height: 25px;}

.whiteBg {padding: 15px;
		 background-color: white;}

.newsWrap h2 {font-size: 25px;
			  font-weight: normal;
			  color: rgb(0, 45, 86);
			  padding-bottom: 3px;}

.newsWrap h3 {font-family: Verdana, Arial, Sans-serif;
			 font-size: 16px;
			 color: rgb(0, 45, 85);
			 font-weight: bold;
			 margin: 5px 0 0 0}

.eventWrap h3 {font-family: Verdana, Arial, Sans-serif;
			   font-size: 15px;
			   color: rgb(0, 45, 85);
			   font-weight: bold;
			   margin: 0;
			   text-shadow: none}

.eventWrap p {font-size: 15px;
			  line-height: 1.4em;
			  margin: 0}

.eventBox {margin: 0px 15px 30px 0px;
		   width: 50px;
		   height: 50px;
		   float: left;}

.dateDisplay {width: 50px;
			  height: 50px;
			  text-align: center;
			  color: rgb(255, 255, 255);
			  line-height: 20px;
			  padding-top: 4px;
			  font-size: 16px;
			  background-color: #903202;}

.eventWrap .allNewsP {margin-top: 25px;}

.sideBar {margin-top: 20px;}

.sideBar h2 {padding: 5px;
			 text-align: center;
			 color: rgb(255, 255, 255);
			 clear: both;
			 font-size: 24px;
			 margin: 0;
			 background-color: #903202;}

.sideBar IMG {width: 100%;
			  height: auto;
			  margin-bottom: 25px}

.sideBar section p {margin-right: 15px}

@media (max-width: 992px) {
	.sideBar section p {margin-left: 15px}
}

.sideBar section ul {margin: 0 14px 10px -10px;
					 font-size: 15px}


.sidebarColor {background-color: rgb(242, 242, 243);}

.sidebarColor ul:first-of-type.quickLinks {margin-bottom: 0px;}

.sideBar h2.quickHeader {margin-top: 10px;}

ul.quickLinks {padding: 10px 0 10px 30px;}

.quickLinks li {padding-bottom: 5px;
				list-style-type: none;}

.quickLinks a {width: 100%;
			   text-align: left;
			   line-height: 19px;
			   font-size: 16px;
			   font-weight: 300;
			   text-decoration: none;
			   margin-bottom: 5px;
			   display: block;
			   color: #130C08;
			   text-decoration: underline}

.quickLinks a:hover {text-decoration: none}


.exploreBox p {margin: 0 0 10px 20px;
			   padding: 0 0 25px 0;
			   line-height: 19px;}

footer {background-color: #202020;
		text-align: center;
		font-size: 14px;
		position: relative;
		padding: 0}

footer .footer-logo {margin: 20px 0 0 0;}

footer .footer-logo {opacity: .9;}

footer p {color: rgb(255, 255, 255);}

footer p.companyInfo {margin: 30px 0 0 0;}

footer p a {color: rgb(255, 255, 255);}

footer ul.footerNav {margin: 30px 0 0 0;
					 color: rgb(255, 255, 255);}

footer ul li a {color: #FFFBB1;
				text-decoration: none;}

footer ul li a:hover {color: #cc6633;
					  text-decoration: none;}

.social {padding: 10px 0px;
			 width: 100%;
			 font-size: 12px;
			 background-color: white;}

.social img {max-width: 35px;
			 height: auto;
			 margin: 10px 20px}

.bottomLine {padding: 10px 0px 15px 0;
			 width: 100%;
			 bottom: 0px;
			 font-size: 12px;
			 position: relative;
			 background-color: black;}

.bottomLine p {margin-bottom: 0px;}

.bottomLine p a {color: #FFFBB1;
				 text-decoration: none;}

.bottomLine p a:hover {color: #CC6633;
				 text-decoration: none;}

.allNews {padding: 5px 40px;
		  border: 2px solid rgb(238, 238, 238);
		  border-image: none;
		  text-align: center;
		  color: rgb(255, 255, 255);
		  text-transform: uppercase;
		  font-size: 18px;
		  font-weight: bold;
		  text-decoration: none;
		  display: block;
		  cursor: auto;
		  box-sizing: border-box;
		  background-color: rgb(181, 5, 11);}

.allNews:hover {color: rgb(255, 255, 255);
				text-decoration: none;
				background-color: rgb(0, 44, 87);}

.allNews:focus {color: rgb(255, 255, 255);
				text-decoration: none;
				background-color: rgb(0, 44, 87);}

.centered {text-align: center;}

.text-highlight {background-color: #F4EDE7;
				 margin: 5px 0;
				 padding: 20px;
				 border: 1px solid #E7CBB4;}

.text-highlight2 {background-color: #F9E9E6;
				 margin: 5px 0;
				 padding: 20px;
				 border: 1px solid #E7CBB4;}

/* FORM */
form {margin: 10px 0 30px 0;}

input[type="submit"],
button[type="submit"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #EDEDED;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;}

input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover {
  background-color: #DEDEDE;
  border-color: #BF8956;
  color: #555;
  outline: 0;}

input[type="email"],
input[type="text"],
input[type="tel"],
textarea,
select {
  width: 75%;
  height: 30px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #EDEDED;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #444;}

textarea {
  height: 100px;}

input[type="email"]:focus,
input[type="email"]:hover,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="tel"]:focus,
input[type="tel"]:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
border: 1px solid #BF8956;
background-color: #DEDEDE;
outline: 0;}
















/* ITEMS BELOW ARE NOT NECESSARY FOR THE PAGE, BUT LEFT THEM FOR FUTURE USE */

.btn	{padding: 6px 12px;
		 border-radius: 4px;
		 border: 1px solid transparent;
		 border-image: none;
		 text-align: center;
		 line-height: 1.4285;
		 font-size: 14px;
		 font-weight: 400;
		 margin-bottom: 0px;
		 vertical-align: middle;
		 display: inline-block;
		 cursor: pointer;
		 background-image: none;}

.btn-primary	{background: rgb(89, 171, 227);
				 border-color: rgb(65, 131, 215);
				 color: rgb(255, 255, 255);}

.img-responsive	{height: auto;
				 display: block;
				 max-width: 100%;}

.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: rgb(249, 249, 249);}

/* img {
	max-width: 100% !important;
} */
iframe {
	max-width: 100%;
}
object {
	max-width: 100%;
}
embed {
	max-width: 100%;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}

table {
	margin-bottom: 25px;
}

td {
	padding: 10px; border: 2px solid rgb(0, 45, 86); border-image: none; vertical-align: top;
}
th {
	padding: 10px; border: 2px solid rgb(0, 45, 86); border-image: none;
}
table {
	border-top-color: rgb(0, 45, 86); border-top-width: 2px; border-top-style: solid;
}

@media all and (max-width:550px)
{

.col-xxs-12 {
	width: 100%;
}
.col-xxs-6 {
	width: 50%;
}
}