html {
        overflow: auto;
        margin: 0;
        padding: 0;
        border: 0;
}
body { 
        overflow: auto;
      	position: relative;
        background-color:#4040a1;
	    text-align: left;
        margin: 0;
        padding: 0;
        border: 0;
}
header, footer {
        background-color:#fefbd8; 
        color: #000000;
        border: 5px solid #4040a1;
	    padding: 0;
	    margin: 0; 
}
header.top { padding-bottom: 1em; }
iframe, embed{
        position: absolute;
        width: 100%; 
        height: 100%;
        border: none;
        margin:0;
        padding:0;   
        display: block;
        overflow: hidden;
}
section {
      	background-color:#4040a1;
        color: #ffffff;
        border: 5px solid #4040a1;
        padding: 0;
        margin: 0;
        margin-bottom: 2em;
} 
table,tr,th,td,h1,h2,h3,h4,h5,h6,ul,li,p,img,div { 
        font-size: 100%;
        font-family: "Calibri"; 
        padding: 0;
        padding-top: 0.1em;
        padding-bottom: 0.1em;
        color: #ffffff;
        margin: 0;
        border: 0;
}
th,td,h1,h2,h3,h4 {
        padding-left: 0.5em;
        padding-right: 0.5em; 
}
table {   
        padding: 0;
        border: 0;
        width: auto; 
        font-size: inherit;
}
tr {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
}
h1, h2, h3, h4 { padding-top: 0.4em; padding-bottom: 0.4em; }
h5, h6, p { padding-left: 1em; }
img { padding-left: 1.1em; }
ul { padding-left: 2em; }
h1 { font-size: 170%; }
h2 { font-size: 135%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6,ul,p,table { font-size: 110%; }
li{ font-size: 90%; }
h1.top,h2.top,h3.top { color:#000000; margin-left: 5px; padding-bottom:0; margin-bottom:0; margin-top: 0;}
img.hobo{ height:200px; float:right; margin-left:5px; margin-right:5px; }
img.th3{ height:200px; float:right; margin:0.3em; }
p.sml{ display: block; line-height: 0.5em; padding: 2px; margin-top: 0.5em; }
p.mid{ display: block; line-height: 1.5em; padding: 2px; margin-top: 1.1em; }
p.max{ display: block; line-height: 2.5em; padding: 2px; margin-top: 1.9em; }/*border-bottom: 2px solid rgb(250, 186, 11);}*/
a, a:hover, a::after, a::before {     color: #fffb00;
        text-decoration: none; }

@media all and (max-width: 1024px) and (orientation:portrait) 
{
    .table-responsive {
        display:grid;
        overflow-x: auto;
        font-size: inherit;
    }
} 
@media all and (orientation:landscape) 
{
    .table-responsive {
        display:flexbox;  
        overflow-x: auto;
        font-size: inherit;
    }
    table tr:first-child td {
        border-top: 0;
    }
    table tr:last-child td {
        border-bottom: 0;
    }
} 
.table-responsive > table {
    font-size: inherit;
}

table {
        border-collapse: collapse;
      }
table td {
        border: 2px solid black; 
}
table tr td:first-child {
        border-left: 0;
}
table tr td:last-child {
        border-right: 0;
}