﻿body {
}

#contentDiv {
    padding-top: 100px;
}

.siloMenuOuter {
    position: relative;
    top: -41px;
}

form > div#contentDiv,#contentDiv {
    background-image: url('images/studentResourcesBg.jpg');
    background-repeat: no-repeat;
}

div#menuContainer {
    float: left;
    width: 254px;
}


div#ph1 {
    float: right;
    width: 420px;
    margin: 25px 50px 35px 25px;
    overflow: hidden;
}

    div#ph1 img {
        margin: 10px;
    }

    div#ph1 .imgLeft {
        margin: 10px 10px 10px 0px;
    }

    div#ph1 hr {
        width: 100% !important;
        margin-top: 18px;
    }

    div#ph1 h2 {
        margin-top: 18px;
    }

    div#ph1 > table {
        width: 470px !important;
    }


div #ph2 {
    margin-bottom: 6px;
}


div#sidePanel {
    width: 222px;
    margin-left: 0px;
    margin-right: 5px;
    float: right;
}


div#ph-1 {
    position: absolute;
    left: 10px;
    top: 20px;
    color: #3C6398;
    width: 200px;
}

    div#ph-1 img {
        position: relative;
        top: 5px;
        border: none;
    }



@media all and (max-width: 1024px) {
    div#ph1 {
        float: left;
        min-width: 335px;
        /*width: calc(100% - 270px);
        width: -webkit-calc(100% - 270px);*/
        margin: 30px 20px 10px 10px;
    }

        div#ph1 > table {
            width: 100% !important;
        }

    div#sidePanel {
        margin-top: -30px;
        margin-right: 5px;
    }

    #sidePanel .featuresLabel {
        width: 207px;
    }
}


@media all and (max-width : 599px) {
    div#ph1 {
        float: right;
        min-width: 94%;
        width: 94%;
        margin: 20px 10px 10px 10px;
    }

        div#ph1 > table {
            width: 100% !important;
        }

    div#sidePanel {
        min-width: 222px;
        width: 100%;
        margin-top: -10px;
        float: right;
        margin-right: 0px;
    }

    #sidePanel .featuresLabel {
        min-width: 222px;
        width: calc(100% - 15px);
    }

    div#ph2 {
        min-width: 222px;
        width: 100%;
    }
}
