body
{
    margin: 0;
    padding: 0;
    font-size: 11pt; 
    background-color: #f5fdfe;
    font-family: 'Trykker';
}

p { 
    margin-block-end: 0 !important; 
}
.coords {
    margin-left: -4%;
    text-indent: 0 !important;
    font-size: 14pt; 
} 
.header { 
    padding: 0; 
    margin-left: 16%;
    margin-right: 16%;
    text-indent: -4%;
    margin-top: 4vh;
    margin-bottom: 0;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important; 
    font-family: 'Trykker';
    font-size: 175%;
}


.break
{
    display: block;
    height: 1px; 
    margin: 3vh 16% 3vh 0;
    padding: 0px; 
    background-color: #666;
}

.hrule
{
    height: 18px; 
    margin: 2px 22% 2px 16%;
    background-color: #9cf;
} 


.content
{
    display: block;
    padding: 0; 
    margin-left: 16%;
    margin-right: 16%;
    text-indent: -4%;
    margin-top: 4vh;
    margin-bottom: 0;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important; 
    font-family: 'Trykker';
    font-size: 12pt;
    line-height: 1.6;
}

.bigcontent
{
    display: block;
    padding: 0; 
    margin-left: 16%;
    margin-right: 16%;
    text-indent: -4%;
    margin-top: 0;
    margin-bottom: 0;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important; 
    font-family: 'Trykker';
    font-size: 11pt;
    line-height: 1.6;
    font-size: 14pt;
}

.indent {
    margin-left:10%; 
} 

.footer
{
    display: block;
    margin: 0; 
    width: 100%;
    margin-top: 18pt;
}

.content li {
    margin: 0 0 10pt 0; 
}
.content a, .bigcontent a {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #339;
    color: #339;
}

.content .bold {
    color: #33c !important;
    font-weight: bold;
}
span.bold {
    color: #33c;
    font-weight: bold;
}

.toc {
margin-top: 12pt; 
font-size: 95%;
}

.content span.hilite {
    color: #039;
    font-weight:bold;
    font-style:none; 
}
.content p { 	        
    padding: 0; 
    font-style: normal;
}

ul {
    text-indent: 0pt;
}
a.bluelink {
    color: #039;
    font-weight:bold; 
} 
.bluelinkspan {
    color: #039;
    font-weight:bold;
    font-style:italic;
} 
a.email {
    font-size:80%;
    margin:12px 0 12px 0;
}


td {
    padding: 3pt 6pt 3pt 6pt;
} 

h3 {
    font-family: 'Bitter', serif;
    font-size: 120%;
    font-weight: normal; 
    color: #00a;
    margin-top: 50px; 
} 

.box { 
    display: table;
    font-family: 'Bitter'; 
    margin-bottom: 0; 
    margin-top: 48pt;
    margin-left: -12pt; 
    width: 80%;
    padding: 22pt 22pt 18pt 48pt; 
    font-family: 'Sono', sans-serif;
    color: #333;
    font-size: 100%;
    line-height: 180%;
}
.box p {
    font-family: 'IBM Plex Mono';
    } 


.emaillink {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #339;
    color: #339;
}

.theythem
{
    font-weight: 500;
    font-size: 80%;
    color: #039;
}









label
{
    display: block;
    background-color: #9cf;
    margin-top: 32pt;
    margin-left: -18vw;
    padding: 4pt; 
    padding-left: 14vw; 
    font-size: 160%;
    text-align: left;
    font-family: 'Bitter', serif;
    color: #fff !important; 
}


input {
    display: none;
    } 

input + label + .accord {
    display: none;
}

input:checked + label + .accord {
    display: block;
}

input:checked + label::before {
    content: "\25BD\00A0\00A0"; 
}

input + label::before {
    content: "\25B7\00A0\00A0"; 
}

hr {
   width: 75vw;
   margin-top: 18pt;
} 

.foottable {
    table-layout: fixed; 
    display:block;
    width: 98vw;
    text-align: center;
    }
    
.foottable td {
    width: 24vw;
    display: inlineblock;
    font-family: 'Trykker', serif;
    font-size: 80%;
    font-style: italic; 
    }
    
.footimg {
    height: 25vw;
    margin-bottom: 10px; 
    display: inlineblock; 
}