/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*overflow-x: hidden;*/
}
body{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 16px;
	color: black;	
}
.body-bold {
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.body-bold-lg{font-size: 18px;}
h1{font-size: 24px; 
    margin-bottom: 10px;
    margin-top: 10px;
}
h3{font-size:20px;}
a {
	color: #005826;
	text-decoration: underline;
}  /* unvisited links */
a:visited {
	color: #000;
}  /* visited links   */
a:hover {
	color: #edbc38;
}  /* user hovers     */
/* a:active  { color: #ccc }  */
.search {
	float: left;
	width: 100%;
}
.bottom-margin{margin-bottom: 16px;}
.wide-50{width: 50%; max-width: 50%;}
.catcontainer{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
min-width: 99%;
} 
#headcontainer {
	width: 100%;
	background-image: url(../images/header-x.png);
	background-repeat: repeat-x;
	min-height: 140px;
}
#header {
	max-width: 25%;
	margin-top: 0;
	float: left;
}
#header img {
	padding-top: 6px;
	padding-left: 6px;
}
#head-right {
	max-width: 75%;
	float: right;
	height: 130px;
}
#head-rgt-1 {
	float: right;
	color: white;
	margin: 12px;
	min-height: 50px;
	width: 100%;
	text-align: right;
	font-size: 12pt;
	font-weight: bold;
}
#head-rgt-2 {
	float: right;
	min-height: 50px;
	margin: 12px;
	width: 100%;/*text-align: right;*/
}
#anouncebox{border: 1px solid black; float: left; /*width: 60%;*/ margin: 6px; padding: 8px; font-weight: bold;}
.clear-rgt {
	clear: left;
}
.error {
	color: red;
	font-weight: bold;
	font-size: 14px;
}
.lg-left-float {
	float: left;
	max-width: 40%!important;
}
.lg-right-float2 {
	float: right;
	max-width: 60%!important;
	/*margin-top: 16px;*/
}
.very-bottom {
	/*	position: fixed;
	bottom: 0;
	left: 0;*/
	min-height: 30px;
	min-width: 100%;
	background-color: #005826;
	color: #98cd9c;
	padding-top: 4px;
	font-size: 9pt;
}
.foot-right {
	max-width: 45%;
	float: right;
}
.foot-right a, .foot-right a:visited {
	color: #98cd9c;
}
.foot-left {
	max-width: 45%;
	float: left;
}
.mainbody {
	margin: 6px 0 8px 0;
	border: 1px solid green;
	padding: 6px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.social-links{float: right; text-align: right; font-size: 14pt; clear: both; width: 100%; padding-right: 40px;}
.search-margin{margin-top: 16px;}
.left-float {
	float: left;
	max-width: 45%;
}
.right-float {
	float: right;
	max-width: 45%;
}
.board-list-left {
	float: left;
	max-width: 45%;
}
.board-list-right {
	float: left;
	max-width: 45%;
	margin-left: 18px;
	margin-top: 12px;
}
.picleft {
	float: left;
}
ul.attentionspace li {
	margin-bottom: 1em;
	font-weight: bold;
}
ul.newsletter{list-style: none;}
ul.newsletter li:before {content: "– ";}
.full-reg-cat-list {
	margin-bottom: .75em;
	display: inline-block;
	font-weight: bold;
}
.img-rounded {
	border-radius: 10px;
}
/* CSS from scripts */

.clear {
	clear: both;
}
.member-box {
	padding: 6px;
	border: 1px dotted gray;
	margin: 8px;
	width: 47%;
	min-width: 45%;
	float: left;
	/*margin-right: 4px;*/
	font-size: 16px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
}
.member-row {
	min-width: 100%;
	height: auto;
	margin-bottom: 1px;
}
.member-row-height {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.contactlist {
	background-color: #d2e2be;
	border: 1px dotted gray;
	font-size: 16px;
	padding: 6px;
	width: 48%;
	min-width: 45%;
	float: left;
	margin-right: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
}
.extrapadding{padding: 40px 20px 40px 20px;}
/* end CSS from scripts */
/* media queries */
@media (max-width : 360px ){
.hidden-xxs {
	display: none !important;
}
.board-list-right {
	display: none!important;
}
.lg-left-float {
	float: none;
	min-width: 100%;
}
.lg-right-float2 {
	float: none;
	min-width: 100%;
}
.picleft {
	float: none;
}
h1 {
	font-size: 18pt;
}
h3 {
	font-size: 14pt;
}
.member-box {
	min-width: 100%;
	margin: 3px auto;
}
.contactlist {
	min-width: 100%;
	margin: 3px auto;
}
#headcontainer {
	width: 100%;
	min-height: 120px;
	background-image: url(../images/header-x.png);
	background-repeat: repeat-x;
}
#header {
	min-width: 100%;
	float: none;
}
#header img {
	width: 38%;
	margin: 0 auto;
	padding-top: 4px;
}
#head-right {
	min-width: 100%;
	height: 55px;
	margin-top: -12px;
	margin-right: -12px;
}
#head-rgt-1 {
	float: right;
	color: white;
	margin: 10px;
	min-height: 50px;
	width: 100%;
	text-align: right;
}
#head-rgt-2 {
	min-height: 140px;
	min-width: 100%;
}
.foot-right {
	min-width: 100%;
	float: none;
}
.foot-left {
	min-width: 100%;
	float: none;
}
.mainbody {
	margin: 0;
	border: 1px solid green;
	padding: 4px;
}
}

