/* margins in center , sides without margins */
.L {
	float: left;
	margin: 0 1% 0 0;
}
.R {
	float: right;
	margin: 0 0 0 1%;
}
.CLEAR {
	clear: both;
}
.centered { 
	text-align:center; 
}
.rightalign { 
	text-align:right; 
}
.leftalign { 
	text-align:left; 
}
.HALF {
  width: 49%;
}
.THIRD {
  width: 32.3%;
}
.THIRDx2 {
  width: 65.6%;
}
.QUARTER {
  width: 24%;
}
.QUARTERx3 {
  width: 74%;
}
.FIFTH {
  width: 19%;
}

.wrapW {
	width:100%;
}
.pageW {
	width:1140px;
	margin:0 auto;
}


.italic {
  font-style: italic;
}
.unbold {font-weight: normal;}
.red { color: #910d0d; }
.green { color: var(--GGSgreen); }


.FullWitdhPic {
  max-width: 90%;
  height: auto;
  margin: 20px 5%;
}
.ShadowPic {
	box-shadow: 7px 7px 16px #0006;
}

img {
  max-width: 100%;
  height: auto;
}
a:hover img {
	filter: opacity(0.8);
}




body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  background-color: var(--PBLbluedarker);
}


/* HEADER */
#wrapHDR {}
#HDR {
	text-align: center;
	padding: 20px 0;
}
#HDR #LOGO {
	padding: 20px 0;
}
#HDR h2 {
	font-style: italic;
}
span.MiddleLine {
	font-weight: 100;
	color: #666;
	margin: 0 6pt;
}

/* NAVI */
/*
#HDR #NAVI {
	z-index: 200;
	position: absolute;
	width: 66%;
	right: 0;
	top: 20px;
}
#HDR #NAVI ul.Menu {
	padding: 0;
	text-align: right;
}
#NAVI .Menu li > a {
	padding-bottom: 35px;
}
#NAVI .Menu li > a:hover {
    cursor: pointer;    
}
*/

/* FIXED HEADER */
/*
#wrapHDR {
	position: fixed;
	z-index: 2000;
	top: 0;
}
*/
/*
#wrapNAVI {
	position: fixed;
	z-index: 3000;
	top: 70px;
}
*/
body {
	padding: 0;
}









/* blocks */

#MAIN {
  padding: 20px 0;
}
#MAIN td {
  font-size: 14pt;
  font-weight: 200;
  padding-left: 0;
}
#MAIN td em {
  font-size: 12pt;
}
.noBottomMargin {
	margin-bottom: 0;
}

#gMap {
	filter: grayscale(1);
	box-shadow: 0 10px 20px #0003;
}


#FOOTER {
  padding: 20px 0 80px;
}
#FOOTER h2, #FOOTER p {
  text-align: center;
}












/*
#wrapHERO {
	background-color: var(--MSGcyan);
	background-image: url("images/BCKhero.png");
	background-position: bottom;
	background-size: cover;
}
#HERO {
	padding-top: 160px;
	padding-bottom: 210px;
}
#HERO h1 {
  color: #FFF;
}
#HERO #FRAMED {
  border: solid 2px #000;
  border-radius: 15px;
  padding: 20pt;
  box-sizing: border-box;
  margin-top: 20pt;
}
#HERO #FRAMED h2 {
  color: #000;
  margin: 20pt 0;
    animation-iteration-count: infinite;
}
#BLINK1 {
    animation: Blink1Anim 2s;
    animation-delay: 0ms;
}
#BLINK2 {
    animation: Blink1Anim 2s;
    animation-delay: 500ms;
}
#BLINK3 {
    animation: Blink1Anim 2s;
    animation-delay: 1000ms;
}
#BLINK4 {
    animation: Blink1Anim 2s;
    animation-delay: 1500ms;
}
@keyframes Blink1Anim {
  0% { opacity:1; }
  75% { opacity:1; }
  100% { opacity:0; }
}
#HERO .R {
  background-color: #FFF;
  border-radius: 15px;
  padding: 20pt;
  box-sizing: border-box;
}
#HERO .R h2 {
	color: #000;
	font-size: 28pt;
	text-align: center;
	margin-bottom: 20pt;
}
#HERO #FORM .HALF {
  width: 48%;
  margin: 0 1% 0 1%;
}
#HERO #FORM .FormField {
	border: solid 2px var(--MSGcyanlight);
	font-family: Montserrat, "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #000;
	padding: 4pt 8pt;
	font-size: 12pt;
	width: 100%;
	margin: 0 0 8pt;
	border-radius: 8px;
	box-sizing: border-box;
}
.g-recaptcha {
  margin: 10pt auto;
  display: block;
  width: fit-content;
}
#HERO #FORM #BUTTON {
  width: 100%;
  border: none;
  background-color: var(--MSGcyan);
  color: #FFF;
  font-family: Montserrat, "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 18pt;
  font-weight: 700;
  margin: 8pt 0;
  border-radius: 8px;
  padding: 15pt 0;
}
#HERO #FORM #BUTTON:hover {
  cursor: pointer;
  background-color: #000;
}
#HERO .R p {
  text-align: center;
  font-size: 18pt;
  margin-top: 8pt;
}


#MAIN {
	padding: 60px 0 80px;
}
#wrapMAIN.InnerMain {
	padding-top: 130px;
}



#wrapWHY {
	background-color: var(--MSGcyanlight);
}
#WHY {
	padding: 60px 0 80px;
}
*/


#wrapFTR {
	background-color: #000;
}
#FTR {
	padding: 60px 0;
}
#FTR p {
  font-size: 10pt;
  font-weight: 400;
  color: #FFF;
}
#FTR h4 {
  color: #FFF;
  margin-top: 0;
  font-size: 14pt;
  margin-bottom: 31px;
}
#FTR a {
  color: #FFF;
}
#FTR .R {
  text-align: right;
}




/*
#FORM #MESSAGE {
  background-color: var(--MSGcyanlight);
  padding: 10pt;
  margin-bottom: 20pt;
}
#FORM #MESSAGE h3 {
  margin-top: 0;
  font-size: 17pt;
}
#FORM #MESSAGE p {
  font-size: 14pt;
  text-align: left;
}

*/
