@import url("css/menu.css");

.Normal {
    font-size: 14px;
    line-height: 1.428;
}

.dnnActions {
    display: inline-block;
}

    .dnnActions li {
        margin-right: 5px;
        list-style: none;
        float: left;
    }

.dnnCheckbox .mark {
    background: none;
}

.form-group .dnnLabel {
    text-align: left;
    width: auto;
}

.dnnLabel + span {
    white-space: normal;
}

#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box !important; /* Firefox, other Gecko */
    box-sizing: content-box !important; /* Opera/IE 8+ */
}


a:link, a:visited, a:active, a:hover {
    color: #0070c9;
}

.container {
    width: 960px;
}



/* Make the Control bar more mobile friendly */
.ControlContainer {
    position: relative;
    width: 726px;
    height: 53px;
    margin: 0px auto;
}

.paneOutline {
    margin: 5px 0;
    height: 50px;
    line-height: 50px;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
    color: #666;
}

.paneOutline_display {
    margin: 2px 1px;
    height: 50px;
    line-height: 50px;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
}


/**********************  Start of TDSB Banner Items  **********************************/

#TDSBPrintBanner {
    display: none;
}

#TDSBbannerBar, #schoolBannerBar, #searchBar {
    width: 100%;
}

#TDSBbannerBar {
    background-color: #444;
    height: auto;
    margin: 0;
    padding: 0;
}

#TDSBbannerItemsBox {
    width: 960px;
    margin: 0 auto;
}

.TDSBBannerLogoBox {
    color: #FFF;
}

.TDSBBannerLogoBox {
    float: left;
    margin: 0 0 0 0;
    /*width:255px;*/
    height: 48px;
}


#TDSBBannerLogoBox, #TDSBBannerAlertBox, #TDSBBannerAlertBox a, #TDSBBannerSiBox {
    color: #FFF;
}

#TDSBBannerLogoBox {
    float: left;
    margin: 0 0 0 0;
    width: 255px;
    height: 48px;
}

#TDSBBannerAlertBox {
    float: left;
    margin: 0;
    width: 510px;
    background-color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.88em;
    padding: 10px 3px 4px 12px;
    height: 52px;
}

    #TDSBBannerAlertBox a:link, #TDSBBannerAlertBox a:hover {
        text-decoration: underline;
    }

    #TDSBBannerAlertBox a:hover {
        text-decoration: none;
    }

#TDSBBannerSiBox {
    float: right;
    width: 140px;
    padding: 6px 10px 0 12px;
}

    #TDSBBannerSiBox #TDSBBannerSiLabel {
        positon: relative;
        font-size: 0.88em;
    }

#TDSBBannerSiIcons ul, #mainFooterSMSIcons ul {
    list-style: none;
    display: block;
    margin: 2px 0 0 0;
    padding: 0;
}

    #TDSBBannerSiIcons ul li, #mainFooterSMSIcons ul li {
        display: inline;
    }

#schoolBannerBar {
    height: 160px;
    background-color:#f0f2f1;
}


/*  No longer required - added to .schoolBannerArea  */
/*
#schoolBannerBox
{
	margin:0 auto;
	width:960px;
	height:160px;
}
*/

.schoolBannerGraphic {
    position: absolute;
    width: 240px;
    height: 160px;
}

.schoolBannerArea {
    width: 960px;
    margin: 0 auto;
    /* height:160px; */
    overflow: hidden;
    /*border-left-style:solid;
	border-left-width:1px;		
	border-right-style:solid;
	border-right-width:1px;*/
}

/***********************  End of TDSB Banner Items  ******************************/
/***********************  End of TDSB Banner Items  ******************************/
 /* D1 Left and Right border */
/*#contentContainer {
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
}*/


#contentContainer, .D2pageFrame {
    background-color: #fff;
}


#contentContainer, #contentContainerD2, #contentContainerFooter {
    margin: 0 auto;
    padding: 30px 0px 25px 0px;
    width: 960px;
}


/*
#contentContainerD2
{
	padding:15px 10px 25px 10px;
	width:928px;
}
*/

