.bold{font-weight: bold;}
body {
    background-image: url(bluecheck.webp);
    background-size: 7em;
    font-size: medium;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
h1 {
    width: 8em;
    background-color: rgb(251, 251, 237);
    border: medium crimson double;
    text-indent: 0.7em;
}

a{
    color:black;
}
a:hover {color: crimson;}
ul{
    list-style-type: circle;
    font-family: 'Times New Roman', Times, serif;
}
#navigator, #sidebar{
    background-color: rgb(251, 251, 237);
    border: medium crimson double;
    font-size: 1.2em;
}
#navigator{width:11em;}
#navigator li{display:inline;}
#sidebar{
    float:left;
    margin-top: 1em;
    padding: 1.2em;
    padding-left: 0em;
    line-height: 1.4em;
}
#overall-division{
    position:fixed;
    top:30%; left:30%;
    width: 20em; height: 12em;
    text-align: left;
    padding: 1.2em;
    padding-top: 0.8em;
    border: 0px;
    border-radius: 1em;
    background-image: url(indexcard.webp);
    background-size: 23.2em;
    background-repeat: no-repeat;
    background-position: -0.3em;
    background-attachment: scroll;
    font-size: 1.15em;
    line-height: 1.5em;
    box-shadow: 0.1em 0.1em navy ;
}