html, body, form
{
    height: 100%;
    width: 100%;
    font-family: Calibri;
}
body
{
    font-size: 10pt;
}
#wrap
{
    /*background: url(Images/Page_Top_Repeat1.png) top left repeat-x;*/
    min-height: 100%;
    height: auto !important;
    height: 100%; /* Negative indent footer by it's height */
    margin: 0 auto -30px;
}
#push, #footer
{
    height: 30px;
}

#footer
{
    border-top: 1px solid #ffcf00;
    position: relative;
}

.HeaderDiv
{
    position: relative;
    height: 80px;
    width: 100%;
    max-width: 1200px;
}

.logo
{
    position: absolute;
    bottom: 15px;
    left: 30px;
}

.TopMenu
{
    text-align: center;
    padding: 0 0 0 0;
    margin: auto;
    z-index:120;
}



.MainDiv
{
    min-height: 350px;
}
.TitleBox
{
    color::#d4dce1 !important;
}
.MenuBox
{
    background-color:#5c6f7c !important;
}
.ContactBox
{
     background-color:#d4dce1 !important;
}
.MainMenuLink
{
    color::#5c6f7c !important;
}

@media (min-width: 500px)
{
    .TopMenu
    {
        position: absolute;
        /*left: 0px;*/
        right: 0px;
        text-align: right;
        bottom: 10px;
        padding: 0px 30px 0 30px;
        right: 0;
    }
}

@media (max-width: 500px)
{
    .TopMenu
    {
        position: absolute;
        left: 0px;
        right: 0px;
        text-align: center;
        bottom: 5px;
        padding: 0px 30px 0 30px;
        width: 100%;
    }

}
@media (max-width:786px)
{
    .MainDiv
    {
        min-height: 100px;
    }
    .TopMenu
    {
        position: absolute;
        left: 0px;
        right: 0px;
        text-align: center;
        bottom: 5px;
        padding: 0px 30px 0 30px;
        width: 100%;
    }
    .logo
    {
        position: absolute;
        margin:auto;
        top: 10px;
        left: 0px;
        right: 0px;
        width:100%;
        text-align:center;
        padding-bottom: 5px;
    }
    
    .HeaderDiv
    {
        height: 100px;
    }
}

@media print
{
    .noprint
    {
        display: none;
    }
}