body {
    margin:0;
    padding:0;
    background-color:rgb(250,250,250);
}
div#content {
    box-shadow:0 0 8px black;
    border-radius:8px;
    max-width:1200px;
    min-width:500px;
    margin:0 auto;
}
header, main, footer {
    border:1px solid grey;
    box-sizing:border-box;
}
header, footer {
    padding:.7em;
    text-align:center;
    background-color:lightgreen;
}
header {
    border-radius:8px 8px 0 0;
    margin-top:8px;
    border-bottom:0;
    font-size:2em;
    font-weight:bold;
    text-shadow:1px 0 white, -1px 0 white, 0 1px white, 0 -1px white;
}
main {
    padding:8px;
}
main table.simple {
    border-collapse:collapse;
    margin:8px auto;
}
main table.simple th, main table.simple td {
    border:1px solid black;
    padding:8px;
}
main table.simple th, main table.simple tr:nth-of-type(odd) {
    background:rgb(230,230,230);
}
main img.thumbnail {
    max-height:60px;
    float:left;
}
main .categories {
    display:flex;
}
main .categories a {
    display:block;
    padding:.25em 0 .25em 1em;
    width:250px;
    border:1px solid lightgrey;
    border-bottom:0;
    border-right:0;
    font-size:1.25em;
}
main .categories a:hover {
    background:rgb(240,240,240);
}
main .categories div:last-of-type > a {
    border-bottom:1px solid lightgrey;
}
main .categories div.right {
    flex-grow:1;
    border:1px solid lightgrey;
    padding:8px;
}
main .categories div.selecteditem {
    border:1px solid lightgrey;
    flex-grow:1;
    margin:0;
    padding-top:1em;
    font-size:2em;
}
main .subheader {
    border-bottom:1px solid lightgrey;
    text-align:center;
}
main .center {
    text-align:center;
}
main .red {
    color:red;
}
main .clearfix {
    overflow:auto;
}
main a {
    text-decoration:none;
    color:rgb(0, 0, 200);
}
main a:hover {
    text-decoration:underline;
    color:blue;
}
footer {
    border-top:0;
    border-radius:0 0 8px 8px;
}