#main {
    z-index: 2;
    position: relative;
}

/*******************************************************************************
 * header and time controls
 ******************************************************************************/
#header {
}

#unlogo {
    width: 113px;
    height: 40px;
    background-image: url(img/pitowhite.png);
    line-height: 40px;
    font-size: 125%;
    font-weight: bold;
}

#timeSelector {
    padding: 4px 0px;
    width: 128px;
    height: 2px;
}

#timebar {
    height: 2px;
    width: 128px;
    background-color: white;
}

#timeDisplay {
    font-size: 60%;
    margin-bottom: 18px;
    text-align: right;
    cursor: pointer;
}

#period {
    float: left;
    font-size: 65%;
    cursor: pointer;
}

/*******************************************************************************
 * menu
 ******************************************************************************/
#menu {
}

.menuItem {
    border: 1px white dashed;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 125%;
    font-weight: bold;
    cursor: pointer;
}

/*******************************************************************************
 * contents
 ******************************************************************************/
h1 {
    font-size: 150%;
}

#contentsFrame {
    border: 2px white solid;
    text-align: left;
    position: relative;
    overflow: auto;
    padding: 25px 20px 10px 20px;
}