@CHARSET "UTF-8";
@font-face {
    font-family: 'MyFont';
    src: url('QumpellkaNo12.otf') format('opentype');
}

hr, h1, h2, h3, p, li {
    margin: 0% 0% 5% 0%;
}

a:link, a:visited, a:hover a:active {
    text-decoration: inherit;
    color: inherit;
}

a[href^="http"], .link {
    text-decoration: underline;
}

html {
    width: 100%;
    height: 100%;
}

body {
    overflow: hidden;
    background-image: url('background.png');
    background-color: #0F4691;
    background-repeat: repeat-x;
    font-family: "MyFont";
    font-size: 16pt;
    font-weight: bold;
    color: #AE9B5B;
    width: 100%;
    height: 100%;
}

#outer-container {
    width: 100%;
    height: 100%;
    display: flex;
}

#inner-container {
    position: relative;
    width: 1000px;
    height: 738px;
    margin: auto;
    background-image: url('clefsheet.png');
    background-repeat: no-repeat;
}

#mainmenu {
    position: absolute;
    top: 40px;
    left: 160px;
    width: 755px;
    height: 51px;
    font-size: 18pt;
}

.menuitem {
    width: 139px;
    height: 51px;
    line-height: 51px;
    float: left;
    margin: 0px 6px 0px 6px;
    text-align: center;
}

.menuitem:hover {
    background-color: #E4DABC;
    color: #FFF8E8;
}

.menuitem:active {
    font-size: 90%;
}

#content {
    position: absolute;
    top: 148px;
    left: 130px;
    width: 774px;
    height: 496px;
    overflow: auto;
    color: #0F4691;
}

.left {
    float: left;
    margin: 0 5% 3% 0;
}

.right {
    float: right;
    margin: 0 0 3% 5%;
}