@charset "utf-8";
/* CSS Document */


/**********************************************/
/* Home Page Styles                           */
/**********************************************/

.flexslider {
	width: 100%;
margin: 0 0 50px 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
box-shadow: 0 0 0 rgba(0,0,0,0);
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
-o-box-shadow: 0 0 0 rgba(0,0,0,0);
overflow: hidden;
}

.slides li {
	margin: 0;
	padding: 0;
	}

.PlaqRight {
  position: absolute;
  top: 0;
  right: 40px;
  width: 600px;
  height: 100%;
/*  background: rgba(0,0,0,.5);*/
  padding: 10px 0;
  box-sizing: border-box;
  }
.PlaqRight h1 {
  font-size: 40px !important; /* 70px / 16px */
  line-height: 1.1em !important;
  color: #fff;
  margin: 200px 0 25px 0 !important;
  padding: 0;
  font-weight: 400;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1), -2px -2px 5px rgba(0, 0, 0, 1);
  }
.PlaqRight p {
  font-size: 1.5em; /* 24px / 16px */
  line-height: 1.25em; /* 30px / 24px */
  color: #fff;
  margin: 0 .5em 1.66666666666667em .5em; /* 40px / 24px */ /* 12px / 24px */
  text-align: center;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 1), -3px -3px 3px rgba(0, 0, 0, 1);
  }
.PlaqRight a {
  color: #fff;
  text-decoration: none;
  }
.PlaqRight a:hover {
  text-decoration: underline;
  }

.PlaqLeft {
  position: absolute;
  top: 0;
  left: 40px;
  width: 600px;
  height: 100%;
/*  background: rgba(0,0,0,.5);*/
  padding: 10px 0;
  border-radius: 15px;
  }
.PlaqLeft h1 {
  font-size: 40px !important; /* 70px / 16px */
  line-height: 1.1em !important;
  color: #fff;
  margin: 200px 0 25px 0 !important;
  padding: 0;
  font-weight: 400;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1), -2px -2px 5px rgba(0, 0, 0, 1);
  }
.PlaqLeft p {
  font-size: 1.5em; /* 24px / 16px */
  line-height: 1.25em; /* 30px / 24px */
  color: #fff;
  margin: 0 .5em 1.66666666666667em .5em; /* 40px / 24px */ /* 12px / 24px */
  text-align: center;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 1), -3px -3px 3px rgba(0, 0, 0, 1);
  }
.PlaqLeft a {
  color: #fff;
  text-decoration: none;
  }
.PlaqLeft a:hover {
  text-decoration: underline;
  }
.PlaqLeft a.Button {
	display: block;
	background: #c60d13;
	width: 140px;
	font-size: .75em; /* 12px / 16px */
	line-height: 1.25em; /* 15px / 12px */
  color: #fff;
	font-weight: 700;
  margin: 0 auto .5em auto;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .2em;
	border-radius: 5px;
  }
.PlaqLeft a.Button:hover {
	background: #cfcc22;
	color: #000;
  }

.PlaqTop {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: auto;
  padding: 10px 0;
  box-sizing: border-box;
  }
.PlaqTop h1 {
  font-size: 40px !important; /* 70px / 16px */
  line-height: 1.1em !important;
  color: #fff;
  margin: 10px 0 25px 0 !important;
  padding: 0;
  font-weight: 400;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1), -2px -2px 5px rgba(0, 0, 0, 1);
  }
.PlaqTop p {
  font-size: 1.5em; /* 24px / 16px */
  line-height: 1.25em; /* 30px / 24px */
  color: #fff;
  margin: 0 .5em 1.66666666666667em .5em; /* 40px / 24px */ /* 12px / 24px */
  text-align: center;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 1), -3px -3px 3px rgba(0, 0, 0, 1);
  }
.PlaqTop a {
  color: #fff;
  text-decoration: none;
  }
.PlaqTop a:hover {
  text-decoration: underline;
  }

.PlaqBottom {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 10px 0;
  box-sizing: border-box;
  }
.PlaqBottom h1 {
  font-size: 40px !important; /* 70px / 16px */
  line-height: 1.1em !important;
  color: #fff;
  margin: 10px 0 25px 0 !important;
  padding: 0;
  font-weight: 400;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1), -2px -2px 5px rgba(0, 0, 0, 1);
  }
.PlaqBottom p {
  font-size: 1.5em; /* 24px / 16px */
  line-height: 1.25em; /* 30px / 24px */
  color: #fff;
  margin: 0 .5em 1.66666666666667em .5em; /* 40px / 24px */ /* 12px / 24px */
  text-align: center;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 1), -3px -3px 3px rgba(0, 0, 0, 1);
  }
