#container 
{
display: table;
width: 100%;
--background: #FFFFFF;
margin: 0 auto;
--border: 1px solid #000000;
text-align: left;
}

#header 
{
 display :block;
 background: #0064C8;
 padding: 0 10px;
 margin-top:10px; 
 height:210px;
 border-radius: 10px 10px 0 0;
 border: 1px solid #322f75; 
}

#contentwrap {
width: 100%;
display:table;
}

#sidebar1 {
display: table-cell;
width: 15%;
--background: #EBEBEB;
padding: 15px 0;
}

#sidebar2 {
width: 15%;
display: table-cell;
--background: #EBEBEB;
padding: 15px 0;
}

#mainContent 
{
 width: 70%;
 display: table-cell;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

#footer 
{
display: table-row;
padding: 0 10px;
}



.LoginPanel 
{
    margin: auto;
    width: 50%;
    padding: 10px;
    text-align:center;
}

@media (max-width: 1215px) 
{
    .LoginPanel 
    {
        margin-left: 0px;
    }
    


    #container 
    {
        height: auto;
    }

    #footer 
    {
        position: relative;
        height: auto;
        margin-top: 10px;
    }

    .LogoImegae 
    {
        width: 120px;
        height: 60px;
    }

    #header 
    {
        width: auto;
        height: 100px;
    }

    #contentwrap .LeftModule 
    {
        display: none;
    }

    #contentwrap .RightModule 
    {
        display: none;
    }

    .DefaultIntro 
    {
        display: none;
    }

    .RightModule 
    {
        display: none;
    }

    .LeftModule 
    {
        display: none;
    }

    .LeftModule 
    {
        display: none;
    }

    .RightModule 
    {
        display: none;
    }
}