body {
	font-size:1em;/*!important*/
/*	line-height: 1.428em!important;  */
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif!important;
}

.Normal, .Normal p {
	font-size: inherit;
	line-height: inherit;
}

.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+ */
}

.moveOffScreen
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

a:link, a:visited, a:active, a:hover {
	color: #30C;   
}

a:hover {
	color: #63F;
}

h1, h2, h3 {
	line-height:1.1em!important;
	margin:0 0 0.28em 0!important;
}

h1 { font-size:2em!important; }

h2 { font-size:1.6em!important; }

h3 { font-size:1.3em!important;  }

/**/


.container-fluid, .container  { 
	padding-left:0px!important; 
	padding-right:0px!important; 
}

.row {
	margin-left:0px!important;
	margin-right:0px!important;
}

.container {
	width:100%!important;
	max-width:1260px!important;
}



main {
	display:block;
}


/* Makes 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;
}

table {
	width:100%;
}

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

#TDSBPrintBanner {
	display:none;
}


banner  {
	width:100%!important;
	padding-right:0;
	padding-left:0;
}


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

#TDSBbannerBar
{
	background-color:#2a2a2a;  
	height:53px;
	margin:0;
	padding:0;
	border-bottom: 1px solid #7f7f7f; 
}

#TDSBbannerItemsBox
{
	width:100%;
	max-width:1260px;
	margin:0 auto;
	height:52px;
	border-right:1px solid #7f7f7f;  
}



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

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

#TDSBBannerLogoBox img
{
	max-width:275px;
	width:100%;
	height:auto;
}


#TDSBBannerAlertBox
{
	float:left;
    margin:0 0 0 15px;
	width:100%; 
	max-width:938px; 
	background-color:black;  
	font-size:0.88em;
    padding: 10px 10px 4px 12px;
    height: 52px;
	border-left:1px solid #7f7f7f;
}


.accessWheelIcon {
	float:left;
	margin:4px 0 0 15px;
	height:48px;
	width:45px;	
}

.accessWheelIcon .fa-2x {
	font-size:26px;
}

#accessArea1, #accessArea2, #accessArea3 {
	float:left;
	text-align:left;
	height:30px;
	width:270px;
	padding:4px 0 0 0;
	margin:0px 0 0 5px;
	border-right:1px solid #7f7f7f;
	font-size:12.5px;
}


#accessArea2 {
	margin:4px 0 0 25px;
}

#accessArea3 {
	margin:4px 0 0 15px;
	border-right:none;
}


.cirBorder-White, .cirBorder-Yellow,
.cirBorder-Orange, .cirBorder-Black
 {
        display: inline-block;
        color: black;
        font-size: 1.24em;
        background: white;
        border:2px solid white;
        width: 30px;
        height: 30px;
        border-radius:17px; /* half of width + borders */ 
        line-height: 34px; /* vertical center */
        text-align: center; /* horizontal center */
		margin:-5px 0 0 10px;
}

.cirBorder-Text1, .cirBorder-Text2, .cirBorder-Text3 {
	background-color:black;
	border:none;
}


.cirBorder-Yellow {
        background: #eed369;
}

.cirBorder-Orange  {
        background: #B9B900;
}

.cirBorder-Black  {
        background: black;
}

.cirBorder-Text1 img,  .cirBorder-Text2 img, .cirBorder-Text3 {
/*      background:#1e3c62;
		color:white;
		margin:-5px 0 0 10px;
		line-height: 24px; /* vertical center 
		font-size:14px!important;
		letter-spacing:-1px;*/
		margin:-9px 0 0 -15px;
}

#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, .schoolBannerArea
{
	height:320px;
} 

.schoolBannerArea
{
 	width:100%;
	max-width:1260px;
	margin:0 auto;
	overflow:hidden;
}

/***********************  End of TDSB Banner Items  ******************************/
/***********************  End of TDSB Banner Items  ******************************/


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


#contentContainer, #contentContainerD2, #contentContainerFooter, .D2pageFrame
{
	margin:0 auto;
	padding:30px;
	padding:2.3%;
	width:100%;
	max-width:1260px;
}


#contentContainerD2
{
	padding:0;
}


#emptyPageHideNav {
	display:none;
}


.emptyPageHomeLink {
	margin-bottom:2em;
	margin-top:-0.58em;
}

.emptyPageHomeLink a:link, .emptyPageHomeLink a:visited,
.emptyPageHomeLink a:active, .emptyPageHomeLink a:hover {
	width:4.6em;
	height:1.8em;
	text-decoration:none;
	padding:0.24em 0.78em;
	border:1px solid #555;
	color:#000;
	border-radius:4px;
	background-color:#EBEBEB;
}
	

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


#emergencyArea
{
	border:1px solid #C6C6C6;
	background-color:#FFF;
	width:100%;
	padding:10px 10px;
	margin-bottom:1.6em;
	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:0;
}

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

.mainCol, .mainCol.D1-Col-1
{
	float:left;
	width:100%;
	max-width:555px;
} 

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

.mainCol.D2-Col-2 
 {
    width: 100%;
    max-width: 830px;
    margin-left: -1em;
	word-wrap:break-word;
}

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


.mainCol.D2-Sub-Col-1, .mainCol.D2-Sub-Col-2 {
	width:100%;
	width:950px;
	margin:0 0 0 2.10%;
}

.mainCol.D2-Sub-Col-1 {
	width:100%;
	max-width:100%;
	word-wrap:break-word;
}

.mainCol.D2-Sub-Col-2 {
	width:95%;
	max-width:610px;
}


#fullPageBoxArea
{
	width: auto;
    padding: 0;
}


#fullPageBoxArea img
{
	max-width: 100%;
    height:auto;
}


#contentContainerD2 .mainMiddleCol {
	float:left;
	width:100%;
	max-width:300px;
	margin:0 0 0 -110px;	
}

#contentContainerD2 .mainCol.Home-D2-3Col-Main {
	padding-bottom:30px;
	margin:0 0 0 -1.1em;
	width:100%;
	max-width:520px;
}

#contentContainerD2 .mainMiddleCol.Home-D2-3Col-Mid {
	padding-bottom:30px;
	margin:0 0 0 -40px;
}

#contentContainerD2 .mainRightCol.Home-D2-3Col-Right, .mainRightCol.D2-Sub-Col-Right {
	float:right;
	width:100%;
	width:300px;
	padding-bottom:30px;
}

.mainRightCol, .mainRightCol.D2-2Col
{
	float:right;
	max-width:300px;
	width:100%;  
	padding-bottom:30px;
}

.TDSBPromotion
{
	margin-bottom:20px;
}

.TDSBPromotion img
{
	width:100%;
	height:auto;
	max-width:260px;
}


.mainCol img {
	max-width:100%;
	height:auto;
	overflow:hidden;	
}

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


#contentContainerD2 .mainMiddleCol img
{
	width:auto;
	max-width:100%;
}

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