.D2pageFrame {
    width: 950px;
    padding: 0 10px 10px 10px;
    margin: 0 auto 25px auto;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/***** School Message Alert/Emergency Notice CSS items  ******/
#TDSB_EmergencyNotice {
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
}


#emergencyArea {
    border: 1px solid #C6C6C6;
    background-color: #FFF;
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 10px;
    min-height: 105px;
}


    #emergencyArea #emergTextBox,
    .D2pageFrame #emergencyArea #emergTextBox {
        font-size: 0.9em;
        line-height: 1.4em;
        vertical-align: middle;
        padding: 10px 10px;
        min-height: 63px;
        overflow: hidden;
    }

/****** Required for  D2 *****/
.D2pageFrame #emergencyArea #emergTextBox {
    min-height: 83px;
}


#emergencyArea #emergIcon {
    float: left;
    margin-right: 10px;
    padding: 0px 0px;
}

/**************************************************************/
/**************************************************************/

.mainCol, .mainCol.D1-Col-1 {
    float: left;
    width: 400px;
    padding-bottom: 30px;
}

    .mainCol.D1-Col-1 {
        width: 680px;
    }

    .mainCol.D2-Col-2 {
        width: 575px;
    }

    .mainCol.D2-Col-3 {
        width: 320px;
    }


    .mainCol.D2-Sub-Col-1, .mainCol.D2-Sub-Col-2 {
        width: 725px;
        margin: 0 0 0 20px;
    }

    .mainCol.D2-Sub-Col-2 {
        width: 430px;
    }


#contentContainerD2 .mainMiddleCol {
    float: left;
    width: 260px;
    margin: 0 0 0 -110px;
}

.mainRightCol {
    float: right;
    width: 260px;
    padding-bottom: 30px;
}

.TDSBPromotion {
    margin-bottom: 20px;
}

/* Mauro - Removed because hiding thumbnails on announcement module
.mainCol img {
    max-width: 100%;
    height: auto;
    overflow: hidden;
}
*/

#contentContainerD2 .mainMiddleCol img,
#contentContainerD2 .mainRightCol img {
    width: 100%;
    max-width: 260px;
    height: auto;
    overflow: hidden;
    margin: 0;
}

.mainCol.D2-Col-2 img {
    max-width: 575px;
    height: auto;
}

/***********************  Start of D2 CSS Elements *******************************/

.D2schoolNameBox {
    font-Family: Verdana, Geneva, sans-serif;
    font-size: 2.98em;
    font-weight: bold;
    text-align: center;
    border-top: none;
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 14px;
}

    .D2schoolNameBox a:link, .D2schoolNameBox a:visited,
    .D2schoolNameBox a:active, .D2schoolNameBox a:hover,
    .D2schoolNameLink a.D2schoolNameLink:link, a.D2schoolNameLink:visited,
    a.D2schoolNameLink:active, a.D2schoolNameLink:hover {
        text-decoration: none;
        font-weight: bold;
    }


.navBarContainer {
    margin: 0 auto;
    padding: 0 13px 1px 13px;
    width: 934px;
    height: auto;
    border-style: solid;
    border-width: 1px;
}


#D2TopNavBox {
    height: 43px;
    width: 934px;
    margin: 0 0 12px 0;
    padding: 0 0;
}

#2DnavBar {
    margin-top: -12px;
}


#D2schoolBannerBox {
    margin: 0px auto 0 auto;
    height: auto;
    padding: 6px 0 0 0;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 4px;
}

    /*** Removes the space above the banner border ***/
    #D2schoolBannerBox .bootsterContainer .clear {
        padding-bottom: 0px;
    }


.bannerHomePage, .bannerHomePage.D2-Common {
    height: auto;
    max-height: 450px;
    overflow: hidden;
}

/*
.bannerHomePage .bootsterContainer .clear
.bannerHomePage.D2-Common .bootsterContainer .clear,
{
	padding-bottom:0;
}
*/


/***********************  End of TDSB Main Content Items  ******************************/
/***********************  End of TDSB Main Content Items  ******************************/

