/*

Color scheme: #FFD800 #587058 #587498 #E86850

Monocolor: #6699CC #003366 #C0C0C0 #000044

New color: http://www.colorcombos.com/color-schemes/423/ColorCombo423.html
#153450, #294052, #447294, #8FBCDB, #F4D6BC, #F8E4CC


From paletton.com:
#077CE5 #08569C #094275 #072D4F #071929
*/

body {
    background-color: #447294;
    font-family: verdana;
    padding-top: 20px;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
}

.contents {
    display: block;
    float: left;
    clear: left;
    padding: 10px;
}

.menu {
    float: left;
    clear: left;
    font-weight: bold;
    width: 100%;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu a {
    float: left;
    color: black;
    text-decoration: none;
}
.menu .logo {
    float: right;
    border-top-right-radius: 10px;
    padding: 0px;
    height: 39px;
    border-right: none;
}
.menu .logo img {
    height: 39px;
    border-top-right-radius: 10px;
    margin: 0;
    padding: 0;
    border: none;
}
.menu a:hover > li {
    text-decoration: underline;
}

li {
    margin-bottom: 0.3em;
}

/*
Push-in effect

.menu a:hover > li {
    margin: 3px 0 0 3px;
    padding-bottom: 6px;
    padding-right: 6px;
}

.menu a:hover > li.active {
    margin: -1px 0px -1px -1px;
    padding: 10px 11px 10px 10px;
}
*/

.menu .active {
    margin-bottom: -1px;
    border-bottom: 1px solid #FFF;
    background-color: #FFF;
    z-index: 100;
    border-right: 0 solid black;
    padding-right: 11px;
}
.menu li:first-child {
    text-decoration: underline;
    border-top-left-radius: 10px;
}

.menu li {
    display: block;
    float: left;
    padding: 10px;
    border: 1px solid black;
    margin: -1px 0 0 -1px;
    background-color: #8FBCDB;
    position: relative;
    z-index: 200;
}

.outborder {
    border: 1px solid black;
    border-radius: 20px;
    background-color: #294052;
    float: left;
    width: 100%;
}

.inborder {
    border: 1px solid black;
    border-radius: 10px;
    margin: 10px;
    background-color: #FFF;
    float: left;
}

.inborder {
    width: 730px;
}

#wrapper {
    display: block;
    width: 750px;
    margin: 0 auto;
}