.mainRightCol.D2-2Col
{
	float:right;
	width:300px;
	margin:0 -1em 0 0;
}

#contentContainerD2 .mainRightCol img,
.mainRightCol.D2-2Col img {
	width:auto;
	height:auto;
}

.mainRightCol img {
	max-width:260px;
}


/****** School Open House CSS Notice - School Landing Page ******/
.spcOpenHouseNotice
{
	position: relative;
	float:right;
	width:230px; 
	margin:0px 20px 0 20px;
	padding:0px 0px;
}

.spcOpenHouseNoticeArea
{
	border:1px solid #C6C6C6;
	background-color:#FFF;
	width:230px;
	padding:10px 10px;
	margin-bottom:10px;
}

.spcOpenHouseNoticeIcon
{
	width:100%;
	height:50px;
	background-color:#6280BF;
	background-image:url(/images/TDSB/icon_openHouseSPC.jpg);
	background-repeat: no-repeat;
	border:none;
	margin-bottom:10px;
}

.spcOpenHouseNoticeArea .spcOpenHouseNoticeTextBox
{
	font-size: 0.9em;
    line-height: 1.4em;
	vertical-align:middle;
	padding:8px 10px 10px 12px;
	min-height:63px;
	overflow:hidden;
	background-color:#EDF7F9;
	width:auto;
}

.openHeadline
{
	font-weight: bold;
}
/****** End of School Open House CSS Notice - School Landing Page ******/





/*********** About Us SPC Page *************************/
div.SchoolContent, .spcContentBox {
    width: 100%!important;
}

.spcContentBoxLeft {
    width: 58%!important;
}

.spcContentBoxRight {
    width: 36%!important;
}

.spcInfoBoxRight {
    width: 50%!important;
}

#contentContainerD2 .spcInfoBoxRight {
    width: 50%!important;
}

.spcMapBox {
	max-width:290px;
	margin:0;
}
.spcBtnBox {
	margin:-10px 0 -15px 10px!important;
}

#contentContainerD2 .spcBtnBox {
	margin:-10px 0 -15px 10px!important;
}
/***********End of About Us SPC Page  *****************/

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

.col-sm-12 .D1schoolNameBox, .col-sm-12 .D2schoolNameBox {
	padding-left:0 !important;
	padding-right:0 !important;
}

.D1NameBox
 {
	width:100%;
}
 
.D1schoolNameBox, .D2schoolNameBox,

.D1schoolNameBox h1 a:link, .D1schoolNameBox h1 a:visited,
.D1schoolNameBox h1 a:active, .D1schoolNameBox h1 a:hover, 

.D2schoolNameBox h1 a:link,  .D2schoolNameBox h1 a:visited,
.D2schoolNameBox h1 a:active,  .D2schoolNameBox h1 a:hover 
 {
	width:100%;
	height:2.2em; /**/
    font-size: 2.2em;
	font-size: 2vw; /*	*/
    font-weight: bold;
    text-align: center;
	vertical-align:middle; 
	padding-left:0 !important;
	padding-right:0 !important;
}



.D1schoolNameBox {
	margin:0 auto;
	width:100%;
	max-width:1260px;
	border-top-style:none;
	border-top-width:0px; 
}


.D1schoolNameBox a:link, .D1schoolNameBox a:visited,
.D1schoolNameBox a:active, .D1schoolNameBox a:hover, 
.D1schoolNameLink a.D1schoolNameLink:link, a.D1schoolNameLink:visited,
a.D1schoolNameLink:active, a.D1schoolNameLink:hover,

.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;
} 



#D2schoolBannerBox
{
	width:100%;
	height:auto;
	max-width:1260px;
	max-height:400px;
	overflow:hidden;
	margin:0 auto;
}

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


.bannerHomePage, .bannerSubPage
{
	height:auto;
	max-height:400px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}


.bannerHomePage img, .bannerSubPage img
{
	width:100%;
	height:auto;
	max-height:400px;
}

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




/***********************  Start of Search Items  ******************************/
/********** Seaarch Items D1 ***********/

#schoolSearchBar, #schoolSearchBarBox, #schoolSearchItemsBox {
    width: 100%;
}

#schoolSearchBar
{
	height:3.438em;  
	border-style:solid;
	border-width:5px;
	border-color:transparent;
	border-left-width:0em;
	border-left-style:none;
	border-left-color:transparent;
	border-right-width:0em;
	border-right-style:none;
	border-right-color:transparent;
	border-top-width:5px;
	border-bottom-width:5px;
	padding: 0 4% 0% 4%;  
}


#schoolSearchBarBox {
	margin: 2% auto 0 auto;
	padding:2px 2% 0 0;
	max-width:1260px;
	height:1.625em;
	margin-top:0.500em;
}

.D2navSearchContainer {
	height:46px;
	width:100%;
	max-width:1260px;
	margin:0 auto;
}

 #schoolSearchItemsBox,  #D2TopNavBar #schoolSearchItemsBox {
    width:87.5%;
    margin: 0;
	padding-top:1px;
	height:29px;
	float:right;
	background-color:#FFF;
}


.D2SearchItemsWrapper {
	width:45%;
	float:right;
	margin-left:12%;
	padding:0.68em 0 0 0;
	margin-left:0;
	margin-right:29.5%;
}

#D2TopNavBar #schoolSearchItemsBox {
	width:100%;
	background-color:white;
	border:1px solid #8E8E8E; 
	margin-top:0.068em;
	height:2em!important;
}


/*****  CSS for Search Box ****/
 .search {

	position:relative!important;
	float: right!important;
    width: 100%!important;
	min-width:100%!important;
    height: 1.500em!important;
    border-radius: none!important;
    margin-top: 0px!important;
    margin-left: 0.750em!important;
}


/*****  CSS for Search Icon Box ****/
#search-action, .SearchButton, .search-toggle-icon {
	font-size:1.375em!important;
}


.search a.SearchButton:link, .search a.SearchButton:visited,
#search-action, .SearchButton, .search-toggle-icon, 
#D2TopNavBar .search a.SearchButton:link,  #D2TopNavBar .search a.SearchButton:visited,
#D2TopNavBar #search-action, #D2TopNavBar .SearchButton, #D2TopNavBar .search-toggle-icon  {
    float: right!important;
    display: inline-block!important;
    height: 1em!important;
    width: 1.875em!important;
    text-indent: -9999px!important;
    padding:0!important;
    margin: 0.100em 0 0 0!important;
    border-radius: 0.188em!important;
    background: url(images/search_black.png) no-repeat center center!important;
	background-color: none!important;
}

#D2TopNavBar .search a.SearchButton:link,  #D2TopNavBar .search a.SearchButton:visited,
#D2TopNavBar #search-action, #D2TopNavBar .SearchButton, #D2TopNavBar .search-toggle-icon  {
    margin: -1.008em 0 0 0!important;
	position:absolute;
	right:0em;
}