#schoolSearchBar {
    height: 35px;
    border-top-style: solid;
    border-top-width: 1px;
}

#contentContainerD2 #schoolSearchBar {
    background-color: #FFF;
    width: 94%;
    margin: 1% auto 0 auto;
    border: none;
}


#schoolSearchBarBox {
    margin: 0 auto;
    padding: 2px 0 0 0;
    width: 960px;
    height: 22px;
    margin-top: 3px;
}

#schoolSearchLogin {
    float: left;
    margin: 2px 0 0 10px;
    padding-top: 0px;
    width: auto;
    height: 25px;
}


#schoolSearchItemsBox {
    float: right;
    padding-top: 1px;
    margin: 0 0 0 0px;
    width: 230px;
    height: 25px;
}


#contentContainerD2 #schoolSearchLogin {
    margin: 0px 0px 15px -25px;
    color: #000;
    font-weight: bold;
}

#contentContainerD2 #schoolSearchItemsBox {
    float: right;
    padding-top: 1px;
    margin: 0 -50px 0 0px;
    width: 230px;
    height: 25px;
}

#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .SkinObject label {
    font-size: 0.88em;
}

#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox {
    width: 150px;
    margin-right: -2px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
}

/* Colour for Text of the word "SEARCH" and background button */
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:link,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:Visited,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:active,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:hover {
    text-align: center;
    height: 25px;
    padding: 2px 8px 4px 8px;
    margin: 0px 0 0 -4px;
    float: left;
    border-style: solid;
    border-width: 1px;
}

/* IE Fix*/

/* IE 6 */
* html #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:link,
* html #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:Visited,
* html #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:active,
* html #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:hover {
    padding: 2px 6px 1px 6px;
    margin: 1px 0 0 -7px;
}

/* IE 7 & 8 */
* + html #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:link,
* + html #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:Visited,
* + html #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:active,
* + html #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:hover {
    padding: 2px 6px 1px 6px;
    margin: 1px 0 0 -7px;
}

/***************************  End of Search Box Items **********************************/
/***************************  End of Search Box Items **********************************/

#fullPageBoxArea {
    width: auto;
}


/*********************************************************************************/
/****************************     footer container    ****************************/
/*********************************************************************************/
footer {
    padding-top: 0px;
}

.footerColBoxContainer,
.footerColBoxContainerD2 {
    padding-top: 20px;
    clear: both;
    margin: 0 auto;
    position: relative; /*This fixes the IE7 overflow hidden bug */
    width: 960px; /* width of whole footer container */
    overflow: hidden; /* This chops off any overhanging divs */
    border-top-style: solid;
    border-top-width: 6px;
}

.footerColBoxContainerD2 {
    width: 800px; /* width of whole footer container */
}



#LeftPaneFooter, #footerMiddleContentbox {
    background-repeat: repeat-y;
    background-position: right;
}

#footerMiddleContentbox {
    margin-left: 0px;
    width: 250px;
}

#RightPaneFooter {
    float: left;
    width: 250px;
    margin-left: 27px;
}

.mainFooterIBleft, .mainFooterIBmiddle, .mainFooterIBright {
    float: left;
    position: relative;
    overflow: hidden;
    padding: 2px 0 15px 5px;
}

.mainFooterIBleft {
    width: 370px;
    margin-left: 10px;
}

.mainFooterIBmiddle {
    width: 250px;
    padding: 0 20px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
}

.mainFooterIBright {
    width: auto;
}


#IBleft, #IBright {
    float: left;
    width: 170px;
    overflow: hidden;
}

#IBleft {
    width: 170px;
    margin-right: 25px;
}

.footerHeadings {
    font-size: 0.88em;
    padding-bottom: 10px;
    font-weight: bold;
    overflow: hidden;
}


.mainFooterIBleft ul li {
    line-height: 1.28em;
    list-style-type: none;
    margin-bottom: 3px;
    margin-left: 0px;
    font-size: 0.98em;
}

