body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    background-color: #111111;
    /*color: #99ABC1;*/
    margin: 0px;
}

.Page {
    width: 1000px;
    margin: 0 auto 0 auto;
    background-color: #111111;
}

.topBar {
    width: 100%;
    overflow: hidden;
}

.loginTop {
    display: block;
    text-align: right;
    padding-right: 4px;
    padding-bottom: 8px;
    color: #20537C;
}

.loginLeft {
    display: none;
    color: #20537C;
}


.leftBar {
    float: left;
    width: 196px;
}

.rightBar {
    float: right;
    width: 200px;
    background-color: #181818;
    padding-top: 0px;
}

.mainMenu {
    margin: 0;
    text-align: left;
    padding: 10px 10px 10px 10px;
    background-color: #181818;
}

.leftMenu {
    font-size: 12px;
}

.leftMenuRow {
}

.leftBanner {
    padding: 0 20px 20px 20px;
    background-color: #181818;
}

.leftBannerItem {
    width: 156px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
}

.leftBarImage {
    width: 140px;
}

.rightBannerItem {
    margin-bottom: 15px;
    height: 290px;
    width: 200px;
    float: left;
}

.rightBanerImage {
    width: 200px;
}

.mainContent {
    width: 604px;
    margin: 0;
    background-color: #222222;
    float: left;
}

.pageFoter {
    text-align: center;
}

.divMenu {
    display: none;
}

.divMenuClose {
    display: none;
    padding: 10px;
    text-align: center;
}

@media only screen and (max-width: 730px) {
    * {
        box-sizing: border-box;
    }

    .loginTop {
        display: none;
    }
    .loginLeft {
        display: block;
        text-align: right;
        color: #20537C;
    }

    .Page {
        float: left;
        width: 100%;
        margin: 0 auto 0 auto;
        background-color: #111111;
    }

    .leftBar {
        width: 100%;
    }

    .rightBar {
        width: 100%;
        background-color: #181818;
        padding-top: 0px;
    }

    .mainMenu {
        float: left;
        width: 100%;
    }

    .leftMenu {
        padding-bottom: 20px;
        font-size: larger;
    }

    .leftMenuRow {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .leftBanner {
        display: none;
    }

    .leftBannerItem {
        text-align: center;
        padding: 0px;
        width: 100px;
        height: 145px;
        margin-right: 5px;
        margin-bottom: 5px;
        background-color: #444444;
        float: left;
    }

    .leftBarImage {
        width: 100px;
        height: auto;
        max-height: 145px;
    }

    .rightBannerItem {
        padding-top: 5px;
        padding-right: 5px;
        width: 100%;
        /*float: left;*/
    }

    .rightBannerImage {
        width: 100%;
    }

    .mainContent {
        width: 100%;
        margin: 0;
        background-color: #222222;
        float: left;
    }

    .divMenu {
        display: block;
        padding: 10px;
        text-align: center;
    }
}