body {
    background-position: right bottom;
    background-image: url(sky.jpg);
    background-repeat: repeat-y;
    background-color: rgb(112,133,178);
}

#container {
    width: 100%;
    border: none;
}

#main,
#container {
    background: transparent;
}

#main {
    margin-left: -170px;
}

#contents,
#control {
    margin-left: 170px;
}

#contents {
    margin-right: 20px;
}

.contents_stuff {
    padding:8px;
    background-color: white;
    background-position: left top;
    background-image: url(nw.jpg);
    background-repeat: no-repeat;
}

.contents_south {
    height: 16px;
    margin-top: -16px;
    background-position: left bottom;
    background-image: url(sw.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
}

#header {
    height: 107px;
    color: white;
    background-position: right top;
    background-image: url(seagull.jpg);
    background-repeat: no-repeat;
}

#control {
    padding-right: 20px;
}

#menu_panel {
    color: white;
}

.directory {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.article_label {
    border-top: #ccc 1px solid;
    border-left: rgb(112,133,178) 24px solid;
    background-color: white;
}

.menu a:link,
.menu a:visited
{
    text-decoration: none;
    color: white;
}

.menu a:hover
{
    text-decoration: underline;
}

.qrcode * {
    text-align: left;
}