/***** Colour of Text in the Search Input Text Box *****/
#schoolSearchBarBox a.SkinObject:link, #schoolSearchBarBox a.SkinObject:visited, #schoolSearchBarBox a.SkinObject:hover, #schoolSearchBarBox a.SkinObject:active, #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .SkinObject label, #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox,
#D2TopNavBar #schoolSearchBarBox a.SkinObject:link, #D2TopNavBar #schoolSearchBarBox a.SkinObject:visited,
#D2TopNavBar #schoolSearchBarBox a.SkinObject:hover, #D2TopNavBar #schoolSearchBarBox a.SkinObject:active,
#D2TopNavBar #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .SkinObject label,
#D2TopNavBar #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox 
{
	color:#000;  
	padding-top:0.448em;
	width:100%!important;
}


#D2TopNavBar #schoolSearchBarBox a.SkinObject:link, #D2TopNavBar #schoolSearchBarBox a.SkinObject:visited,
#D2TopNavBar #schoolSearchBarBox a.SkinObject:hover, #D2TopNavBar #schoolSearchBarBox a.SkinObject:active,
#D2TopNavBar #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .SkinObject label,
#D2TopNavBar #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox 
{
	width:90%!important;
}

.searchInputContainer,  #D2TopNavBar .searchInputContainer {

	display: inline-block!important;
    margin: 0 -3px 0 0!important;
    position: relative!important;
}

#D2TopNavBar .searchInputContainer {
    display: block!important;
	margin-right:-1.6em!important;
}

.searchInputContainer input, #D2TopNavBar .searchInputContainer input {
    border: 0;
    outline: 0!important;
    width: 100%!important;
    height: auto!important;
    margin: 0;
    padding:0px 0px 0 0.550em;
    font-size: 0.80em!important;
}

::-webkit-input-placeholder {
  color: #767676!important;
  opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
  color: #767676!important;
  opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #767676!important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #767676!important;
  opacity: 1;
}

/****  Controls the Search Clear Icon *****/
.searchInputContainer a.dnnSearchBoxClearText {
    right: 10px!important;
    width: 1em!important;
    height: 1em!important;
    margin: 0.438em 0 0.438em 0!important;
}


.searchInputContainer a.dnnSearchBoxClearText, #D2TopNavBar .searchInputContainer a.dnnSearchBoxClearText {
    right: 2.188em!important;
	bottom:-0.258em!important;
	margin-right:0.625em!important;
}

#D2TopNavBar .searchInputContainer a.dnnSearchBoxClearText {
	right: 3em!important;
	bottom:-0.278em!important;
}

/***  Bootster Override *****/
ul.searchSkinObjectPreview {
    top: 120%!important;
}

#schoolSearchLogin
{
	font-size: 0.84em;
	margin:-1% 0 0 1.5%;
}

#schoolSearchBarBox .emptyPageSearchBar {
	margin:0 auto;
	padding:0 auto;
	width:92%;
	padding-left:2%;
}

.emptyPageSearchBar #schoolSearchItemsBox {
	margin:0 auto;
	padding:0 auto;
	width:100%;
}

.D2NavButtonBox {
	float:left;
	height:40px;
	width:13%;
	margin:-0.10em 0 0 0;
}

#schoolSearchLogin a, #schoolLogin a {
	color:white!important;
	text-decoration:none;
	float:left;
	border:1px solid #777;
	background-color:#333;	
	padding:0.40em 1em;
	margin:2.4em 0.48em 2em 0;
	font-size:0.80em;
}


#contentContainerD2 #schoolLogin
{
	margin:0;
	color: #000!important;
	font-weight:bold;
	width:100%;
	font-size:1em!important;
}



/**** Search Hint Box *****/
ul.searchSkinObjectPreview {
    display:none;
}

/**** Search Result Page Advance Box ****/
.dnnSearchBoxPanel {
    display: none;
}


/**** Search Result Page Result Box ****/
.dnnSearchResultPanel {
    display: none;
}

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


/******* Bootstrap Overrides for D1 & D2 Nav Bars ******* */

#D2TopNavBar.navbar
{
	border-radius:0 !important;
	min-height:36px !important;	
	border:none!important;
	width:100%!important;	
}

#D2TopNavBar .navbar-inverse {
	background-color:transparent!important;
	border-color:transparent!important;
	margin-bottom:-10px!important;
}

#D2TopNavBar.navbar-inverse .pull-right {
	background-color:#FFF!important;
	float:left!important;
}

.col-sm-12, .col-xs-3, .col-xs-6 {
	padding-left:0px!important;
	padding-right:0px!important;
}


#D2TopNavBar .navbar-toggle {
    display: block!important;
	float:left!important;
	margin:0.76em 0.90em 0 2em!important;
	padding: 0.38em 0.90em 0.16em 0.90em !important;
	border:1px solid !important;
	border-radius:0!important;
}

.D2navWrapper .navbar-collapse.collapse {
    display: none!important;  
}


.D2navWrapper .navbar-collapse.collapse.in{
    display: block!important;	
} 


.navBarBox {
	border:2px solid #F6C;
	width:1260px;
	margin:0 auto;
} 

#D2schoolBannerBox p {
	margin:0!important;
}

#D2TopNavBar button {
	width:6.2em !important;
}

#D2TopNavBar .navbar-toggle .icon-bar {
    height: 0.164em!important;
    border-radius: 0!important;	
	width: 1.1em!important;
}

#D2TopNavBar .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 0.29em!important;	
}

/*** End of Bootstrap Overrides ******/
/*************************************/


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



/******* Login Page Text *******/
div.loginContent span {
	font-size:0.78em;
	text-align:left;
}


/*********************************************************************************/
/****************************     footer container    ****************************/
/*********************************************************************************/

footer {
	padding-top:0px;
}

footer h3
{	
	font-size:1.1em!important;
	padding-bottom:10px;
	overflow:hidden;
}


footer h3 label, .footerContactInfo label
{	
	font-size:0.98em!important;
	font-weight:normal!important;
}


.footerColBoxContainer
{
	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 */
}

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


.footerBoxD2, .termsConditionsBoxD2 {
	width:100%;
}

#LeftPaneFooter, #MiddlePaneFooter, #RightPaneFooter
{
float:left; 
}

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

.mainFooterIBleft
{
	width:250px;
	margin-right:30px;
}

.mainFooterIBmiddle
{
	width:400px;
}

.mainFooterIBright
{
	width:450px;
	margin-left:30px; 
}


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

#footerContactIcons
{
	float:left;
	width: 25px; 
	font-size:1.6em;
	margin:-5px 15px 3px 0;
}

 .footerContactInfo
{
	float:left;
	font-size:1.1em;
	overflow:hidden; 
}


