* {
    border-collapse: collapse;
}

body {
    background-color: white;
    color: black;
    font-family: verdana, geneva, lucida, sans-serif;
    font-size: 0.8em;
    border: 0; margin: 0; padding: 0;
}

img { margin: 0; padding: 0; border: 0; }
div { margin: 0; padding: 0; }
.right { text-align: right; margin-left: auto; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.bottom { vertical-align: bottom; margin-top: auto; }

table.classification_choosing td { vertical-align: top; }

/* {{{ div styles */
div#pics {
    position: fixed;
    top: 0;
    left: 270px;
    right: 0;
    border: 0;
    padding: 0;
    bottom: 0;
    background: #999;
    overflow: auto;
}

div#welcome {
    position: fixed;
    top: 0;
    left: 270px;
    right: 0;
    border: 0;
    padding: 0;
    bottom: 0;
    background: #999;
    overflow: auto;
}

div#welcome p {
    margin-right: 20%;
}

div#menu {
    position: fixed;
    top: 0;
    bottom: 0;
    padding-right: 0;
    border: 0;
    width: 270px;
    background-color: #FBFDCF;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#calendar-container {
    margin-left: 35px;
    margin-right: 35px;
}

.special {
    background-color: #04a304;
    color: #FBFDCF;
}

div#menu h1 { font-size: 1.2em; }

div#footer { position: fixed; bottom: 0; margin-bottom: 5px;
             margin-left: 5px; font-size: 0.7em; }
div#footer p { padding: 0; margin: 0; }
div#footer p.logos { margin-top: 10px; }
/* }}} end div styles */