/* CSS Document */
body{background-color: beige;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
html {
  /*font-family: sans-serif;*/
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing:antialiased !important;
}
hr { margin-top: .5rem; margin-bottom: .5rem; }
a, a:active, a:visited{color: #6C2B2C; text-decoration: underline;}
a:hover{color: red;}
ul.uppercase li{text-transform: capitalize;}
ul.pagelist li >a, a:active, a:visited, a:hover{
	text-decoration: underline; /*font-weight: bold;*/
}
ul.eventlist li{margin-bottom: 1.5em;}
.imagepad{padding: 6px; float: left;}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#header{background-color: #6C2B2C; color: white; padding: 6px; }
#headerleft{float: left; width: 25%; min-height: 2em;} /* 35% */
#headerright{float: right; width: 64%; min-height: 2em; font-size: 12pt;} /* 54% */
.border-bottom{border-bottom: 1px solid #000 !important;}
.border-top{border-top: 1px solid #000 !important;}
#footer{
	width: 100%;
	background-color: #6C2B2C;
	color: white;
	text-align: right;
	/*font-size: 8pt;*/
	height: auto;
	float: none;
}
#footer a:link{color: white;}
#footer a:visited{color: white;}
#footer a:hover{color: yellow;}
#footer a:active{color: white;}
#footerright{text-align: right; float: right; font-size: 8pt; margin: 12px;}
#navcol{width:5%; float: left; margin-top: 10px; margin-bottom: 10px; }
#maincol{width: 72%; float: right; background-color: white; border: 1px solid black;
	margin-top: 10px; margin-right: 10px;
padding: 8px;
	/* Chrome and Safari */
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	/* Firefox */
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	/* Standard Syntax */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}
.content{padding: 16px 8px 12px 8px; max-width: 1201px;}
.contact{font-size: 12pt; font-weight: bold; border:thin dotted black; min-width: 100%; text-align:center;}
.goldbar{background-color: gold; width: 100%; height: 1em; float: right;}
.container{max-width: 1201px; border: 1px solid black;   margin-right: auto;
  margin-left: auto;}
.titlefont{font-size:20pt;}
#meetingdates{
	text-align: left;
	max-width: 40%;
	background-color: beige;
	padding: 6px;
	/*width: 90%;
	margin: 0 auto;*/
}
#meeting-gray{
	color: #898989;
}
div#announce{width: 98%; border: 1px solid black; text-align: left; background-color:#DBDBDB; padding: 8px; margin: 0 auto;}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
	#maincol{min-width: 83.5%!important;}
	#headerright{text-align: right; padding-right: 12px;}
} 
@media (min-width: 992px) and (max-width:1199px) {
	#maincol{min-width: 83.5%;}
	#headerright{text-align: right; padding-right: 12px;}
}

@media (min-width: 768px) and (max-width:991px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
	#maincol{min-width: 80%;}
	#headerright{text-align: right; padding-right: 12px;}
}

@media (min-width: 641px) and (max-width: 767.98px) { 
#headerleft{width: 50%; min-height: 2em;}
#headerright{width: 45%; min-height: 2em; text-align: right; padding-right: 12px;}
	#maincol{min-width: 64%!important;}
	#maincol{max-width: 68%!important;}
	/*#navcol{width: 5%!important;}*/
}
@media (min-width: 576px) and (max-width: 640px) {
	#maincol{max-width: 69%!important;}
	#headerleft{width: 50%; min-height: 2em;}
#headerright{width: 45%; min-height: 2em; text-align: right; padding-right: 12px;}
}
@media (min-width:361px) and (max-width: 575.98px) {
	#headerright{text-align: right; padding-right: 6px;}
		#navcol{min-width: 100%!important;}
	#maincol{min-width: 100%!important; margin: 0 auto;}
		/*#maincol{max-width: 65%!important;}
	#navcol{width: 5%!important;}*/
	}
@media (max-width: 360px){ 
	#header{height: auto;}
	#headerleft{min-width: 100%; margin: 0px auto; text-align: center;}
	#headerright{min-width: 100%; text-align: center!important; font-size: 12pt!important;}
	#navcol{min-width: 100%!important;}
	#maincol{min-width: 100%!important; margin: 0 auto;}
	.imagepad{float: none; width: 100%!important;}
	.img-fluid{min-width: 60%;}
}