body, div, p, td, ul, li, a, form { color: #000000; font-family: "Open Sans",sans-serif; font-size: calc(0.7em + 0.33vw); }
body { background-color: #eee; }

#content { max-width: 1024px; margin: 12px auto; border: 1px solid #be0404; }
#header { width: 100%; border-bottom: 2px solid #be0404; background-color: white; padding: 8px 0; overflow: auto; }
#header img { float: left; max-width: 80%; }
.hbtn { float: right; margin: 12px 20px 0 0; border: 1px solid white; }
.hbtn a { text-decoration: none; }
.hbtn a img { height: 16px; width: 16px; }
.ncclogo { clear: both; float: left; margin: 0 0 0 20px; }
.hbtn:hover, .ncclogo:hover { background-color: transparent; border: 1px solid maroon; }
#main { contain: layout; background-color: antiquewhite; }
.nicetext { font-family: Lora; padding: 20px; }
.nicehead { font-family: "Open Sans"; font-size: 1.5rem; font-variant: small-caps; color: navy; font-weight: bold; }
.whylist { list-style-type: square; }
.whylist li { font-family: Lora; font-size: 1.1rem; margin-bottom: 8px; }
.list2 { margin-top: 8px; list-style-type: disc; }

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

.rightphoto { float: right; width: 20%; margin-left: 20px; }