.footerLeadershipLabel {
	font-size:0.98em!important;
	float:left;
	margin-right:9px;
	clear:left;
}


.footerLeadershipNames {
	font-size:0.98em!important;
	float:left;
}

.footerGoogleMap {
	width:430px;
	height:185px;
}

.mainFooterBottomBox, .mainFooterBottomBoxD2
{
	margin:0 auto;
	width:100%;
	max-width:1260px;
	height:45px;
	padding:20px 30px 35px 30px;
	text-align:center;
}

.mainFooterBottomBox a:link, .mainFooterBottomBox a:visited,
.mainFooterBottomBox a:active, .mainFooterBottomBox a:hover
{
	background-color:none; 
}

.mainFooterBottomBoxD2
{
	padding:15px 30px 25px 25px;
}

.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: 1295px) {
/**** Bootstrap Overide for columns ****/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left:0!important;
	padding-right:0!important;
}

 #schoolSearchItemsBox {
    width:87%;
}
}

@media (min-width: 991px) and (max-width: 1295px) {	
#contentContainer {
/*	background-color:grey;  D1 Testing */
} 

.D2pageFrame {
/*	background-color:grey;   Test only  */
}

/***** Search Items ***********/

#schoolSearchItemsBox {
    width:95.5%;
	margin-right:-2em;
}

.D2SearchItemsWrapper {
margin-left:0;
}

/***** Search Items ***********/

#contentContainer, #contentContainerD2, .mainFooterBottomBox, .mainFooterBottomBoxD2 {
	width:100%;
}

#contentContainerD2 .mainCol.Home-D2-3Col-Main {
	margin:0 0 0 0;
}

.mainCol.D1-Col-1 {

}

.mainCol.D2-Sub-Col-1 {
	width:96%;
}

.mainCol.D2-Col-2 
 {
    margin-left:0;
}

#TDSBbannerItemsBox {
    border-right: none;
	width:100%;
	max-width:100%;
	margin:0;
}
#TDSBBannerLogoBox  {
	width:20%;
	padding-left:-1%;
	margin:0;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

#TDSBBannerLogoBox img
{
	display:inline-box;
	vertical-align:middle;
	padding:2.5% 0;
}

#TDSBBannerAlertBox {
	width:80%;
	max-width:80%;
    padding: 10px 10px 4px 12px; 
    height: 52px;
    margin: 0px 0 0 0;
}

#accessArea1, #accessArea2, #accessArea3 {
	max-width:28%;
	margin-left:0.10em;
	padding-left:0.10em;
}

#accessArea1 {
	padding-top:8px;
	max-width:31%;	
}

#accessArea2 {
	padding:5px 1% 0 1%;
	max-width:34%;
}

#accessArea3 {
	max-width:30%;	
}

#RightPaneFooter {
    margin-left:0px;
}

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

.accessWheelIcon  {
	margin-left:0%;
	width:30px;
}

.mainCol {
	margin-left:-15px;
	max-width:570px;
}

.mainRightCol.D2-2Col {
	margin:0 0 0 0;
}
}



@media (min-width: 991px) and (max-width: 1255px) {
#contentContainer {
/*	background-color:orange;  *** D1 Testing ****/
	padding:3.2% 1.30% 5% 1.30%;
}

.D2pageFrame {
/* 	background-color:orange; Test only  */
}

/************** Search Items **********************/
#schoolSearchItemsBox {
    width:93.5%;
	margin-right:-2.5em;
}
/**************************************************/

.leftNavBox
{
	margin-left:10px;
}

.mainCol {
	margin-left:-20px;
	max-width:590px;
}

.col-md-6 mainCol {
	padding-left:2.35%;
	padding-right:2.35%;
}

.col-md-12 .mainFooterBottomBox {
	padding-left:0!important;
	padding-right:0!important;
}


.mainRightCol img {
	height:auto;  
	max-width:100%;
}


.mainMiddleCol.Home-D2-3Col-Mid img {
	width:auto;
	height:auto;
	max-width:300px;
}

.mainCol, .mainCol.D1-Col-1  {
	margin-left:4%;
	width:90%;
	max-width:520px;
}

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

.col-md-3 .mainRightCol {
	padding-left:1.35%;
}

#contentContainerD2 .mainCol.Home-D2-3Col-Main {
    margin-left: 1%;
    width: 90%;
    float: left;
}

#contentContainerD2 .mainMiddleCol.Home-D2-3Col-Mid {
    width:100%;
	max-width:300px;
	padding-bottom: 30px;
	margin-left:-12%;
}

#contentContainerD2 .mainRightCol.Home-D2-3Col-Right, .mainRightCol.D2-Sub-Col-Right {
    float: left;
	width:100%;
    max-width: 300px;
    padding-bottom: 30px;
	margin-left:-2%;
}

.mainCol.D2-Col-2 
 {
	width:80%;
	max-width:88%;
	margin-right:12%;
}

.mainRightCol.D2-2Col
{
	min-width:300px;
	margin-left:2em;
	float:right;
	width:300px;
}

.mainRightCol.D2-2Col img {
	width:300px;
}

.mainCol.D2-Sub-Col-2 {
	width:85%;
}

/************ SPC About Us Page *************/
#contentContainerD2 .spcContentBoxLeft {
    width: 66%!important;
}

#contentContainerD2 .spcContentBoxRight {
    margin-left:0!important;
	width:66%!important;
}

.spcInfoBoxRight {
    width: 40%!important;
}

#contentContainerD2 .spcInfoBoxleft {
    width:40%!important;
	margin-right:20px!important;
}

#contentContainerD2  .spcInfoBoxRight {
	width: 53%!important;
}
}


@media (min-width: 992px) and (max-width: 1109px) {
.spcInfoBoxLeft {
    width: 40%!important;
}

.spcInfoBoxRight {
    width: 98%!important;	
}

#contentContainerD2 .spcInfoBoxLeft {
    width: 45%!important;
}

#contentContainerD2 .spcInfoBoxRight {
    width: 54%!important;	
}
}
/*********************************************/

@media (min-width: 992px) and (max-width: 1076px) {
#contentContainer {
/*	background-color:pink; ***  D1 Testing ****/
}

.D2pageFrame {
/*	background-color:pink;  Test only  */
	width:auto;
}


/*********** Search Items ***************/
#schoolSearchItemsBox {
    width:90%;
	margin-right:-1em;
}

.D2SearchItemsWrapper {
	margin-left:11.4%;
}
/***************************************/


.leftNavBox
{
	margin-left:3%;
}

.mainCol {
	margin-left:5%;
	max-width:430px;
}

.col-md-3 .mainRightCol {
	margin-right:9%;
}

.mainCol.D2-Col-2 
 {
	width:76%;
}

.mainFooterIBleft {
    margin-left: -2%;
}

.mainFooterIBmiddle, .mainFooterIBright {
    margin-left: -10%;
}

/************  SPC Abut Us Page  ***************/

