body { max-width: 1024px; margin: 0 auto; }
#header { display: block !important; background: url(images/bannerphoto.png) no-repeat top; background-size: cover; min-height: 210px; border: 1px solid maroon; margin-top: 12px; }
#leftbar { flex-basis: auto !important; height: auto !important; max-height: 100vh; }
#pagecontent { border: 1px solid #990000; position: relative; background-color: #ffffff; margin: 10px; padding: 0 0 12px 0; }
#ptitle { position: relative; top: 8px; font: normal bold 1.5rem Verdana,Tahoma,Arial,sans-serif; margin-left: 15px; color: #ffffff; white-space: nowrap; }
#main { max-width: none !important; flex-basis: auto !important; }

.hbtn { font-family: Raleway; color: white; font-weight: normal; font-size: 0.8rem; text-align: right; margin: 20px 20px 0 0; }
.hbtn a { font-family: "Open Sans"; color: white; font-weight: normal; font-size: 0.8rem; }
.hbtn a img { height: 16px !important; width: 16px !important; }
a.squarelogo { display: block; float: right; width: 80px !important; margin: 100px 30px 0 0; }
a.squarelogo img { padding: 4px; background: white; }

.mborder { max-width: 1024px; margin: 12px auto; border: 2px solid maroon; font-size: 1.1rem; }
div.mborder p { padding: 0 20px; margin: 8px 0; }

a { text-decoration: none; color: blue; }
a:hover { color: maroon; background-color: #ccc; }

p.editor { text-align: center; }

ul.menu { list-style: outside none none; margin-bottom: 100px; padding: 0 0 0 12px; }
ul.menu li.mhead { background-color: navy; color: white; font-size: 1.1rem; text-align: center; width: 100%; padding: 3px 0; }
ul.menu li { border-bottom: 1px solid #ccc; color: #666; font-weight: normal; padding: 4px 6px 4px 6px; }
ul.menu li.mitem { cursor: pointer; }
.mitem.active { color: maroon; }
.mitem.active::after { content: "\a0\25b6" }
.mitem:hover { background-color: #ccc; color: white; }
.mitem.active:hover { color: maroon; background-color: transparent; } 
ul.menu a { text-decoration: none; color: #666; }
ul.menu a:hover { font-weight: bold; text-shadow: 2px 2px 4px black; background-color: transparent; }

ul.reslist { padding-left: 20px; list-style-type: none; }
li.resitem { background-color: #eef; color: navy; padding: 4px 12px; margin-bottom: 6px; cursor: pointer; }
li.resitem:hover { background-color: maroon; color: white; }
li.resitem a { color: inherit; font-size: 0.9rem; background-color: inherit; text-decoration: none; }