h1 { line-height: 135%; margin-top: 1em; border: none; padding-left: 0px; margin-left: 0px; }
h3 { font-size: 1.4em; color: #69f; margin-top: 1.3em; margin-bottom: 1em;  }

.pagearea { overflow: hidden; }
.displayarea { width: 100%; max-width: 960px; display:flex; flex-wrap:wrap; }
.headingarea { width: 100%;  }
.headermain { width: 100%; background-size: 100% auto; }
#banner { width: 100%; max-width:960px; }
.headerleft { width:100%; float:none; }
.headerright { width: 100%; }
.leftcolumn { margin-left: 0; border-left: 0px; width:180px; }
.lefttop { width: 100%; }
.leftmain { width:100%; }
.rightcolumn { width: 180px; display:none; }
.righttop { width: 180px; }
.rightbase { width: 180px; }
.rightmain { width: 180px; }
.mainarea { flex: 1; max-width: none; padding-top: 1em; padding-left: 2em; padding-right: 2em; border-right: 4px solid #ddd; min-height: 800px; }
.mainarea .leftpic { margin-right: 1em; margin-bottom: 1em; }
.botlinkarea { width: 100%; max-width: 770px; font-size: 0.8em}
.botlinkarea .botbuttonholder { margin-right: 2em; }

.rightcolumn .infotop { width: 100%; }
.rightcolumn .infofirst { width: 100%; }
.rightcolumn .infoMARKfirst { width: 100%; }
.rightcolumn .orgmenu { margin-top: 1em; }
.rightcolumn .orgitem { width: 100%; border: none; }
.rightcolumn .Notananttop { width: 100%; }
.rightcolumn .Nitem { width: 100%; }
.rightcolumn .Ntext { margin-bottom: 0.25em; }

.leftcolumn .infotop { padding: 0.5em 0.5em 0.8em 0.5em; }
.leftcolumn .orgmenu { margin-top:1em; }

.topicsXwrapperTB { clear:both;  border: 0px solid #ccf;  margin-top: 0em;  padding-top: 0em; padding-bottom: 1em; }
.topicsXwrapperTB H5 { margin: 0px; margin-top: 1em; padding: 0px; padding-left: 0em; }
.topicsXwrapperTB .topicsXitem { margin-left: 0em; margin-top: 6px; color: #669; }

.listwrapperTB .listbg1 { border: none; padding-right: 1em; }
.listwrapperTB .listbg2 { border: none; }
.listwrapperTB H5 { margin-bottom: 0.5em; }

.Notanantbox { font-size: smaller; }
.rightcolumn .calendar { padding-top: 2em; }
.rightcolumn .calendar h4 {  font-size: smaller; }
.rightcolumn .calendar .calx, .rightcolumn .calendar .cal, .rightcolumn .calendar .calm { font-size: 70%; }

.mainarea .calendar .calx, .mainarea .calendar .cal, .mainarea .calendar .calm { font-size: 0.9em; }

.history .histtitle { margin-top: 2em; font-size: smaller; padding-left: 2px; }
.headerright .infoa, .headerright .infoMARKa { font-size: 1.1em; }



@media (max-width: 770px) {
	.mainarea { max-width: 770px; }
	.rightcolumn { width: 100%; }
	.righttop { width: 100%; }
	.rightbase { width: 100%; }
	.rightmain { width: 100%; }
}