#contentContainerD2 .spcContentBoxLeft {
    width: 62%!important;
}

#contentContainerD2 .spcInfoBoxRight {
    width: 45%!important;
}
/*********************************************/
#RightPaneFooter  {
    margin-left: -7%;
}
}


@media (max-width: 991px) {
	
#contentContainer, #contentContainerD2 {
	width:100%;
/*	background-color:PowderBlue;   *** For Testing - Remove ****/
}

.D2pageFrame {
/*	background-color:PowderBlue;  Test only  */
}

/********** Search Items ******************/
#schoolSearchItemsBox {
    width:117%;
	margin-right:-2em;
}

.D2SearchItemsWrapper {
	width:84%;
	margin-left:-3%;
	margin-right:4%;
}

#D2TopNavBar #schoolSearchItemsBox  
{
	width:98%;
}
/*****************************************/


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


#TDSBBannerAlertBox  
{
	margin:5px 0 0 0;
	width:100%;
	max-width:100%;
}

.accessWheelIcon  {
	margin-left:0%;
	width:30px;
}

#accessArea1 {
	padding:10px 8px 0 0;
	max-width:32%;
}

#accessArea2 {
	padding:5px 0% 0 0%;
	max-width:32%;
	margin:4px 0 0 8px;	
}

#accessArea3 {
	max-width:29%;	
	margin-left:5px;
}

.cirBorder-White, .cirBorder-Yellow, .cirBorder-Orange, .cirBorder-Black, .cirBorder-Text1, .cirBorder-Text2, .cirBorder-Text3 {
    margin: -5px 0 0 5px;
}


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

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

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

/*use for D2 */
.D2navWrapper .navbar-collapse.collapse.in  {
    background-color: #3F3F3F!important;
}

.D2NavButtonBox {
	width:8%;
	margin:0em 0 0 5%;
}

#D2TopNavBar .navbar-toggle {
    margin: 0.92em 0.96em 0 0!important;
}

#D2TopNavBar button .navButtonName {
	display:none;
}

#D2TopNavBar button {
     width: inherit!important; 
	 padding-left:0!important;
}
/****************************************************/

#emptyPageHideNav {
	display: block;
}

.mainCol
{		
	width:62%;
	max-width:62%;
	margin-left:0;
}

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

.mainRightCol {
	margin:0 -1% 0 0%;
}

.mainCol.D2-Sub-Col-1 {
	width:96%;
}


#contentContainerD2 .mainCol.Home-D2-3Col-Main {
    float: left;
    margin: 0;
	width: 93%;
    max-width: 700px;
}


#contentContainerD2 .mainMiddleCol.Home-D2-3Col-Mid {
    float: right;
	padding-bottom: 30px;
    width: 100%;
	max-width:300px;  
}


#contentContainerD2 .mainRightCol.Home-D2-3Col-Right, .mainRightCol.D2-Sub-Col-Right {
    float: left;
    width: 100%;
    max-width: 300px;
    padding-bottom: 30px;
	margin-left:-0.88em;
}

#contentContainerD2 .mainRightCol.D2-Sub-Col-Right {
	margin-left:-0.78em;
}

.mainCol.D2-Col-2 
 {
    width: 73%;
	margin:0 2.2em 0 0;
}

.mainRightCol.D2-2Col
{
	margin:0 0 0 0;
	width:300px;
}

.mainCol.D2-Sub-Col-2 {
	width:auto;
	max-width:385px;
}


.subPageNav {
	margin-top:0!important;
	margin-bottom:0!important;
	padding-bottom:0px!important;
}
#contentContainerD2 .leftNavBoxD2 {
	margin-bottom:-15px!important;
}

/********** SPC About Us Content **********/
#contentContainerD2 .SchoolContent, #contentContainerD2 .spcContentBox  {
	width: auto!important;
}

#contentContainerD2 .SchoolContent {
	float:left!important;
	margin-left:2.4em;
}

.spcContentBoxLeft {
    width: 62%!important;
}

.spcInfoBoxLeft {
	width:35%!important;
}

.spcInfoBoxRight {
    width: 60%!important;
}

#contentContainerD2 .spcInfoBoxLeft {
		width:35%!important;
}

#contentContainerD2 .spcInfoBoxRight {
    width: 58%!important;
}

.spcBtnBox {
    margin: 5px 1px -5px 8px;
}
/*********************************************/






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

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

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

.mainFooterIBmiddle {
	margin-left:0;
	width:50%;
}

footer #RightPaneFooter {
	margin:3% 0 0 10px;
	width:98%;
	border-top:1px solid #AEB1AB;
	padding-top:2%;
}

.mainFooterBottomBox
{
	width:100%;
}


/********BootStrap for D1 & D2 Nav Bars *******/
.D1buttonBar, .leftNavBox, .mainCol {
	margin-left:0;
}
	
.D1buttonBar {
	width:100%;
	height:36px;
	background-color:transparent;
}

#D1navBar
{
	display:block;
} 

.leftNavBox
{
	width:100%!important;
	background-color:#FFF!important;
	border:none!important;
	margin-bottom:2em;
}

.leftNavBox .RadPanelBar
{
	width:100%!important;
	display:block;
	margin-left:-4px!important;
}


#D1navBar.navbar-default .navbar-toggle
{
	background-color:#333 !important;
	border-color:#444;
	float:left;
	margin:-4px 0 0 -10%;
}  

#D1navBar.navbar-default .navbar-toggle .icon-bar
{
	background-color:#FFF !important;
}

#D1navBar.navbar.navbar-default .navbar-form {
	padding-right:0!important; 
}


#D1navBar.navbar.navbar-default .collapse.in  {
	display:block!important; 
	width:100%!important; 
	overflow:auto!important;
}



#D1navBar.navbar.navbar-default .collapse  {
	display:none !important;
	padding-right:0!important; 
	border-color: transparent!important;
	overflow:auto!important;
}


.leftNavBox .navbar-collapse.collapse.collapse {
	display:none!important;
}


.leftNavBox .navbar-collapse.collapse.collapse.in {
	display:block!important;
}


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

#D1navBar.navbar.navbar-default .pull-right
{
	float:left!important;
	width:100%!important;
}


/**** D2 Top Nav Bar *****/

#D2TopNavBar.navbar.navbar-inverse {
	width:100%;
}

#D2TopNavBar.navbar.navbar-inverse .collapse.in {
	display:block!important;
	width:100%!important;
	overflow:auto!important;
}

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

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

#D1navBar .pull-right,
#D2TopNavBar .pull-right
{
	float:left!important;
	width:100%!important;
}

#D2TopNavBar.navbar.navbar-inverse .navbar-toggle,
#D2TopNavBar.navbar.navbar-inverse .navbar-toggle:hover,
#D2TopNavBar.navbar.navbar-inverse .navbar-toggle:focus {
	float:left!important;
	background-color:#333!important;
}

