html, body {
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-family: sans-serif;
}

html { background: white; margin-bottom: 1.5em; }

#header {
    background: #b9f;
    width: 100%;
}

#sitetitle {
    text-align: left;
    vertical-align: middle;
}

#sitetitle a:link, #sitetitle a:hover, #sitetitle a:visited {
    height: 100px;
    vertical-align: middle;
    color: black; text-decoration: none;
}
#sitetitle h1 { text-align: center; font-size: 300%; padding-top: 0.5em; vertical-align: middle; }
#sitetitle img { float: left; vertical-align: middle; }

#logotext { margin-top: 30px; }

nav { clear: both; }

/* NAVIGATION SUBSYSTEM */
@media screen and (max-width: 450px) {
    nav {
        position: relative;
        width: 100%;
        font-size: 150%;
        height: 1em;
    }
    #content { background: white; width: 100%; margin: 0; }
    div#footer div { width: 100%; }
    #sitetitle { width: 100%; margin: 0; }
}

@media screen and (min-width: 450px) {
    nav {
        position: relative;
        width: 100%;
        font-size: 150%;
        height: 1em;
    }
    #content { background: white; width: 80%; margin: auto; max-width: 800px; }
    div#footer div { width: 80%; margin: auto; max-width: 800px; }
    #sitetitle { width: 80%; margin: auto; max-width: 800px; }
}

nav div {
    background: #b9f;
    padding-bottom: 2px;
    text-align: center;
}

nav ul {
    list-style-type: none;
    width: 22em;
    margin: auto;
    padding: 0px;
    background: #b9f;
    color: white;
}

nav ul li {
    display: inline-block;
    background: #b9f;
    width: 7em;
}

nav a, nav a:active, nav a:visited, nav .navcategory {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
nav ul li a { padding-left: 0em; padding-right: 0em; }
nav ul li ul a { padding: 0; }

nav a { display: inline-block; width: 100%; }
nav ul li ul {
    display: none;
}
.navcategory ul {
    display: none;
}

.showmenu ul {
    display: block;
    position: absolute;
    width: 7em;
    margin-left: 1em;
}

.showmenu ul li {
    width: 7em;
    border: 0px; margin: 0px; padding: 0px;
    color: white;
    background: #b9f;
}

#content { padding: 3px; }

h2 { text-align: center; }
p { text-align: justify; }
ul { }

#footer { text-align: center; width: 100%; background: white; padding-top: 1em; padding-bottom: 2em;  }