body {
    /*background: #b6b7bc;*/
    font-size: .90em;
    font-family: Trebuchet MS;
    margin: 0px;
    padding: 0px;
    color: #000000; /*#21C3C6*/ /*font-weight:bold;*/
    text-align: justify;
    background-color: #E7E7E8; /*background-image:url('../Images/ImgsStatic/11.jpg');      /*width: 80%;*/ /*width: 600px;*/ /*margin: 20px auto;*/ /* center */ /*margin:center;*/ /*padding: 20px;*/ /*border: 1px solid black;*/
}

.button {
    display: block;
    width: 43px;
    height: 43px;
    text-indent: -5000px;
}

.button-2 {
    display: inline-block;
    font-size: 12px;
    line-height: 1.21em;
    letter-spacing: -1px;
    color: white;
    /*float: right;*/
    padding: 10px 15px 10px 10px;
    background-color: Blue; /*background:url(../Images/button-tail.gif) 0 0 repeat-x #3c3c3c;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

    .button-2:hover {
        background: #3c3c3c;
    }

#Main {
    /*width: 990px;*/
    width: 100%;
    margin: 0 auto;
}

/*#one a
{
    color: blue;
    font-family: Trebuchet MS;
    font-size: medium;
}*/
/*form
{
    width:80%;
    }*/

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0; /*background: blanchedalmond;*/ /*height: 100px;*/
    background-color: #293955;
    color: White;
    font-size: .75em;
}

.news {
    font-family: Courier New;
    font-weight: bold;
    font-size: 0.75em;
}

/* ----------   Responsive  ---------- */
/*div
{
    border: 1px solid;
}*/

/*p
{
    margin: 0px;
}*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mainDiv {
    /*background: #3498db;*/
    overflow: hidden; /*background-image:url('../Images/ImgsStatic/11.jpg');*/
}

#one {
    float: left;
    width: 33%;
    height: 100%;
}

.threedivs {
    /*background-image:url('../Images/ImgsStatic/projscreen.jpeg');*/
    float: left;
    width: 100%;
}

.classone {
    /*   background-color:#663399;*/ /*background-image:url('../Images/ImgsStatic/3parts.jpeg');*/
    background-color: sandybrown;
    border-radius: 15px;
    float: left;
    width: 100%;
    font-family:'Courier New';
}

#two {
    width: 33%;
    float: left;
    height: 100%;
}

#three {
    width: 34%;
    float: left;
    height: 100%;
}

#four {
    /*background-color: #8e44ad;*/
    width: 100%;
}

.clear {
    clear: both;
}

.Gridview {
    font-family: Arial;
    font-size: 5pt;
    font-weight: normal;
    color: black;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    left:75%;
    right:25%;
}

.gridcolumn {
    float:left;
    left:50%;
    right:50%;
}

.totaltd {
    background-color:sandybrown;
}

.mtdtd{
    background-color:darkgoldenrod;
}

.ytdtd{
    background-color:darksalmon;
}

table{
    border-collapse:separate;
    border-spacing:5px 5px;
}


    /*.imgDiv
{
    float: left; border-radius: 10px;
    height:auto; width:100%;
    }*/
@media screen and (max-width: 400px) {
    #one, #two, #three {
        width: 100%;
    }

    #Main {
        width: 100%;
        margin: 0 auto;
    }

    .imgDiv {
        float: left;
        border-radius: 10px;
        height: auto;
        width: 100%;
    }

    .column {
        width: 100%;
    }

    .gridcolumn {
        width: 100%;
    }
}
    /*form
            {
                width:100%;
                }*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .gridcolumn {
        width: 100%;
    }
    .column {
        width: 100%;
    }
    .griduseremp {
        width: 100%;
    }
}