@media (min-width : 361px ) and ( max-width : 480px ){
#headcontainer {
	width: 100%;
	background-image: url(../images/header-x.png);
	background-repeat: repeat-x;
}
#header {
	max-width: 35%;
}
#header img {
	max-width: 95%!important;
	padding-top: 6px;
	padding-left: 6px;
}
#head-right {
	max-width: 65%;
	float: right;
}
#head-rgt-1 {
	/*float: right;*/
	color: white;
	margin: 14px;
	max-width: 99%;
	text-align: right;
	font-size: 10pt;
	font-weight: bold;
	max-height: 50px;
}
#head-rgt-2 {
	/*float: right;*/
	min-height: 50px;
	margin: 12px;
	max-width: 100%;
	text-align: right;
}
.picleft {
	float: none;
}
.lg-left-float {
	float: none;
	min-width: 100%;
}
.lg-right-float2 {
	float: none;
	min-width: 100%;
}
.member-box {
	min-width: 100%;
	margin: 3px auto;
}
.contactlist {
	min-width: 100%;
	margin: 3px auto;
}
.board-list-right {
	display: none!important;
}
.rwd-break {
	display: inline-block;
}
.big-break {
	display: none;
}
}

@media (min-width : 480px) and (max-width:767px) {
.big-break {
	display: none;
}
#header img {
	max-width: 90%;
	padding-top: 6px;
}
.member-box {
	min-width: 100%;
	margin: 3px auto;
}
.contactlist {
	min-width: 100%;
	margin: 3px auto;
}
}

@media (max-width : 767px) {
.lg-left-float {
	max-width: 50%;
}
.lg-right-float2 {
	max-width: 40%;
}
}

@media (min-width : 768px) {
/*.rwd-break {
	display: none;
}*/
}

@media (min-width : 992px) {
}

@media (min-width : 768px) and (max-width : 1024px) {
}

@media (min-width : 768px) and (max-width : 991px) {
#header img {
	max-width: 90%;
	padding-top: 6px;
}
}

@media (min-width : 992px) and (max-width : 1199px) {
}

@media (min-width : 992px) {
#header img {
	max-width: 90%;
	padding-top: 6px;
}
}

@media (min-width : 1200px) {
#header img {
	max-width: 90%;
	padding-top: 6px;
}
}
.hidden-xxs {
}