*{
    box-sizing: border-box;
}

body{
    font-family: Calibri;
}

#title {
    background-color:4C8E94;
    color:white;
    text-align:center;
    padding:5px;
    height:90px;
}
#title h1{color:white;}

#nav{
    background-color:rgb(86,155,190);
    color:white;
    line-height:30px;
    text-align:center;
    float:center;
    width:100%;
    padding:5px;
    height:35px;
}
ul#nav li{display:inline;}
#nav a:link { color:white;}
#nav a:visited { color:white;}

ul{
    list-style-type: none;
}

#selected{
font-weight: bold;
}

.column {
    float: left;
    width: 50%;
    padding: 3px 3px 3px 3px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.centering {
    width:75%;
    float:center;
    margin: 30% 5% 5% 5%;
    padding: 3px 3px 3px 3px;
    max-width: 1500px;
    text-align:left;
    
}

img{
    max-width:500px;
}

.center {
    width:100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#contents {
    width:96%;
    height: calc(96%-160px);
    float:center;
    margin: 1px 2% 1px 2%;
    padding: 3px 3px 3px 3px;
    max-width: 1500px;
    text-align:left;
    padding:10px;
    background-color:rgb(115,175,182);
    color:white;

}
#contents td{color:white;}
#contents th{color:white;}
#contents a:link { color:white;}
#contents a:visited { color:white;}

#footer {
    background-color:rgb(86,155,190);
    color:white;
    line-height:30px;
    text-align:center;
    float:center;
    width:100%;
    margin:10px 0% 1px 0%;
    padding:5px;
    height:35px;
    clear:both;
}

.tab {
    display:inline-block;
    margin-left: 40px;
}