body { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", serif; font-size:100%; color:#333; }
div { box-sizing: content-box; }
a, .lista { color: #004276; }
p a { text-decoration:underline; }
h1 { color:#333; border-bottom: solid 1px #CCCCCC; margin-top:6px; margin-bottom:10px; font-size:1.5em; }
H3 {
  font-size: 1.333em;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 6px;
}
H2 {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 6px;
}
.pagearea { background: #EDEDED; margin:0; padding:0; text-align:center; }
.displayarea { width:770px; background:#fff; margin: 0 auto; text-align:left; border: solid 1px #ddd; border-top:none; border-bottom: none; max-width:100%; display:grid; grid-template-columns:120px 1fr; }
.headingarea { width:770px; background: #DDDDDD URL(bannermid.jpg) bottom left no-repeat; height:60px; overflow:visible; grid-column: 1 / 3; }
.headerleft {
  width: 0px;
  height: 60px;
  background: transparent;
  font-weight: bold;
  font-size: 250%;
  color: #333333;
}
.headermain {
  height: 60px;
  width: 770px;
  font-weight: bold;
  font-size: 250%;
  text-align: center;
  color: #333333;
  background: transparent;
}
.headerright {
  width: 0px;
  height: 60px;
  background: transparent;
  font-weight: bold;
  font-size: 250%;
  color: #333333;
}
.search { font-size:10px; }
.searcharea { width:150px; }
.searchinput {
  font-size: 0.85em;
  text-align: left;
}
.searchlink {
  font-size: 0.85em;
  font-style: italic;
}
.headermain div.gtrans {
  float: right;
  padding-right: 15px;
  margin-top: 10px;
}
.headermain .gtrans select {
  margin: 0px;
  padding: 0px;
  float: right;
}

.mainarea {
  width: 630px;
  background: #FFFFFF;
  padding: 10px;
    padding-top: 10px;
  padding-top: 0px;
  font-size:0.9em;
}
.mainarea p { color:#000; }
.mainform {
padding:5px;
margin-top:10px;
}
.leadtext {
margin-bottom:1em;
}
.leadtext p {
color:#000;
margin-bottom:0;
}

.leftcolumn {
  width: 120px;
  background: #FFFFFF;
  padding: 0px;
    padding-top: 0px;
  padding-top: 16px;
}
.leftcolumn li {
font-size:0.75em;
}

.lefttop {
  height: 0px;
}

.leftmain {
  width: 120px;
  background: #FFFFFF;
}

.infomenu {
  clear: both;
  float: left;
  width: 100%;
  background: transparent;
  padding-top: 0px;
  margin-bottom: 16px;
  text-align: left;
}
.infomenu {
  font-size: 0.8333em;
}
.infotop {
  background: #CDCDCD;
  border: 0px;
  color: #fff;
  display: none;
}
.infofirst, .infoMARKfirst {
  width: 118px;
  padding: 0px;
  background: #DDDDDD;
  color: #333334;
  border: 0px;
}
.infoa, .infoMARKa {
  background: #D8DEE6 URL(cw_compback.jpg) left repeat-y;
  width: 103px;
  padding: 5px 5px 5px 10px;
  float: left;
  color: #333334;
}
.infoa b, .infoMARKa b {
font-weight:normal;
}

.Ntext { font-size:0.75em; }
.orgmenu li { padding:0; }
.sidebar { max-width:50%; }
.sidebar {
padding:6px;
margin-left:4px; 
margin-right:5px;
}
.left { margin-left: 4px; }
.sidebar .linepic { max-width:100%; }
.mainarea .linepic {
  padding: 6px;
  margin: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
  background: #EDEDED;
  border: solid 1px #D3D3D3;
}
#org_description { font-size:0.9em; }
#search { float:right; }

.topicsX {
margin-top:2em;
}
.topicsX ul { 
margin-left:0;
padding-left:0;
}
.topicsX li { 
list-style:none;
margin-left:0;
padding-left:0;
padding-bottom:8px;
}
.topicsX .ulrow {
display: grid;
grid-template-columns: 120px 1fr;
margin-top:1em;
}
.topicsX .ulrow .listitem:first-child {
grid-row: 1 / 3;
padding-top:5px;
}
.orgmenu {
  clear: both;
  float: left;
  width: 100%;
  background: transparent;
  padding-top: 0px;
  margin-bottom: 16px;
  text-align: left;
}
.orgmenu {
  font-size: 0.8333em;
}
.orgmenu ul {
  margin: 0px;
  padding: 0px;
}
.orgitem {
  width: 120px;
  padding: 0px;
  background: #DDDDDD;
  color: #333334;
  border: 0px;
}
.orglink {
  xbackground: #DDDDDD;
  background: #D8DEE6 URL(cw_compback.jpg) left repeat-y;
  width: 105px;
  padding: 5px 5px 5px 10px;
  float: left;
  color: #333334;
}
.Notanantbox, .Notanantbox input {
font-size:0.8333em;
}
.Ntext {
  float: left;
  color: #333334;
  text-align: left;
  display: inline;
  padding: 3px;
}

.mainarea .rightpic {
  padding: 6px;
  margin: 4px 10px 4px 10px;
  background: #EDEDED;
  border: solid 1px #D3D3D3;
}

.mainarea .leftpic {
  padding: 6px;
  margin: 4px 25px 6px 10px;
  background: #EDEDED;
  border: solid 1px #D3D3D3;
}
.mainarea h1 .rightpic {
margin:8px 10px 4px 10px;
}

.infomenu .listpages {
  margin-left:8px;
  font-size: 0.8333em;
}
.botlinkarea { width:770px;}
.botbuttonholder { margin:0 10px; font-size:0.75em; }
.botbuttonholder a { color:#ccc; }
.Notanantsmall { margin-right:20px; }
.NStatus { font-size:7pt; }
@media (max-width:560px) {
  .leftcolumn { width:100%; order:2; }
  .leftmain { width:auto; }
  .botlinkarea { order:3; }
  .mainarea { max-width:calc(100% - 2em); }
  .infomenu ul { display:flex; flex-wrap:wrap; justify-content:space-around; }
  .infoa { background: #ddd; }
  }