#D1navBar.navbar.navbar-inverse .navbar-nav,
#D2TopNavBar.navbar.navbar-inverse .navbar-nav {
	float:none!important;
	margin-bottom:5px;
}

#D2TopNavBar.navbar.navbar-inverse .navbar-nav .dropdown-menu {
	position:relative;
	float:none;
}

#D2TopNavBar.navbar-inverse .navbar-nav .active > a {
	color:#FFF!important;
	background-color:#7b7b7b!important;
}


/**** Hamburger Menu Overrides  *****/
#dnnMenu .dropdown-menu {
	border-color:#222!important;
}

#D2TopNavBar.navbar-inverse #dnnMenu .dropdown-menu li.active > a {
	background:#4a4f54!important;
}


#dnnMenu .topLevel > li > a,
#dnnMenu .topLevel .dropdown-menu.subLevel a span {
	color:#fff!important;
}

#dnnMenu .topLevel li a:hover {
	background-color:#888C8F!important;
}

#dnnMenu .topLevel > li > a:hover span {
	color:white  !important;
}


#dnnMenu .dropdown-menu li:hover {
	background:#444!important;
}

#dnnMenu .topLevel > .open > a,
#dnnMenu .topLevel > .open > a:hover, #dnnMenu .topLevel > .open > a:focus {
	background-color:#222!important;
}

#dnnMenu .topLevel > li > a:focus {
	background:#222!important;
}

.D2navWrapper {
    width: auto!important;
}

.navbar-collapse {
    padding-right:0!important; 
    padding-left:0!important;
}

.navbar-nav {
    float: none!important;
	margin:7.5px 0!important;
}
/**** BootStrap for top nav END ******/

.D2pageFrame .spcContentBoxRight {
    width: auto!important;
}
}



@media (min-width: 768px) and (max-width: 942px) {	
#contentContainer {
/*	background-color:PeachPuff;  **  D1 Testing ***/
}

.D2pageFrame {
/* background-color:PeachPuff; 	 	 Test only  */
}

#TDSBBannerAlertBox {
	display:none;
}

.mainCol {
	width:60%;
	margin-right:2.2%;
}

.mainRightCol {
	margin:0 -2.2% 0 0px;
}

.mainCol.D2-Sub-Col-1 {
	width:96%;
	padding-left:2em;
}

#contentContainerD2 .mainCol.D2-Sub-Col-2 {
	margin-left:2em;
	width:78%;
}

#TDSBbannerItemsBox {
	width:100%;
}


#TDSBBannerSiBox {
	float:right;
}
	

/*use for D2 */
.D2NavButtonBox {
	width:8%;
	margin:-0.28em 0 0 2.6%;
}

#D2TopNavBar button {
     width: inherit!important; 
}

#D2TopNavBar .navbar-toggle {
    margin: 1.2em 0.96em 0 0!important;
}

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

.mainCol.D2-Col-2 
 {
    width: 68%;
	margin:0 2.2em 0 0;
}

.mainRightCol.D2-2Col
{
	width:300px;
	max-width:auto;
}

.mainRightCol.D2-2Col img
{
	width:100%;
	max-width:auto;
}


.mainCol.D2-Sub-Col-2 {
	width:88%;
	max-width:370px;
}


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

/********* SPC About Us Page  ****************/
.spcContentBoxLeft {
    width: 62%!important;
}

.spcContentBoxRight {
    margin-left:0!important;
	width:63%!important;
}

#contentContainerD2 .spcInfoBoxLeft {
    width:42%!important;
}

#contentContainerD2 .spcInfoBoxRight {
	margin-left:0!important;
	width:54%!important;
}

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

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


.mainFooterIBmiddle {
	margin-left:5px;
}


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

.mainFooterIBright {
	float:right;
}
}



@media (min-width: 768px) and (orientation : portrait) {	
#TDSBBannerLogoBox, #TDSBBannerLogoBox img
{
	margin:1px 0 0 0px;
}
}



@media (max-width: 800px) {
#contentContainer {
/*	background-color:Khaki;  **** D1 Testing  *****/
}

.D2pageFrame {
/* 	background-color:Khaki;  Test only  */
}

/**************** Search Items *********************/
#schoolSearchItemsBox {
    width:112%;
	margin-right:-1.2em;
}

.D1buttonBar, .leftNavBox, .mainCol {
    margin-left:0; 
}

.D1buttonBar {
    margin-left: 10px;
}

#D1navBar.navbar.navbar-default .collapse.in {
    width: 98%!important;
}

.D2NavButtonBox {
	width:8%;
	margin:-0.08em 0 0 2.6%;
}

#D2TopNavBar button {
     width: inherit!important; 
}

#D2TopNavBar .navbar-toggle {
	padding-bottom:0.328em!important;
	margin-top: 0.86em!important;
}

.D2SearchItemsWrapper {
	width:85%;

}

#D2TopNavBar #schoolSearchItemsBox  
{
	width:97.6%;
}
/************ End of Search Items *******************/

.mainCol {
	width:52%;
	margin-left:1%;
	padding-bottom:3%;
}


.mainRightCol {
    margin: 0 1% 0 0;
}

.mainCol.D2-Col-2 
 {
    width: 62%;
}

/************** SPC About Us Page *****************/
.spcInfoBox {
    border-bottom:none;
	width:100%!important;
}

.spcInfoBoxLeft {
	width:225px;   
}

.spcInfoBoxRight {
	width:62%!important; 
}

.spcContentBoxLeft {
    width: 90%!important;
}

.spcContentBoxRight {
    width: 90%!important;
}

.spcBtnBox {
	margin:5px 5% -15px 10px;
	clear:both;
}
/*********************************************/
#LeftPaneFooter {
	float:left;
	width:50%;
	margin:0 15px 25px 2%;
	height:auto;
	border-right:none;
}

.mainFooterIBmiddle {
	float:right;
	width:auto;
	margin-left:0;
	border-left: none !important; 
}

footer #RightPaneFooter {
     margin:20px 1% 0 1%; 
	 border-top:1px solid #AEB1AB;
	 padding: 3% 0 1% 0;
	 width:98%;
}
}


@media (min-width: 800px) and (max-width: 926px) {
.spcInfoBoxRight {
    width:100%!important;
}
}

@media (max-width: 767px) {	
#contentContainer {
	width:100%;
/*	background-color:HotPink;   *** For Testing - Remove ****/
}

.D2pageFrame {
/*	background-color:HotPink;  Test only  */
}

/************** Search Items *****************/
#schoolSearchItemsBox {
    width:100%;
	margin-right:-5em;
}

.D2SearchItemsWrapper {
	width:82%;
	margin-left:0em;
	margin-right:5%;
}

#D2TopNavBar #schoolSearchItemsBox  
{
	width:100%;
}
/*******************************************/

body {
	margin:0;
	padding:0;
}

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

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