.PlaqBottom a {
  color: #fff;
  text-decoration: none;
  }
.PlaqBottom a:hover {
  text-decoration: underline;
  }

.PlaqHidden {
  display: none;
  }

.BBr {
  display: block;
  }


#Content {
  background: url('') no-repeat top center;
  margin-bottom: 30px;
  padding: 20px 0 0 0;
  }

.HomeContent {
/*	float: left;
	width: 65.83333333333333%; /* 790px / 1200px */
  min-height: 280px;
  margin: 0 0 30px 0;
  }
.HomeContent p {
  font-size: 18px;
  }

#NewsSidebar {
	float: right;
	width: 31.66666666666667%; /* 380px / 1200px */
	margin: 0 0 30px 0;
	}
#NewsSidebar a {
	display: block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d7d7d7+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(215,215,215,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(215,215,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(215,215,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
	font-size: 1em; /* 16px / 16x */
	line-height: 1.25em; /* 20px / 16x */
	font-weight: 400;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 5px;
	}
#NewsSidebar a span {
	color: #000;
	}


.CallToAction {
	background: #011c39 url('') no-repeat top center;
	padding: 65px 0 35px 0;
	}
.CallToAction img {
	display: block;
	border: 0;
	}
.CallToAction li {
	position: relative;
	float: left;
	width: 31.66666666666666%; /* 380px / 1200x */
	max-width: 380px;
	margin: 0 2.5% 30px 0; /* 30px / 1200x */
	}
.CallToAction li:nth-child(3n) {  
	margin: 0 0 30px 0;
	}
.CallToAction li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	}
.CallToAction li a span {
	display: block;
	background: rgba(204, 0, 0, .7);
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	padding: 25px 5px;
	text-decoration: none;
	text-align: center;
        box-sizing: border-box;
	}
.CallToAction li a:hover span {
	background: rgba(204, 0, 0, 1);
	}
.CallToAction li a span:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(184, 25, 18, 0);
	border-top-color: rgba(184, 25, 18, .7);
	border-width: 20px;
	margin-left: -20px;
	}
.CallToAction li a:hover span:after {
	border-top-color: rgba(184, 25, 18, 1);
	}

.CallToAction li a .Olay {
  position: absolute;
  top: 80px;
  left: 10%;
  width: 80%;
  background: rgba(255,255,255,.9);
  color: #000;
  text-align: center;
  border-radius: 10px;
  display: none;
  }
.CallToAction li a:hover .Olay {
  display: block;
  }
.CallToAction li a .Olay p {
  margin: 10px 20px;
  }

/**********************************************/
/* From People.css                            */
/**********************************************/

.OfficerSection {
  padding: 20px 0;
  }

.Officer {
  float: left;
  width: 30.66666666666667%; /* 230px / 750px */
  margin: 0 2.66666666666667% 20px 0; /* 20px / 250px */
  }
.Officer h3 {
  font-size: .875em; /* 14px / 16px */
  margin: 0;
  }
.Officer p {
  font-size: .875em; /* 14px / 16px */
  }



/**********************************************/
/* From Member.css                            */
/**********************************************/

.LinksSection {
  background: #e9eff4;
  padding: 30px 0;
  border-top: 5px solid #003366;
  }
.LinksSection a {
  color: #c60d13;
  }


.Links1 {
  float: left;
  width: 47.22222222222222%; /* 425px / 900px */
  }
.Links1 li {
  margin: 0 0 10px 0;
  }

.Links2 {
  float: right;
  width: 47.22222222222222%; /* 425px / 900px */
  }
.Links2 li {
  margin: 0 0 10px 0;
  }

.HeadImage1 {
  float: right;
  width: 30%; /* 576px / 1920px */
  }
.HeadImage2 {
  float: right;
  width: 33.125%; /* 636px / 1920px */
  }
.HeadImage3 {
  float: right;
  width: 36.875%; /* 708px / 1920px */
  }


