/* STYLE.CSS */
* {box-sizing: border-box;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.6; margin:18px 50px; background-color: #dff2d6; color:#006837;}

/* HEADER */
header {border-bottom: 2px solid #006837;} 
#logo {position: relative; overflow: auto;}
#logo img {width: 300px; float: left;} 

/* CONTENT */
#page {position: relative;}
#content {overflow: auto;}
h1 {font-weight: 500; margin-bottom: 0.67em;}
.subhead {font-weight: 600;}
/* IMAGE-PAGE.CSS */
#contentImage img {float:right; padding: 0 0 6px 12px;} 
img.responsive {width:50%; height:auto;}
#contentText > p {padding: 0; margin: 0;} 
#contentText > :first-child {margin-top: 0;}
#contentText > :first-child > p:first-child {margin-top: 0;}
h2 {font-weight: 500; font-size: 20px; padding: 0 0 3px 0; margin: 0;}
h2 + p, h2 + ul {margin-top: 0; padding-top: 0;}
.textBlock {margin: 24px 0;}
.textBlock ul {padding: 0 0 0 1.2em; margin: 0;}
.highlighted p:first-child {margin-top: 0;}
.highlighted p:last-child {margin-bottom: 0;}
.highlighted {border:1px solid #006837; padding: 12px; background-color: #DDD; overflow: auto;}
.highlighted h2, th {font-variant: small-caps;}
p.ulChild {margin-bottom: 0;}
img.fl {float: left; margin-right: 12px; width: 150px; height: 150px;} /* QR CODE - SNT PAGE */

/* TABLES */
table, th, td {border: 1px solid #006837; border-collapse: collapse; width: 50%;}
th, td {text-align: left; vertical-align: top; padding: 6px; width: 24%;}
tr:hover {background-color: #DDD;}

/* FOOTER */
#footer {border-top:1px solid #006837; margin-top: 12px; clear:right;}
#footer img {margin-top:12px; width:48px; float:right;}

/* LINKS */
nav a {text-decoration: none; outline:none;}
nav a:link, nav a:visited, nav a:hover, nav a:active {color: #006837;}
#content a {color: #800080;}

/* MOBILE */
@media only screen and (max-width: 600px) {
#content {display:flex; flex-direction:column;}
#contentHeading {order:1;}
#contentText {order:2; width: 100%;}
#contentImage {order:3;}
#contentImage img {float:none; width:100%; margin: 0; padding-left: 0;}  
.responsive {width:100%;}
table, th, td {width: 100%;}
th, td {width: 50%;}
body {margin: 6px 12px;}
h1 {line-height: normal;}
}