#TDSBbannerItemsBox {
	width:100%;
	right:12%;
}

#TDSBBannerAlertBox {
	display:none;
}

#TDSBBannerSiBox {
	float:right;
}

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

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

#schoolSearchBarBox .col-sm-2 {
	width:8%;
}

#schoolSearchBarBox .col-sm-10 {
	width:92%;
}

#schoolSearchBarBox {
	width:98%;
	padding-right:6em!important;
}


#schoolSearchBarBox .emptyPageSearchBar {
	width:90%;
	padding-left:0;
	padding-right:0;
}


#D1navBar.navbar.navbar-default .collapse.in {
    width: 90%!important;
}

/*use for D2 */
.D2NavButtonBox {
	width:7%;
	margin:-0.28em 2% 0 3%;
}

#D2TopNavBar button {
     width: inherit!important; 
}
/*  End use for D2 */


#D1navBar.navbar-default .navbar-toggle {
    margin-left: 2%;
}

.leftNavBox .rpRootGroup {
	width:auto;
}

.mainCol {
	width:100%;
	max-width:100%;
	margin-left:0%;
}

.mainRightCol {
	margin-top:5%;
	float:left;
	min-width:100%;
}

.mainCol.D2-Sub-Col-1 {
	width:99%;
	padding-left:0;
	margin:1em 0 0 0;
}

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

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


#contentContainerD2 .mainCol.Home-D2-3Col-Main {
	width:100%;
	max-width:100%;
}

#contentContainerD2 .mainMiddleCol.Home-D2-3Col-Mid {
    float: left;
    width: 85%;
    max-width: 300px;
    margin:1.4em 2% 0 0.6%;
}

#contentContainerD2 .mainRightCol.Home-D2-3Col-Right, .mainRightCol.D2-Sub-Col-Right {
    float: left;
    width: 85%;
    max-width: 300px;
	margin:1.4em 1.8em 0 0;
}

.mainCol.D2-Col-2 
 {
    width: 52%;
    max-width: auto;
	margin:0 0 0 0;
}

.mainRightCol.D2-2Col
{
	float:right;
	width:auto;
	min-width:auto;
	margin:0em 0 0 0;
}

#contentContainerD2 .mainRightCol.D2-Sub-Col-Right {
	margin-left:0.18em;
}

.mainRightCol img, .mainRightCol.D2-2Col img
{
	width:auto;
	height:auto;
	min-width:auto;
	max-width:100%;
}



.mainCol.D2-Sub-Col-2 {
	width:auto;
	max-width:100%;
	margin:4% 1% 0 1%;
}

/**** End of D2 *****/

#LeftPaneFooter, .mainFooterIBmiddle, .mainFooterIBright  {
	float:left;
	height:auto;
	margin:3% 2% 25px 1%;
	width:96%;
	border:none;
	border-bottom:1px solid #AEB1AB;
	padding:0 2%;
}

.mainFooterIBmiddle  {
	padding-bottom:6%;
}

footer #RightPaneFooter  {
	border:none;
	margin:0;
	padding:0 3%;
}


#contentContainerD2 .SchoolContent {
	margin-left:1.4em;
}
}


/***** Fix for landscape zoom bug with ios devices *****/
@media only screen and (max-width: 767px) and (orientation : landscape) {
.container {
	width:94%;
}

#contentContainer {
	width:94%;
/*	background-color:DarkSeaGreen;   *** For Testing - Remove ****/
}

.D2pageFrame {
/*	background-color:DarkSeaGreen;   Test only  */
}

/********* Search Items **********/
#schoolSearchItemsBox {
    width:110%;
	margin-right:-5em;
}

.D1buttonBar {
    margin-left: 20px;
}

.D2NavButtonBox {
    width: 8%;
	margin-top:0.300em;
}

#D2TopNavBar .navbar-toggle {
	padding-bottom:0.328em!important;
	margin-top:0.500em!important;
}

.D2SearchItemsWrapper {
	width:80%;
	margin-right:5%;
}

#D2TopNavBar #schoolSearchItemsBox {
    width:100%;
	margin-right:0;
}
/**********************************/
}

 
@media (min-width: 640px) and (max-width: 766px) {
#contentContainer {
/*	background-color:blue;   *** For Testing - Remove ****/
}

body {
	background-color:#FFF!important;
}

.mainCol.D2-Col-2 
 {
	width: auto;
	margin:0 0 0 0;
}

.mainRightCol.D2-2Col
{
	float:left;
	width:auto;
	min-width:auto;
	margin:0em 0 0 0;
}

.mainRightCol.D2-2Col img
{
	width:100%;
	height:auto;
}
}




@media (max-width: 640px) {
.container, .D2pageFrame {
/*	background-color:crimson;  *** For Testing - Remove ****/ 
}

body {
	background-color:#FFF!important;
}

.D1schoolNameBox, .D2schoolNameBox,

.D1schoolNameBox h1 a:link, .D1schoolNameBox h1 a:visited,
.D1schoolNameBox h1 a:active, .D1schoolNameBox h1 a:hover, 

.D2schoolNameBox h1 a:link,  .D2schoolNameBox h1 a:visited,
.D2schoolNameBox h1 a:active,  .D2schoolNameBox h1 a:hover 
 {
	font-size: 4.120vw; 	
/*	height:auto;*/
	padding-bottom:0.24em;
}

/*************Search Items ****************/
#schoolSearchItemsBox  
{
	width:110%;
	margin-right:-4.8em;
}

 /*use for D2 */
.D2NavButtonBox {
	padding-right:1%;
	margin-top:0.08em;
	width: 8%;
	margin-top:0.300em;
}

#D2TopNavBar .navbar-toggle {
	padding-bottom:0.328em!important;
	margin-top:0.500em!important;
}

.D2SearchItemsWrapper {
	width:80%;
	margin-right:3%;
}

#D2TopNavBar #schoolSearchItemsBox  
{
	width:100%;
}

.D2SearchItemsWrapper .searchInputContainer {
    width: 94%;
}

#D2TopNavBar .searchInputContainer a.dnnSearchBoxClearText {
	right:0!important;
}
/*****************************************/


.mainCol.D2-Col-2 
 {
    width: 100%;
    max-width: auto;
	margin:0 0 0 0;
}

.mainRightCol.D2-2Col
{
	float:left;
	width:300px;
	min-width:auto;
}

 .mainRightCol.D2-2Col img
{
	width:auto;
	height:auto;
	min-width:auto;
}
.mainFooterBottomBox, .mainFooterBottomBoxD2 {
	font-size:88%;
}

/************* SPC About Us Page **************/
.spcInfoBoxRight {
	width:98%!important; 
}

#contentContainerD2 .spcInfoBoxLeft {
		width:45%!important;
}

#contentContainerD2 .spcInfoBoxRight {
    width: 54%!important;
}
/**********************************************/
}