#IBleft a:link, #IBleft a:visited, #IBleft a:active, #IBleft a:hover,
#IBright a:link, #IBright a:visited, #IBright a:active, #IBright a:hover {
    margin-left: -17px; /* only use for Dnn 6 - 17px for Dnn 7  */
}

/*  Footer Icons for Social Media Stream  */
#mainFooterSMSIcons {
    margin: 1px 0 20px 0px;
    width: 240px;
    overflow: hidden;
}

.footerContactUsPhone, .footerContactUsEmail, .footerContactUsMail {
    font-size: 0.88em;
    width: 230px;
    overflow: hidden;
}

.footerContactUsPhone {
    margin-top: 9px;
}


#footerContactIcons {
    float: left;
    width: 25px;
}

.footerPhoneIcon, .footerEmailIcon, .footerMailIcon {
    width: 18px;
    height: 20px;
    background-image: url(../../../../images/TDSB/Icon_Footer_Contact_Phone_Black.png);
    background-repeat: no-repeat;
}

.footerEmailIcon {
    background-image: url(../../../../images/TDSB/Icon_Footer_Contact_Email_Black.png);
}

.footerMailIcon {
    background-image: url(../../../../images/TDSB/Icon_Footer_Contact_Mail_Black.png);
}


.mainFooterBottomBox, .mainFooterBottomBoxD2 {
    margin: 0 auto;
    width: 960px;
    height: 30px;
    padding: 10px 30px 25px 25px;
    text-align: right;
    border-top-style: solid;
    border-top-width: 1px;
}

