html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
html {
    background-image: url(image/utu-background.png);
}
div#container {
    width: 80vw;
    height: 80vh;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
    background-image: url(image/content-background.png);
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-left: 19px;
    padding-right: 19px;
    overflow: hidden;
    z-index: 2;
}
div#container div#logo {
    width: 762px;
    height: 160px;
    text-align: center;
    padding-top: 5px;
    background-image: url(image/logo-background.png);
    background-repeat: no-repeat;
}
div#container div#logo h1 {
    margin: 0;
}
div#container div#content {
    width: 742px;
    height: 397px;
    overflow: scroll;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Verdana, Geneva, sans-serif;
}
div#container div#content h2 {
    color: #004;
    border-top: 2px solid #004;
    border-bottom: 2px solid #004;
    font-size: 18px;
}
div#container div#content h3 {
    color: #004;
    border-top: 1px solid #004;
    border-bottom: 1px solid #004;
    font-size: 14px;
}
div#container div#content p {
    font-size: 14px;
}
div#container div#content > table {
    width: 100%;
}
img#dj {
    position: absolute;
    right: 0;
    bottom: 0;
}
div#fadeout {
    width: 745px;
    height: 40px;
    position: relative;
    top: -40px;
    background: url(image/fadeout.png);
    background-repeat: repeat-x;
    overflow: hidden;
}
div#fadeout p {
    margin: 0;
    padding: 0;
}