@media (max-width: 480px) {
.container, #contentContainer {
	width:95%;
/*	background-color:cyan; * Use full content colour for this breakpoint and below  **/  
}

.container, .D2pageFrame {
	width:95%;
/*	background-color:cyan;  *** For Testing - Remove ****/ 
}


/********** Seaarch Items D1 **********/

#D1navBar.navbar-default .navbar-toggle {
    margin: -4px 0 0 1em!important;
}

#schoolSearchBarBox {
	width:98%;
	padding-right:1%;
}

#schoolSearchBarBox .emptyPageSearchBar {
	width:82%;
	padding-left:0;
	padding-right:1.6em;
}

.D2NavButtonBox {
	width:12%;
	padding-right:1%;
	margin:0 2% 0 3%;
}

#D2TopNavBar button {
     width: inherit!important; 
}

.D2SearchItemsWrapper {
	width:76%;
}

.D2SearchItemsWrapper .searchInputContainer {
    width: 92%;
}
/*******************************************/

.mobileCol, #contentContainerD2 .mainMiddleCol.Home-D2-3Col-Mid {
    float: left;
    width: 100%!important;
    max-width: 300px;
    margin:1.4em 0 0 0;
}

.mobileCol, #contentContainerD2 .mainRightCol.Home-D2-3Col-Right, .mainRightCol.D2-Sub-Col-Right {
    float: left;
    width: 100%;
    max-width: 300px;
	margin:1.4em 1.8em 0 0;
}

.mainRightCol.D2-2Col
{
	width:100%;
}


div.SchoolContent {
    width: 90%!important;
}

.footerGoogleMap {
	width:290px;
	height:200px;
}

.mainFooterBottomBox, .mainFooterBottomBoxD2 {
    padding: 0.78em 0.575em;
	font-size:80%;
	height:auto;
}

/************* SPC About Us Page **************/

.spcContentBox, #contentContainerD2 .spcContentBox {
    margin-left: 1.5%;
}

#contentContainerD2 .spcContentBox {
    margin-left: -1%;
}

.spcInfoBox {
	width:99%!important;
}

.spcIntroBox, #contentContainerD2 .spcIntroBox  {
	width:110%!important;
	padding-right:0!important;
}

#contentContainerD2 .spcIntroBox {
	width:100%!important;
}

.spcMapBox {
	width:100%!important;
	height:auto;
}
/***********************************************/
}



@media (min-width: 453px) and (max-width: 479px) and (orientation : landscape) {
#contentContainer,
.container, .D2pageFrame {
 /*	background-color:GoldenRod ; *** For Testing - Remove ****/ 
}

/********Search Items ************/
.D2NavButtonBox {
/*	border:1px solid grey;  */
}
/*********************************/
.spcMap {
	margin-left:-10px;
}
}



@media (min-width: 320px) and (max-width: 480px) and (orientation : portrait) {
#contentContainer, .container, .D2pageFrame {
/*	background-color:purple;   *** For Testing - Remove ****/
}

/**** D2 Sub Nav *******/
.leftNavBoxD2 .RadPanelBar
{
	width:98%!important;
}

/**********Search Items ***************/
#schoolSearchBarBox {	
	padding-right:5.6em!important; 
}


#schoolSearchItemsBox  
{
	float:right;
}


/****** CSS for About Us Page *********/
.D1buttonBar {
    margin-left: 2px;
}

 /*use for D2 */
.D2NavButtonBox {
	padding-right:1%;
	width: 4%;
	margin-top:0.300em;
}

#D2TopNavBar .navbar-toggle {
	padding:0.38em 0.60em 0.328em 0.60em!important;
	margin-top:0.500em!important;
	margin-left:0.380em!important;
}

.D2SearchItemsWrapper {
	width:76%;
	margin-left:1em;
}
/*****************************************/

.mainCol.D1-Col-1 {
	max-width:95%;
	width:95%;
}

/*********** SPC About Us Page  ***************/
.spcContentBoxLeft, #contentContainerD2 .spcContentBoxLeft {
	width:110%!important;
	font-size:95%;
}

#contentContainerD2 .spcContentBoxLeft {
	width:100%!important;
}

.spcContentBoxLeft .spcInfoBox {
	width:99%!important;
}

.spcContentBoxLeft {
	width:100%!important;
}

#contentContainerD2 .spcInfoBoxRight {
	width:98%!important;
	margin-left:0!important;
}

.spcContentBoxRight {
	width:90%!important;
	margin-left:0;
}
/****************************************/

#contentContainerD2 .SchoolContent {
    margin-left:0.78em;
}
}




@media (max-width: 320px) and (orientation : portrait) {
#contentContainer, .container, .D2pageFrame {
/*	background-color:RosyBrown;   *** For Testing - Remove ****/
}

main {
	background-color:#FFF!important;
}

/*********Search Items *******************/
#schoolSearchBarBox {
	width:98%;
/*	padding-right:0%!important; */
}

.D1buttonBar {
    margin-left: -0.32em; 
}

#D2TopNavBar .navbar-toggle {
padding: 0.38em 0.60em 0.328em 0.60em !important;
margin-top: 0.730em!important;
}

.D2SearchItemsWrapper {
/*	background-color:RosyBrown; *** For Testing - Remove ****/
 	width: 71.5%;
    margin-left: 1em;
}
/*****************************************/

#D1navBar.navbar-default .navbar-toggle {
    margin: -4px 0 0 1em!important;
}


.mainRightCol img, .mainRightCol.D2-2Col img
{	
	height:auto;
	min-width:auto;
	max-width:100%;
}


.mainCol.D1-Col-1 {
	max-width:100%!important;
}

/*********** SPC About Us Page **************/
#contentContainerD2 .spcInfoBoxRight {
	margin-left:0;
	width:98%!important;
}

.spcBtnBox {
	font-size:0.88em;
}

.spcContentBoxLeft {
	width:108%!important;
}

.spcIntroBox, .spcContentBox {
	width:100%!important;
}

#contentContainerD2 .spcAddressBox,
#contentContainerD2 .spcMapBox {
	margin-left:-12%;
	width:115%!important;
}

#contentContainerD2 .SchoolContent {
    margin-left:0.88em;
	width:90%!important;
}

.D2pageFrame .spcContentBoxRight {
    width: 90%!important;
}  
}
/*******************************************/


@media (max-width: 305px) and (orientation : portrait) {
.container {
/*	background-color:grey; Testing ******/
}

.RadPanelBar
{
	width:auto!important;
}

/******** Search Items *********************/
#schoolSearchBarBox {
	width:98%;
	padding-right:6%!important;
}

#schoolSearchItemsBox  
{
	width:78%;
	margin-right:0.44em;
}

/********************************************/
}




.redactor-toolbar li:not(:last-child) {
	/*display:none;*/
} 

.redactor-toolbar li:last-child 
{
	position:absolute;/*top:-39px;*/right:0;
}