body {
    background-color: #f3f3ed;
}
header {
    background-color: #6ea1b5;
    position: relative;
    z-index: 1;
}
h1, h3 {
    margin: 0px auto;
    max-width: 800px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 2px 2px 5px #797979;
}
h1 {
    padding: 5px 0px 5px 5px;
}
h3 {
    padding: 5px 0px 10px 5px;
    color: #303030;
}
nav {
    position: relative;
    max-width: 800px;
    margin: 0px auto;
    width: 100%;
    z-index: 0;
}
footer {
    text-align: center;
}
.jobentry {
    padding-bottom: 10px;
    border-bottom: 1px dashed black;
}
.tab, .atab {
    box-shadow: 0px 0px 10px #808080;
    padding: 100px 8px 6px 8px;
    border: 1px solid black;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    position: relative;
    line-height: 2em;
    text-decoration: none;
}
.tab {
    background-color: #9ec8b5;
}
.atab {
    background-color: #759887;
    color: #f3f3ed;
}
a.tab:link, a.tab:visited {
    color: #000;
}
nav a:hover {
    position: relative;
    top: 10px;
}
#head {
    position: fixed;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    z-index: 50;
}
#top {
    margin-bottom: 10em; /* just in case JS does not work */
}
#main {
    max-width: 800px;
    margin: 0px auto 5px auto;
    border: 2px solid #759887;
    padding: 5px;
    position: relative;
    z-index: 0;
}
@media (max-width: 767px) {
    #head {
        position: absolute;
    }
}