html,
body,
.pageWrap,
.siteWrap{
    min-height: 100%;
    width: 100%;
    height: 100%;
}
html > body,
.pageWrap,
.siteWrap{
    height: auto;
}
body{
    text-align: center;
}
.pageWrap{
    position: absolute;
    top: 0;
    left: 0;
}
.siteWrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}
footer[role='contentinfo']{
    text-align: center;
    width: 100%;
}
header[role='banner']{
    position: relative;
    width: 100%;
}
header[role='banner'] > div{
    height: 100%;
}
section[role='main']{
    height: 100%;
    position: relative;
    width: 100%;
}
.constrainedContent{
    margin: 0 auto 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
}
.primaryColumn,
.secondaryColumn{
    position: relative;
    text-align: left;
    word-wrap: break-word;
    height: 100%;
}
.primaryColumnInner,
.secondaryColumnInner{
    height: 100%;
    position: relative;
}

.wideLeft,
.wideRight,
.fullWidth{
    position: relative;
    /*min-height: 600px;*/
}
.bodyCopyPrimary{
    padding-bottom: 15px;
}




/**
* ////////////////////////////////////////////////////////////////
*  breakpoints
* ////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 500px) {
    .indexNewsListing.mbWideRight{
        padding: 5px 0 5px 0;
    }
    .indexNewsListing.mbWideRight .mbSecondaryColumn{
        width: 100px;
        z-index: 500;
    }
    .indexNewsListing.mbWideRight .mbPrimaryColumn{
        width: 100%;
        margin-left: -100px;
    }
    .indexNewsListing.mbWideRight .mbPrimaryColumnInner{
        padding: 0 0 0 20px;
        font-size: 12px;
    }
    .indexNewsListing.mbWideRight .mbSecondaryColumnInner{
        padding: 0;
    }
    .indexNewsListing.mbWideRight .mbPrimaryColumnInner{
        margin-left: 100px;
    }
    .indexNewsListing.mbWideRight .mbDate{
        color: #444444;
        font-weight: bold;
        font-size: 11px;
        font-style: italic;
        margin-top: 5px;
    }
}
@media only screen and (min-width: 550px) {
    .mbWideRight,
    .mbWideLeft,
    .mbFullWidth{
        padding-bottom: 15px;
    }
    .mbWideRight .mbSecondaryColumn,
    .mbWideLeft .mbPrimaryColumn{
        float: left;
    }
    .mbWideRight .mbPrimaryColumn,
    .mbWideLeft .mbSecondaryColumn{
        float: right;
    }
    .mbWideRight .mbSecondaryColumn,
    .mbWideLeft .mbSecondaryColumn{
        width: 165px;
        z-index: 500;
    }
    .mbWideRight .mbPrimaryColumn{
        width: 100%;
        margin-left: -165px;
    }
    .mbWideLeft .mbPrimaryColumn{
        width: 100%;
        margin-right: -165px;
    }
    .mbWideRight .mbPrimaryColumnInner,
    .mbWideLeft .mbSecondaryColumnInner{
        padding: 0 0 0 20px;
    }
    .mbWideLeft .mbPrimaryColumnInner,
    .mbWideRight .mbSecondaryColumnInner{
        /*padding: 0 20px 0 0;*/
    }
    .mbWideRight .mbPrimaryColumnInner{
        margin-left: 165px;
    }
    .mbWideLeft .mbPrimaryColumnInner{
        margin-right: 165px;
    }
    .newsListing.mbWideRight .mbSecondaryColumnInner{
        text-align: right;
    }
}
@media only screen and (min-width: 850px) {

    .wideRight .secondaryColumn,
    .wideLeft .primaryColumn,
    .bodyCopyPrimary{
        float: left;
    }
    .wideRight .primaryColumn,
    .wideLeft .secondaryColumn,
    .bodyCopySecondary{
        float: right;
    }
    .wideRight .secondaryColumn,
    .wideLeft .secondaryColumn{
        width: 215px;
        z-index: 500;
    }
    .wideRight .primaryColumn{
        width: 100%;
        margin-left: -230px;
    }
    .wideLeft .primaryColumn{
        width: 100%;
        margin-right: -230px;
    }
    .wideRight .primaryColumnInner{
        margin-left: 230px;
    }
    .wideLeft .primaryColumnInner{
        margin-right: 230px;
    }
    .wideLeft .sectionLanding .primaryColumnInner{
        margin-right: 245px;
        padding: 0;
    }

    .bodyCopySecondary{
        width: 215px;
        z-index: 500;
    }
    .bodyCopyPrimary{
        width: 100%;
        margin-right: -230px;
    }
    /*.bodyCopyPrimary .bodyCopyPrimaryInner{
    margin-right: 245px;
    }*/
    .primaryColumnHasAside .bodyCopyPrimary .bodyCopyPrimaryInner{
        margin-right: 245px;
    }

    body.wsc-bookstore.details .bodyCopySecondary{
        width: 215px;
        z-index: 500;
        float: left;
    }
    body.wsc-bookstore.details .bodyCopyPrimary{
        width: 100%;
        margin: 0 0 0 -230px;
        float: right;
    }
    body.wsc-bookstore.details .primaryColumnHasAside .bodyCopyPrimary .bodyCopyPrimaryInner{
        margin: 0 0 0 245px;
    }


}

@media only screen and (min-width: 1020px) {
    .constrainedContent{
        width: 100%;
        padding: 0;
        max-width: 1020px;
    }
}