html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,embed,object,applet {margin:0;padding:0;border:0}
body {font-family:Arial,sans-serif;color:#000;background:#fff;padding:10px}
section,header,footer,nav {display:block}
section {margin-top:10px;}
h1 {margin-bottom:10px;font-size:1.5em;}
h2 {font-size:1.2em;}
h3 {font-size:1.0em;font-weight:normal;color:#0077BB;}
a {color:#00c}
p {padding:0 0 1em 0}
div.table {display:table;}
form.tr,div.tr {display:table-row;}
span.td {display:table-cell;}
table.thin, td.thin {border: 1px solid black; border-collapse: collapse; padding: 2px;}
label {float:left;text-align:right;width:150px;margin-right:5px;}
input, select {margin-bottom:2px;}
input#phone {widht:150px;}
input#timezone {width:50px;}
input#code {width:75px;}
input#grace {width:25px;}
input:read-only {background-color: #eee;}
ul.nobullet {list-style-type:none;}
li {padding:2px;}
a{color:#0077BB;text-decoration:none;}
a.follow{padding-right:8px;}
a:hover{color:#009933}
.inline {display:inline;}
.flex-row {display:flex;flex-direction:row;}
.flex-column {display:flex;flex-direction:column;}
.responsive{width:100%;height:auto;}
.pad-5 {padding: 5px;}
.width-100 {width: 100px;}
.right-100 {margin-right:100px;}
.top-right {position:absolute;top:10px;right:10px;}
.red {color:red;}
.name {width:100px;}
.email {width:200px;}
.score {width:50px;}
.url {width:600px;font-size:75%;}
.fineprint {font-size:80%;font-style:italic;}
.main{box-sizing:border-box;width:100%;max-width:1000px;padding:5px;margin:0 auto;}
.heading{display:inline;padding-left:140px;}
.header{height:50px;margin-bottom:32px;position:relative;}
.menubar{width:30px;height:4px;background-color:#99AABB;margin:3px 8px}
.msg {font-size:80%; color: darkred;}
.msg.hidden {display: none;}
button.borderless {border: none; background-color: transparent;}
.dropbtn { padding: 4px 4px; border: none; font-size: 10px;}
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f1f1f1;  box-shadow: 0px 8px 4px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content img { padding: 4px 4px; text-decoration: none; display: block; }
.dropdown-content img:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
form.moment { display:flex; flex-direction:column; gap:5px; border: 1px solid #ccc; }
.field-row { display:grid; grid-template-columns:min-content 1fr; gap:5px; align-items:start; border:none; padding: 0 5px 0 2px; }
.field-row label { width: auto; justify-self: end; }
textarea.moment { width:100%; }
#pn {width:25px;}
#menubars{display:inline-block;cursor:pointer;position:fixed;top:5px;left:0}
#menu{list-style-type:none;padding:0}
#header nav{font-family:"Open Sans",sans-serif;font-size:16px;font-weight:bold;letter-spacing:1px;background-color:#2F4F7F;position:fixed;top:0;left:0}
#header nav ul li {text-align:left;padding:0 0 0 32px;}
#header nav ul li a{display:none;padding:10px;text-transform:uppercase;text-decoration:none;}
#header nav ul li.indent-1 {padding:0 0 0 42px;}
#header nav ul li.indent-1 a {text-transform:capitalize;}
#header nav ul.expanded li a{display:block;color:#99AABB}
#header nav ul li a.selected{display:block;color:white}
#header nav ul li a:hover{color:#009933}
#header #logo{position:relative;width:300px;height:170px;top:80px;left:-90px}
#main h1{color:#126BB0;}
#main h2{color:#2F4F7F;}
#main h3{color:#126BB0;}
footer {font-size:80%;margin-top:20px;}