body {
    height: 100%;
        margin: 0px; padding: 0px;
        text-align: center;
        background: #eee;
}

#frame{
                width:864px;
        margin: 0 auto; /* center on browser */
                padding:0px;
                text-align:left;
        }

#masthead{
  padding:0px;
}

#topsect{
  width:864px;
  border-left: 1px dotted #eee;
  border-right: 1px dotted #eee;
  border-color: #000;
}

#bottomsect{
  width:864px;
  position: relative; top: 0px; left: 0px;
  border-left: 1px dotted #000;
  border-right: 1px dotted #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #000;
}

#fullcol {
  width:834px;
  border-left: 1px dotted #000;
  border-right: 1px dotted #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #000;
  padding:15px;
  text-align:center;
}

#caption{
  width:800px;
  text-align:center;
  padding-top:10px;
}

.pager {
  width:800px;
  padding-top:4px;
  text-align:center;
}

.copycapt {
  padding-top:18px;
  font-size:11px;
  width:800px;
  text-align:center;
}
.copyright {
  padding-top:1px;
  font-size:10px;
  width:800px;
  text-align:center;
}


#centercol {
  margin-left: 200px;
  margin-right: 225px;
}

#leftcol {
  position: absolute;
  left: 0px;
  padding: 10px;
  width: 150px;
  font-size: 11px;
}

#rightcol {
  position: absolute;
  right: 0px; top: 0px;
  padding: 15px;
  width: 165px;
  font-size: 11px;
}

#rightcol li {
  list-style-type: none;
}

#clearfloats {
  clear: both;
}

@media (max-width: 880px) {
  #frame, #topsect, #bottomsect, #bottomsect2 { width: auto; max-width: 864px; }
  #frame { margin: 0 12px; }
  #topsect img { max-width: 100%; height: auto; }
  #topsect img[usemap] { pointer-events: none; }
  #bottomsect { display: flex; flex-direction: column; }
  #centercol { order: 1; margin: 0; padding: 16px; overflow-wrap: anywhere; }
  #leftcol { order: 2; }
  #rightcol { order: 3; }
  #leftcol, #rightcol { position: static; width: auto; padding: 16px; font-size: 13px; }
  #fullcol { width: auto; padding: 16px; }
  #fullcol img, #centercol img { max-width: 100%; height: auto; }
  #centercol div { max-width: 100%; }
  #caption, .pager, .copycapt, .copyright { width: auto; }
}

#bottom {
  clear: both;
}


/* ================================================================ */


#bottomsect2{
  width:864px;
/*  position: relative; top: 0px; left: 0px; */
  border-left: 1px dotted #000;
  border-right: 1px dotted #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #000;
  text-align:left;
}

#leftcol2 {
/*  position: absolute; */
  display:inline;
  float:left;
  left: 0px;
  padding: 10px;
  width: 150px;
  font-size: 11px;
}

#centercol2 {
  display:inline;
  float:left;
  margin-left: 200px;
  margin-right: 225px;
}

#rightcol2 {
  display:inline;
  float:right;
  right: 0px; top: 0px;
  padding: 15px;
  width: 165px;
  font-size: 11px;
}

#footer2 {
  clear: both;
}


/* ================================================================ */

#nlbody {
   float: left;
   margin: 0px;
   padding: 25px 25px 20px 30px;
   font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight: normal; color: #333;
   line-height: 1.25em;
   }


/* for OLD 2 Column BOXES  */
#navbar {
  position: absolute;
  left: 0px;
  padding: 10px;
  width: 150px;
  font-size: 11px;
  }

#mainpara {
  margin-top: 10px;
  margin-left: 200px;
  margin-right: 225px;
  font-size: 12px; font-weight: normal; color: #444;
  line-height: 1.25em;
}

@media (max-width: 880px) {
  #navbar { position: static; width: auto; padding: 16px; }
  #mainpara { margin: 0; padding: 16px; overflow-wrap: anywhere; }
  #mainpara img { max-width: 100%; height: auto; }
  #mainpara div { max-width: 100%; }
  .blogbody { font-size: 16px; line-height: 1.45; }
}