body, div, p, td, ul, li, a, form { border:  none; margin: 0; padding: 0; color: #000000; font-family: "Open Sans",sans-serif; font-size: calc(0.65em + 0.33vw); }
body { background-color: #eee; overflow-y: scroll; }

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

#ncclogo { flex-shrink: 1; margin: 8px 20px 8px 8px; }
#ncclogo img { width: 100%; max-width: 160px; }
#ncclogo a:hover { background-color: transparent; text-shadow: 2px 2px 4px black; }
#banner { flex-shrink: 1; }
#banner img { width: 100%; margin-right: 8px; }
#banner a:hover { background-color: transparent; }

#content { max-width: 1024px; margin-left: auto; margin-right: auto; border: 1px solid maroon; width: 100%; position: relative; background-color: #ffffff; margin-top: 10px; }
#header { display: flex; flex-flow: row nowrap; align-items: flex-end; width: 100%; background-color: white; margin-bottom: 6px; vertical-align: bottom; }

.biolink { display: block; font-family: "Open Sans",sans-serif; font-size: 0.9rem; color: #555; text-align: center; }
.biolink:hover { color: maroon; }
#headtext { margin: 10px 20px 10px 20px; padding: 8px; border: 1px solid #c6001f; background-color: #fff5ee; text-align: left; font-size: 0.9rem; color: #333; }
#footer { display: block; clear: both; width: 100%; background-color: #ccc; color: white; text-align: center; font-size: 0.9rem; border-top: 1px solid #999; margin-top: 6px; }
#footer a { color: white; }
#footer a:hover { color: maroon; }
#main { display: flex; flex-direction: row; }
.sectable { flex: 50%; border-right: 1px solid #ccc; }
.sectable ol { margin: 0; font-size: 1.2rem; padding-left: 50px; }
.sectable ol li { cursor: pointer; }
.sectable ol li:hover { background-color: #ccc; color: #c6001f; }
@media (max-width: 768px) {
  #headtext { display: none; }
  #main, #resDiv { flex-direction: column; }
  .sectable { border-right: none; }
  .restable { border-right: none; }
  .hideable { display: none; }
  .col2 { column-count: 1 !important; }
  }
.backbtn { display: inline-block; margin: 6px 0 0 8px; }
.backbtn a { font-family: "Open Sans",sans-serif; font-size: 12px; color: #999; }
.backbtn a:hover { color: #c00000; }
#pdfContainer { width: 95%; margin: 8px auto 8px auto; }
.hidden { display: none !important; }
#pdfBar { margin: 0 auto; text-align: center; background-color: midnightblue; padding: 3px 4%; color: white; font-family: "Open Sans",sans-serif; font-size: 14px; }
#prevButton { float: left; cursor: pointer; color: white; }
#nextButton { float: right; cursor: pointer; color: white; }
.pdfInfo { width: 60%; margin: 0 auto; text-align: center; color: white; font-size: 14px; }
.downloadbtn { background-color: #eee; border: 1px solid #ccc; color: black; font-size: 12px; border-radius: 6px; cursor: pointer; display: inline-block; margin-left: 12px; padding: 0 8px; }
#navbar { margin: 3px 0 0 0; border: none; }
.pdfbtn, .resbtn, .navsel { display: table-cell; cursor: pointer; font-size: 1rem; font-family: "Open Sans",sans-serif; width: 150px; text-align: center; height: 35px; vertical-align: middle; color: midnightblue; background-color: white; border: 1px solid #ccc; }
.pdfbtn:hover, .resbtn:hover { background-color: #ccc; color: white; }
.navsel { background-color: #666; border: 1px solid #666; color: white; }
.navsel:hover { background-color: #666; color: white; }
.dlicon { display: inline-block; 	margin-left: 4px;	height: 16px;	}
.col2 { column-count: 2; }

.editor a { color: #666; cursor: pointer; }
.editor a:hover { color: maroon; background: transparent; }
.mailicon { display: inline-block; 	margin-left: 4px;	height: 16px;	}
#editform { margin-bottom: 12px; }
p.editor { text-align: center; margin-top: 30px; }