body {
    color: #f7efff; background-color: #003068; /* #25367f; */
}

a {
    color: #cfbfaf; /* #dfcfaf; */
}

@media screen {
    #decorationBox1 {
        background-color: #00468c; /* #2a3c78; */ top: 40px; left: 700px; width: 150px; height: 81%;
    }

    #decorationBox2 {
        background-color: #003f84; /* #243472; */ top: 65px; left: 288px; width: 487px; height: 80%;
    }

    #decorationBox3 {
        background-color: #003d7b; /* #223666; */ top: 100px; left: 13em; width: 34em; height: 100%;
    }

    #decorationImageBackground1 {
        background-color: #80a6cf; /* #9dc0dd; */
        top: 165px; left: 0;
        width: 410px; height: 33px;
    }

    #decorationImageBackground2 {
        background-color: #548eb3;
        top: 165px; left: 410px;
        width: 455px; height: 33px;
    }

    #decorationImageBackground3 {
        background-color: #548eb3;
        top: 0; left: 825px;
        width: 40px; height: 165px;
        background-image: url('../img/7st-s-bg');
        background-repeat: no-repeat;
        background-position: 200px 200px;
    }

    #decorationImageBackground4 {
        top: 0; left: 0; width: 100%; height: 198px;
        background-image: url('../img/7st-s-bg');
        background-repeat: no-repeat;
    }

    #decorationImage {
        background-image: url('../img/7st-s');
    }

    #navigationBackground {
        background-color: #013470; /* #33448d; */
        opacity: 0.9;
        filter: alpha(opacity = 85);
    }

    #navigation a.active2 {
        color: #f2e5a2; /* #ff8040; */
    }

    #navigation a.active3 {
        color: #ffe356; /* #fbe569 */ /* #ff8040; */
    }

    #navigation a:hover {
        border-bottom-color: #003068; /* #25367f; */
    }

    #navigation a:active {
        color: #ffc056; /* #ff8040; */
    }

    #contentBackground {
        background-color: #003d7b; /* #223666; */
        opacity: 0.9;
        filter: alpha(opacity = 90);
        position: absolute;
        top: 210px;
        left: 13em;
        width: 34em;
        height: 43ex;
    }
}

.intro {
    width: 100%; overflow: hidden; margin-top: 210px; margin-bottom: 0.5ex;
    letter-spacing: 0px;
}

h1.title {
    margin-top: 2ex;
    text-transform: lowercase;
}

#line1, #line2 {
    white-space: nowrap; position: relative; left: 0px; top: 0px;
}

#line1 {
    font-size: 75%; line-height: 80%; word-spacing: -0.1em; color: #f7efff;
}

#line2 {
    font-size: 100%; word-spacing: 0.1em; color: #f7efff;
}