/* Browser Reset */

* {
    box-sizing: border-box;
    }

a, 
a:link, 
a:visited, 
a:active { 
    color: #0000CC; 
    text-decoration: underline;
    }
a:hover { 
    color: #000099; 
    text-decoration: underline;
    }
/*block areas */
article,
details,
dt,
div,
header,
footer,
figcaption,
nav,
section,
summary {
    display: block;
    font-weight: normal; 
    font-style: normal;  
    }
address {
    display: block;
    font-style: italic;
    }
body {
    display: block;
    margin: 8px;
    }
blockquote,
figure {
    display: block;
    margin-top: 1rem 40px;
    }
dd {
    display: block;
    margin-left: 40px;
    }
d {
    display: block;
    margin: 1rem 0;
    }
fieldset {
    display: block;
    margin: 0 2px;
    padding: 0.35em 0.75em 0.625em 0.75em;
    border: 2px groove gray;
    }
legend {
    display: block;
    padding: 0 2px;
    border: none;
    }
menu {
    display: block;
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 40px;
    }
pre { 
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 10px 0;
    } 


/* font (inline) styling  */
b, strong  { 
    font-weight: bold; 
    }
code, kbd, samp { 
    font-family: monospace; 
    }
del, s, strike {
    text-decoration: line-through;
    }
i, cite, dfn, em, var { 
    font-style: italic; 
    }
label {
    cursor: default;
    }
mark {
    background-color: yellow;
    color: black;
    }
q {
    display: inline;
    }
q:before {
    content: open-quote;
    }
q:after {
    content: close-quote;
    }
small {
    font-size: smaller;
    } 
span { 
    display: inline;
    font-weight: normal; 
    font-style: normal;  
    }
sub {
    vertical-align: sub;
    font-size: smaller;
    }
sup {
    vertical-align: super;
    font-size: smaller;
    }
u, ins {
    text-decoration: underline;
    }


/* text areas */
h1, h2, h3, h4, h5, h6  { 
    display: block;
    font-weight: bold;
    }
h1 { 
    font-size: 2rem;
    margin: 0.67rem 0 0.67rem 0;
    }
h2 { 
    font-size: 1.5rem;
    margin: 0.83rem 0 0.83rem 0;
    }
h3 { 
    font-size: 1.17rem;
    margin: 1rem 0 1rem 0;
    }
h4 { 
    font-size: 1.0rem;
    margin: 1.33rem 0 1.33rem 0;
    }
h5 { 
    font-size: 0.83rem;
    margin: 1.67rem 0 1.67rem 0;
    }
h6 { 
    font-size: 0.67rem;
    margin: 2.33rem 0 2.33rem 0;
    }
p { 
    display: block;
    font-size: 1.0rem;
    margin: 1rem 0 1rem 0;
    font-weight: normal; 
    }

/* list styles */
ol, ul  { 
    display: block;
    margin: 1rem 0 1rem 0;
    padding-left: 40px;
    }
ol { 
    list-style-type: decimal;
    }
ul  { 
    list-style-type: disc;
    }
li { 
    display: list-item; 
    }

/* table styles
table { 
    display: table;
    border-color: gray; 
    font-size: 0.8125 rem;
    border-spacing: 0px;
    } */
caption { 
    display: table-caption;
    text-align: center;
    }
thead, tbody, tfoot {
    vertical-align: middle;
    border-color: inherit;
    }
col {
    display: table-column; 	
    }	
colgroup {
    display: table-column-group; 	
    }	
thead {
    display: table-row-group;
    }
tfoot {
    display: table-footer-group;
    }
tr  { 
    display: table-row;
    }
td  { 
    display: table-cell;
    font-weight: normal;
    }
th  { 
    display: table-cell;
    font-weight: bold;
    text-align: center;
    }