body {
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #000;
}
a, a:active, a:hover {
	color: #943738;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #10446F;
}
#header-back {
	background-color: #653B37;
	background-image: url(../images/header-x.png);
	background-repeat: repeat-x;
}
#headerimage {
}
#footer-back {
	background-color: #10446F;
	width: 100%;
	color: white;
	/*	padding:5px;*/
	font-size: 14px;
	border-bottom: solid 3px #FFC23F;
	border-top: solid 3px #FFC23F;
}
#footer-left {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	height: 100%;
}
#tagline {
	color: gray;
	font-size: 12px;
	float: right;
	width: auto;
	padding-right: 12px;
}
#tagline a {
	font-weight: 400;
	text-decoration: none;
}
ul#officers {
	margin-top: 2em;
}
ul#officers li {
	margin-bottom: 1.5em;
}
ul.events li img{margin-bottom: 1.5em;}
ul.events li{margin-bottom: 1.2em; font-weight: bold;}
.nav-row {
	width: 100%;
	background-color: #10446F;
	height: 41px;
	color: white;
	text-align: center;
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}
.well {
	min-height: 20px;
	padding: 6px;
	margin-bottom: 12px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
}
.border-left {
	border: 2px solid #FFC23F;
	float: right;
	padding: 6px;
	top: 0;
	position: relative;
	margin-left: 4px;
	font-size: 14px;
	background-color: white;
}
.border-left h3 {
	margin-top: 0px;
	background-color: #10446F;
	color: #FFC23F;
	padding: 5px;
}
.border-left ul li {
	list-style: outside;
	margin-left: -25px;
	list-style-image: url(../images/blue-star-bullet.png);
	margin-bottom: .5em;
}
.media-heading {
	/*	max-width: 50% !important;*/
	float: left;
	margin-right: 24px;/*padding-left:10px;*/
}
ul.bot-margin {
	list-style-position: outside;
	margin-left: -12px;
}
ul.bot-margin li {
	margin-bottom: .75em;
}
.officer-top {
	width: 100%;
	background-color: #10446F;
	background-image: url(../images/goldstar.png);
	background-repeat: no-repeat;
	color: #FFC23F;
	font-size: 22;
	font-weight: bold;
	padding: 4px 4px 4px 24px;
	margin-top: 2px;
	border: 1px solid #FFC23F;
}
.officer-top a {
	text-decoration: underline;
	color: #FFC23F;
}
div#officer {
	/*width:65%;*/
	border: 1px black solid;
	padding: 6px;
}
div.description {
}
.float-left {
	float: left;
	margin-right: 6px;
}
.float-right{float: right; margin-left: 6px;}
.clearfloat {
	clear: left;
}
.border-top {
	border-top: 1px solid #10446F;
}
.border-margin{border: 1px solid black; margin: 6px;}
#attention {
	border: solid 1px black;
	max-width: 95%!important;
	background-color: #F7EFDE;
	padding: 6px;
}
.text-red{color: crimson; }
.col-right-red{color: #D11F22;}
.story{border: 1px dashed #613A34; padding: 4px;}
/* media queries follow */
@media (max-width: 350px) {
#footer-left {
	min-width: 100% !important;
	font-size: 12px;
}
#attention {
	border: solid 1px black;
	min-width: 99% !important;
	padding: 6px;
}
.col-xs-12 {
	width: 100%;
}
}

@media (max-width: 479px) {
.officer-top {
	font-size: 16px;
	height: 50px!important;
}
.col-xs-12 {
	width: 100%;
}
#attention {
	border: solid 1px black;
	min-width: 99% !important;
	padding: 6px;
}
}

@media (min-width: 480px) {
.col-sm-12 {
	width: 100%;
}
}

@media (min-width: 850px) {
  .col-md-8 {
    width: 65%;
  }
}

@media (min-width: 480px) and (max-width: 849px) {
#footer-left {
	font-size: 14px !important;
	height: 100%;
}
}

@media (min-width: 850px) and (max-width: 1365px) {
#footer-left {
	font-size: 18px !important;
}
}

@media (min-width: 1366px) {
#footer-left {
	font-size: 18px !important;
}
}