.mainFooterBottomBoxD2 {
    width: 928px;
    padding: 10px 30px 25px 25px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

.navAdmin {
    width: 960px;
    margin: 30px auto 0 auto;
    height: 35px;
}

    .navAdmin ul.nav a:link, .navAdmin ul.nav a:visited,
    .navAdmin ul.nav a:active, .navAdmin ul.nav a:hover {
        padding: 7px 25px 8px 25px;
        border-left: 1px solid #000;
    }




/***************************  End of Footer Box Items **********************************/
/***************************  End of Footer Box Items **********************************/

@media (max-width: 991px) {

    .container {
        /*background-color: green;   *** For Testing - Remove ****/
    }

    #contentContainerD2 {
        width: 670px;
    }

    .D2pageFrame {
        width: auto;
        /*	background-color: green;   *** For Testing - Remove ****/
    }



    /* For Top Nav Menu Bar - Bootstrap Responsive */

    #D2TopNavBar {
        width: auto !important;
    }

        /**/
        #D2TopNavBar .navbar {
            min-height: auto !important;
            border-radius: 0 !important;
        }

        #D2TopNavBar .navbar-inverse {
            background-color: orange !important;
        }

        #D2TopNavBar .navbar-toggle {
            float: left !important;
        }

        #D2TopNavBar .collapse {
            display: none !important;
        }

        #D2TopNavBar .navbar-toggle {
            display: block !important;
        }

        #D2TopNavBar .collapse.in {
            display: block !important;
            padding: 0;
        }

        #D2TopNavBar ul.dnnmega li.root /**/ {
            width: 100%;
            border-bottom: 1px solid #CCC;
        }


    ul.dnnmega li.root a, ul.dnnmega li.root > span {
        border-right-style: none !important;
    }


        ul.dnnmega li.mmSelected a, ul.dnnmega li.root a:hover span
        /*ul.dnnmega li.root a:hover, ,
ul.dnnmega li.mmSelected a span, */ {
            width: 100%;
            background-color: #FFF !important;
        }


    /****************************************************/
    /****************************************************/



    .TDSBBannerLogoBox {
        float: left;
    }

        .TDSBBannerLogoBox img {
            margin: 0 0 0 10px;
        }


    #TDSBBannerLogoBox, #TDSBBannerAlertBox, #TDSBBannerSiBox {
        float: left;
    }

        #TDSBBannerLogoBox img {
            margin: 0 0 0 10px;
        }


    #TDSBBannerAlertBox {
        margin: 0px 0 0 5px;
        padding: 8px 0 5px 15px;
        height: 52px;
    }

    #TDSBBannerSiBox {
        margin: 0px 0px 0 10px;
    }


    #schoolBannerBar, .schoolBannerArea, .schoolBannerArea img {
        max-width: 100%;
        height: auto;
        overflow: hidden;
    }

    .schoolBannerArea {
        width: 75%;
        margin: 0 auto;
    }

    #schoolBannerBar {
        max-width: 100%;
        height: auto;
        overflow: hidden;
    }


    #schoolSearchBarBox {
        width: 730px;
    }


    #contentContainerD2 #schoolSearchItemsBox {
        margin: 0 -44px 0 0px;
    }


    #contentContainer, #contentContainerFooter {
        width: 100%;
    }

    #contentContainerD2 .col-xs-9, .mainCol,
    .mainCol.D2-Sub-Col-1, .mainCol.D2-Sub-Col-2 {
        width: auto;
    }

        .mainCol.D1-Col-1 {
            width: auto;
        }

    .mainRightCol {
        margin: 0 0 0 0px;
        float: left;
    }


    #contentContainerD2 .col-xs-6 {
        width: 100%;
    }

    #contentContainerD2 .mainCol.D2-Col-2, #contentContainerD2 .mainCol.D2-Col-3 {
        margin: 0;
        width: auto;
    }

    #contentContainerD2 .mainMiddleCol.D2-Col-3 {
        margin: 0;
    }

    #contentContainerD2 .mainRightCol.D2-Col-3 {
        margin: 0 0 0 220px;
    }




    /************************************************************/

    #LeftPaneFooter {
        margin: 0 25px 25px 10px;
        width: 260px;
    }


    #contentContainerD2 #LeftPaneFooter {
        width: 630px;
        border-right: none;
        border-bottom: 1px solid #AEB1AB;
    }

    #IBleft, #IBright {
        width: 230px;
    }

    #contentContainerD2 #IBleft, #contentContainerD2 #IBright {
        width: 280px;
    }

    #footerMiddleContentbox {
        float: left;
        width: 240px;
        margin: 0 40px 0 30px;
    }

    .mainFooterIBmiddle {
        margin-left: -30px;
    }

    footer #RightPaneFooter {
        margin-left: -5px;
    }


    #contentContainerD2 .mainFooterIBright {
        width: auto;
        margin: 0 0 30px 0;
    }

    .mainFooterBottomBox {
        width: 100%;
    }

    .mainFooterBottomBoxD2 {
        width: 670px;
    }





    @media (min-width: 768px) and (max-width: 942px) {
        .container {
            /*	background-color:green;  *** For Testing - Remove ****/
        }

        #TDSBbannerItemsBox {
            width: 100%;
        }

        #TDSBBannerAlertBox {
            display: none;
        }

        #TDSBBannerSiBox {
            float: right;
        }

        .schoolBannerArea {
            width: 750px;
            margin: 0 auto;
        }

        #schoolSearchBarBox {
            width: 750px;
        }

        #TDSBBannerLogoBox, #TDSBBannerLogoBox img {
            padding: 0 0 0 6px;
        }



        /*
#contentContainerD2 #schoolSearchItemsBox
{
	margin:0 -6px 0 0px;
}
*/

        #LeftPaneFooter {
            margin: 0 5px 25px 5px;
            width: 230px;
        }


        #footerMiddleContentbox {
            float: left;
            width: 260px;
            margin: 0 15px 0 5px;
        }


        .mainFooterIBmiddle {
            margin-left: 5px;
        }


        footer #RightPaneFooter {
            margin-left: -6px;
        }

        .mainFooterIBright {
            float: right;
        }
    }


    @media (max-width: 800px) {

        .container {
            width: 620px;
            /*	background-color:orange;   *** For Testing - Remove ****/
        }

        .D2pageFrame {
            width: auto;
        }

        #contentContainerD2 {
            width: auto;
            margin: 0;
        }

        .schoolBannerArea {
            width: 93%;
            margin: 0 auto;
        }

        #schoolSearchBarBox {
            width: 730px;
        }

        #contentContainerD2 .col-xs-6 {
            width: 100%;
        }

        #contentContainerD2 .mainCol.D2-Col-2 {
            width: auto;
            background-color: yellow;
        }

        #contentContainerD2 .mainCol.D2-Col-3 {
            float: left;
            margin: 0;
            width: 675px;
        }


        #contentContainerD2 .mainMiddleCol {
            margin: 0;
        }

        #contentContainerD2 .mainRightCol {
            float: left;
            width: 260px;
            margin: 0;
        }


        #LeftPaneFooter {
            margin: 0 15px 25px 10px;
            width: 240px;
            height: auto;
            border-right: none;
        }

        #contentContainerD2 #LeftPaneFooter {
            margin: 0 15px 25px 10px;
            width: 660px;
            border-right: none;
        }


        #IBleft, #IBright {
            width: 225px;
        }


        #contentContainerD2 #IBleft, #contentContainerD2 #IBright {
            width: 300px;
        }

        #footerMiddleContentbox {
            float: left;
            width: 280px;
            margin: 0 10px 0 10px;
        }

        #contentContainerD2 #footerMiddleContentbox {
            width: 300px;
        }

        #LeftPaneFooter {
            float: left;
            width: 740px;
            margin: 0 0 30px 15px;
            border-right: none;
            border-bottom: 1px solid #AEB1AB;
        }

        .mainFooterIBmiddle {
            border-left: none !important;
        }

        .mainFooterIBright {
            float: left;
            margin: 0 0 10px 25px;
        }


        #contentContainerD2 .mainFooterIBright {
            width: 300px;
        }


        .mainFooterBottomBoxD2 {
            width: 100%;
        }
    }


    @media (max-width: 767px) {
        body {
            margin: 0;
            padding: 0;
        }


        .D2pageFrame {
            width: auto;
        }

        #contentContainerD2 {
            width: auto;
            margin: 0;
        }

        .container {
            width: auto;
            /****	background-color:pink;   For Testing - Remove ****/
        }


        #TDSBBannerLogoBox, #TDSBBannerLogoBox img {
            width: 150px;
            padding: 5px 0 0 7px;
        }

            #TDSBBannerLogoBox img {
                width: 200px;
                height: auto;
            }

        #TDSBbannerItemsBox {
            width: 100%;
        }

        #TDSBBannerAlertBox {
            display: none;
        }

        #TDSBBannerSiBox {
            float: right;
        }

        .schoolBannerArea {
            width: 100%;
            margin: 0 auto;
            border: none;
        }


        #schoolSearchBarBox {
            float: left;
            width: auto;
            padding: 0;
        }

        #schoolSearchBar {
            width: auto;
            padding: 0 25% 0 3%;
        }


        #contentContainerD2 #schoolSearchBar {
            padding: 0 1% 0 0;
        }


        #schoolSearchLogin {
            margin: 4px 0 0 15px;
            font-size: 0.86em;
            width: auto;
        }

        #schoolSearchItemsBox {
            padding-top: 1px;
            height: 25px;
            position: absolute;
            right: 0;
            width: 215px;
        }

        #contentContainerD2 #schoolSearchLogin {
            margin-left: -15px;
        }


        #contentContainerD2 #schoolSearchItemsBox {
            margin: 0 -32px 0 0px;
        }


        .leftNavBox .rpRootGroup {
            width: auto;
        }

        .mainCol {
            width: auto;
        }


        #contentContainerD2 .col-xs-6 {
            width: auto;
        }


        .mainCol.D2-Col-3 {
            width: 675px;
        }

        /* Used for D2 3 Column Layout */
        #contentContainerD2 .mainCol.D2-Col-3 {
            width: auto;
        }

        #contentContainerD2 .col-xs-3 {
            width: auto;
        }

            /* Used for D2 3 Column Layout */
            #contentContainerD2 .col-xs-3 .mainMiddleCol.D2-Col-3 {
                width: 260px;
                margin: 0;
            }

            /* Used for D2 3 Column Layout */
            #contentContainerD2 .col-xs-3 .mainRightCol.D2-Col-3 {
                flaot: left;
                margin: 0;
                width: 260px;
            }

        .footerColBoxContainer, .footerColBoxContainerD2 {
            /*background-color:#C0C6D8; css override for colour schemes */
        }



        #LeftPaneFooter, #contentContainerD2 #LeftPaneFooter {
            height: auto;
            margin: 0 0 25px 10px;
            width: 690px;
            border: none;
            border-bottom: 1px solid #AEB1AB;
        }

        #contentContainerD2 #LeftPaneFooter {
            width: 98%;
        }


            #contentContainerD2 #LeftPaneFooter #IBleft,
            #contentContainerD2 #LeftPaneFooter #IBright {
                width: 210px;
            }


        #IBleft, #IBright {
            width: 225px;
        }

        #footerMiddleContentbox {
            float: left;
            margin: 0 35px 15px 35px;
            width: 235px;
            border: none;
            height: auto;
        }

        #contentContainerD2 #footerMiddleContentbox {
            width: auto;
        }


        .mainFooterIBright {
            float: left;
            width: auto;
            margin: 0;
        }

        #contentContainerD2 .mainFooterIBright {
            width: auto;
            padding: 0;
        }

        .mainFooterBottomBox {
            width: 100%;
        }


        .mainFooterBottomBoxD2 {
            width: 100%;
        }


        @media (max-width: 480px) {
            .container {
                width: auto;
                /*	background-color:lightblue;  *** For Testing - Remove ****/
            }

            #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox {
                width: 115px;
                margin: 3px 4px 0 0;
                height: 20px;
                font-size: 0.68em;
            }


            /* Colour for Text of the word "SEARCH" and background button */
            #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:link,
            #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:Visited,
            #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:active,
            #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:hover {
                height: 20px;
                padding: 1px 4px 4px 4px;
                margin: 3px 0 0 -4px;
                font-size: 0.78em;
            }

            #schoolSearchItemsBox {
                width: 170px;
            }

            #contentContainerD2 #schoolSearchLogin {
                font-size: 0.60em;
            }

            #contentContainerD2 #schoolSearchItemsBox {
                margin: -5px -70px 0 0px;
            }


            #contentContainerD2 #schoolSearchBar {
                padding: 0 -86% 0 0;
            }


            .mainRightCol {
                width: 260px;
                margin: 0px;
            }


                .mainRightCol img {
                    width: 100%;
                    height: auto;
                    background-color: #FC0;
                    margin: 0 0 0 -15px;
                    float: left;
                }


            #contentContainerD2 .col-xs-6, #contentContainerD2 .col-xs-3 {
                width: 100%;
            }

            .mainCol.D2-Col-3 {
                width: auto;
            }


            #contentContainerD2 .mainCol.D2-Col-3 {
                width: auto;
            }

            #contentContainerD2 .mainMiddleCol {
                margin: 0 0 0 -12px;
                float: left;
            }

            #contentContainerD2 .mainRightCol {
                float: left;
                width: 260px;
                margin: 0 0 0 5px;
            }


            .footerColBoxContainer, .footerColBoxContainerD2 {
                background-color: #C0C6D8; /*css override for colour schemes */
                background-color: silver; /*css override for colour schemes */
            }

            #LeftPaneFooter {
                width: 93%;
            }


            #footerMiddleContentbox {
                margin: 0 35px 15px 40px;
                width: 90%;
            }

            .mainFooterIBmiddle {
                padding-bottom: 25px;
                border: none !important;
            }

            .mainFooterIBleft {
                width: auto;
            }

            .mainFooterIBright {
                margin-left: 15px;
            }


            .mainFooterBottomBox {
                width: 100%;
                font-size: 0.64em;
            }

            .mainFooterBottomBoxD2 {
                width: 100%;
                font-size: 0.60em;
            }
        }
    }
}

@media (min-width: 768px) {
    .col-sm-6.sl-6 {
		width:55%
	}

    .col-sm-9.sl-9 {
        width: 80%;
    }
}


/*bootstrap Over-ride */

/* nav menu */

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: transparent !important;
}