a {
        color: #424242;
        /* font: 10pt arial; */
        text-decoration: none;
        font-family: "NotoSans", sans-serif !important;
        font-size: 13px;
        line-height: 1.4;
}
img {
        border:none;
}
.MainStructure{
        text-align:center;
        /* background: url("images/bg_gradient.jpg") no-repeat scroll top center #F4f4f4; */
}
.MainStructure .TopBanner {
        text-align:center;
}
.MainStructure .TopBar, .FooterBar
{
        width: 100%;
        display:inline-block;
        text-align:justify;
}
.MainStructure .ContentBar
{
        width: 100%;
        display:inline-block;
        text-align:justify;
        padding: 10px 0;
        min-width: 100%;
        vertical-align: top;
}
.MainStructure .ContentBar .LeftBar{
        min-width: 100%;
}
.MainStructure .TopBar {
        position:relative;
}
.MainStructure .FooterBar {
        color: #E9E9E9;
        margin-bottom: 0;
        width: 100%;
        padding: 20px 0;
        background: url(images/bg_footer_ioc.jpg) no-repeat 0 0;
}
.MainStructure .FooterBar a{
        color:#d0d0d0;
}
.MainStructure .FooterBar a:hover{
        color:#fff;
}
.MainStructure .FooterBanner {
        background: url(images/bg_footer_ioc.jpg) no-repeat 0 0;
        background-size: cover;
        margin: 0 auto;
        width: 100%;
}
.MainStructure .ContentBar .LeftBar{
        min-width: 100%;
}
@media only screen and (min-width: 768px){
        ::-webkit-scrollbar {
                width: 5px;
                height: 5px;
        }
        ::-webkit-scrollbar-track {
                background: #e9ecef;
                border-radius: 3px;
        }
        ::-webkit-scrollbar-thumb {
                border-radius: 3px;
                background: #6c757d59;
        }
}
@media only screen and (max-width: 768px){
        .MainStructure .TopBar{
                padding: 0;
        }
}