html
{
    height:100%;
}

body 
{
    height:100%;
    margin:0px;
    direction:rtl;
}

#aspnetForm
{
    height:auto;
    min-height:100%;
    position:relative;
}

#MainColumn
{
    width:900px;
    height:auto;
    margin:auto;
    text-align:right;
}

@media (max-width: 899px)
{
    #MainColumn
    {
        width:100%;
    }
}

@media (max-width: 539px)
{
    #MainColumn
    {
        width:540px;
    }
}

#Header
{
    min-width:530px;
    height:140px;
    text-align:right;
    margin:0px 5px 0px 5px;
}

#Menu
{
    float:right;
    width:185px;
    height:auto;
    padding-right:5px;
    display:none;
}

#TopMenuBar
{
    height:70px;
    padding-top:25px;
    padding-bottom:10px;
}

#TopMenu
{
    margin-top:38px;
}

#divLogo
{
    width:165px;
    height:100%;
}

#divMenuIcon
{
    display:none;
}

#divMiniLogo
{
    display:none;
}

#Middle
{
    clear:both;
    margin-top:8px;
}

#Content
{
    
    overflow:hidden;
    margin-right:190px;
    padding-left:8px;
    padding-right:8px;
    min-height:422px;
}

#Footer
{
    position:absolute;
    bottom:0px;
    
    
    width:100%;
    min-width:540px;
    height:150px;
    margin-top:20px;
}

@media (max-width: 799px)
{
    #Header
    {
        height:120px;
    }
    
    #TopMenuBar
    {
        height:60px;
    }

    #divLogo
    {
        width:110px;
    }
    
    #TopMenu
    {
        margin-top:28px;
    }
}

@media (max-width: 749px)
{
    #Header
    {
        height:120px;
    }
    
    #TopMenuBar
    {
        height:50px;
    }
    
    #divLogo
    {
        width:88px;
    }
    
    #TopMenu
    {
        margin-top:24px;
    }
}

@media (max-width: 719px)
{
    #Header
    {
        height:35px;
    }

    #divMenuIcon
    {
        display:block;
    }

    #divMiniLogo
    {
        display:block;
    }

    #Menu
    {
        display:none;
        position:absolute;
        padding:2px;
        background-color:white;
        border:solid 1px black;
        z-index:1;
    }
    
    #MenuTiles
    {
        display:none;
    }
    
    #TopMenuBar
    {
        display:none;
    }
    
    #divAccessibilityButton
    {
        display:none;
    }
    
    #divHeaderSlogan
    {
        display:none;
    }
    
    #Content
    {
        margin-right:0px;
        padding-right:2px;
        padding-left:2px;
    }
}

@media (min-width: 720px)
{
    #divMenuIcon
    {
        display:none !important;
    }

    #divMiniLogo
    {
        display:none !important;
    }
    
    #Menu
    {
        display:block !important;
    }
}