body {
        height: 100%;
        overflow: hidden;
}
div {
        width: 100%;
}
#header1 {
        background-color: #51737C;
        border-top: 1px solid #D0E7ED;
        height: 8%;
        font: bold 3.2em Times
}

#header2 {
        background-color: #92AFB5;
        height: 6%;
        border-top: 1px solid #D0E7ED;
        font: bold 2.5em Times
}


#navi {
        background-color: #51737D;
        height: 5%;
        border-top: 1px solid #D0E7ED;

}

#main {
        background-color: #BBB497;
        height: 75%;
        border-top: 1px solid #D0E7ED;
        overflow: auto;
}

#footer {
        background-color: #51737D;
        height: 6%;
        border-top: 1px solid #D0E7ED;
}

#navi a{
        display: inline-block;
        width: 100px;
        height: 1.3em;
        padding: 2px;
        margin-left: 5px;
        margin-right: 5px;
        border-left: 1px solid white;
        border-top: 1px solid white;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        text-align: center;
        text-decoration: none;
        }

#navi a:link        {color: #000;
        background-color: #D6D3CE; }
#navi a:visited        {color: #000;
        background-color: #D6D3CE; }
#navi a:hover        {color: #000;
        background-color: #D6D3CE;
        border-left: 1px solid black;
        border-top: 1px solid black;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
         }
#navi a:active        {color: #FFFFFF;
        background-color: #AA0033;
        border-left: 1px solid black;
        border-top: 1px solid black;
        border-right: 1px solid white;
        border-bottom: 1px solid white; }