@import url('reset.css') screen;

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #3C3C3C;
}

#TopBar {
    position: fixed;
    z-index: 5000;
    left: 0;
    top: 0;
    width: 100%;
    height: 55px;
    background: #34C0B9;
}

    #TopBar h1 {
        color: #fff;
        font-size: 18px;
        margin: 0;
        margin-left: 52px;
        font-family: Lato, 'Gill Sans MT', Arial;
        float: left;
        padding-top: 17px;
        text-transform: uppercase;
    }

    #TopBar #DocumentIcon {
        position: absolute;
        left: 15px;
        top: 10px;
    }

#InfoBar {
    position: fixed;
    z-index: 5000;
    left: 0;
    top: 55px;
    width: 100%;
    height: 33px;
    background: #4B4B4B url('../img/bar.png') repeat-x;
    text-align: center;
    color: #fff;
    font-family: Lato, 'Gill Sans MT', Arial;
    font-size: 14px;
}

    #InfoBar ul {
        padding: 0;
    }

    #InfoBar li {
        list-style: none;
        padding-right: 10px;
        float: left;
    }

        #InfoBar li img {
            border: none;
        }

#Navigation {
    position: fixed;
    float: left;
    z-index: 5;
    left: 0;
    top: 0;
    padding: 0;
    background-color: #24B0E5;
    height: 10000px;
    width: 50px;
}

#TopBar ul {
    padding: 0;
}

#TopBar li {
    list-style: none;
    padding-right: 15px;
    float: left;
}

    #TopBar li img {
        border: none;
    }

#img {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-top: 100px;
}

.leftArrow {
    border: none;
}

.rightArrow {
    border: none;
}

.ViewPage {
    font-family: Lato, Calibri, Arial;
    font-size: 17px;
    color: #fff;
}

#MyFrameDiv {
    margin-left: 0px;
    margin-top: 88px;
    padding: 0;
    background: #3C3C3C;
}

 #PageDiv
    {
       padding-top:8px;
   }