@media screen and (max-width: 1185px) {
.PlaqRight {
  right: 5px;
  width: 450px;
  }
.PlaqLeft {
  left: 5px;
  width: 450px;
  }
.PlaqRight h1 {
  font-size: 30px !important;
  margin: 175px 0 10px 0 !important;
  }
.PlaqRight p {
  font-size: 1.25em;
  }
.PlaqLeft h1 {
  font-size: 30px !important;
  margin: 175px 0 10px 0 !important;
  }
.PlaqLeft p {
  font-size: 1.25em;
  }
.PlaqTop h1 {
  font-size: 30px !important;
  margin: 10px 0 10px 0 !important;
  }
.PlaqTop p {
  font-size: 1.25em;
  }
.PlaqBottom h1 {
  font-size: 30px !important;
  margin: 115px 0 10px 0 !important;
  }
.PlaqBottom p {
  font-size: 1.25em;
  }
}
@media screen and (max-width: 1100px) {
.PlaqTop {
  top: 10px;
  }
}
@media screen and (max-width: 1000px) {
.PlaqRight h1 {
  font-size: 25px !important;
  margin: 115px 10px 5px 10px !important;
  }
.PlaqRight p {
  margin: 0 .5em .5em .5em;
  }
.PlaqLeft h1 {
  font-size: 25px !important;
  margin: 115px 10px 5px 10px !important;
  }
.PlaqLeft p {
  margin: 0 .5em .5em .5em;
  }
.PlaqTop h1 {
  font-size: 25px !important;
  margin: 10px 10px 5px 10px !important;
  }
.PlaqTop p {
  margin: 0 .5em .5em .5em;
  }
.PlaqBottom h1 {
  font-size: 25px !important;
  margin: 100px 10px 5px 10px !important;
  }
.PlaqBottom p {
  margin: 0 .5em .5em .5em;
  }
.BBr {
  display: inline;
  }
.Officer {
  width: 47%;
  }
}
@media screen and (max-width: 870px) {
.HomeContent {
	float: none;
	width: 100%;
	}
#NewsSidebar {
	float: none;
	width: 100%;
	}
.CallToAction li {
	float: none;
	width: 100%;
	margin: 0 auto 30px auto;
	}
.CallToAction li:nth-child(3n) {  
	margin: 0 auto 30px auto;
	}
.PlaqRight {
  position: static;
  width: 100%;
  margin-left: 0;
  padding: 1px 0;
  background: rgba(0,0,0,1);
  border-radius: 0;
  }
.PlaqRight h1 {
  font-size: 20px !important; /* 20px / 16px */
  line-height: 1.3em !important; /* 26px / 20px */
  margin: 10px 0 5px 0 !important;
  text-align: center;
  }
.PlaqRight p {
  font-size: .875em; /* 14px / 16px */
  line-height: 1.285714285714286em; /* 18px / 14px */
  margin: 0 .5em .5em .5em;
  }
.PlaqLeft {
  position: static;
  width: 100%;
  margin-left: 0;
  padding: 1px 0;
  background: rgba(0,0,0,1);
  border-radius: 0;
  }
.PlaqLeft h1 {
  font-size: 20px !important; /* 20px / 16px */
  line-height: 1.3em !important; /* 26px / 20px */
  margin: 10px 0 5px 0 !important;
  text-align: center;
  }
.PlaqLeft p {
  font-size: .875em; /* 14px / 16px */
  line-height: 1.285714285714286em; /* 18px / 14px */
  margin: 0 .5em .5em .5em;
  }
.PlaqTop {
  position: static;
  width: 100%;
  margin-left: 0;
  padding: 1px 0;
  background: rgba(0,0,0,1);
  border-radius: 0;
  }
.PlaqTop h1 {
  font-size: 20px !important; /* 20px / 16px */
  line-height: 1.3em !important; /* 26px / 20px */
  margin: 10px 0 5px 0 !important;
  text-align: center;
  }
.PlaqTop p {
  font-size: .875em; /* 14px / 16px */
  line-height: 1.285714285714286em; /* 18px / 14px */
  margin: 0 .5em .5em .5em;
  }
.PlaqBottom {
  position: static;
  width: 100%;
  margin-left: 0;
  padding: 1px 0;
  background: rgba(0,0,0,1);
  border-radius: 0;
  }
.PlaqBottom h1 {
  font-size: 20px !important; /* 20px / 16px */
  line-height: 1.3em !important; /* 26px / 20px */
  margin: 10px 0 5px 0 !important;
  text-align: center;
  }
.PlaqBottom p {
  font-size: .875em; /* 14px / 16px */
  line-height: 1.285714285714286em; /* 18px / 14px */
  margin: 0 .5em .5em .5em;
  }
}
@media screen and (max-width: 750px) {
.Officer {
  float: none;
  width: 95%;
  }
.Links1 {
  float: none;
  width: 100%;
  }
.Links2 {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 430px) {
.flex-direction-nav a {
  top: 30%;
  }
}
