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

h1 .D3schoolNameLink  {
	font-size:0.68em!important;
	text-decoration: none;
} 

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;  
	display: flex; /*** new for Bootstrap 5.0 ***/
}

#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 {
		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, .D3pageBkg, .D3pageFrame {
	background-color:#fff;
}

/***** Bootstrap 5.0.3 Override ******/
.D2pageFrame aside {
	max-width:300px;
	display: contents;
}
/*************************************/

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

.D3pageFrame {
	padding:1% 3% 5% 3%;
	max-width:1300px;
}			  

#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,
.D3pageFrame .emergencyArea .emergTextBox {
    font-size: 0.9em;
    line-height: 1.4em;
	vertical-align:middle;
	padding:10px 10px;
	min-height:63px;
	overflow:hidden;
}

/****** Required for  D2 & D3*****/
.D2pageFrame .emergencyArea .emergTextBox,
.D3pageFrame .emergencyArea .emergTextBox {
	min-height:83px;
}

#TDSB_EmergencyD3Box {
	text-align: center;
}

#TDSB_EmergencyD3Box .emergencyArea {
	margin: 0.6em auto 1.6em auto;
	width:97%;
	text-align:left;
}

.emergencyArea .emergTextBox {
	padding:24px 10px;
}				   		  

.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;
	display: flex;
    gap:1rem;
    flex-wrap:wrap;
}

.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;
	line-height: 2;			
}

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

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

.D3schoolNameBox {
	height:auto;
	padding:0.38em 0;
}	  

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


/******** D3 Design Elements *********/
.D3headContainer, .D3searchMenuContainer {
	display: flex;
}

.D3bannerHomePage {
	display:block;
	width:110%;
    text-align:center;
    margin:0 auto;
    margin-left:-5%;
}

.D3headContainer {
	justify-content: space-between;
	align-items: center;
}

.D3headContainer {
	margin:0 auto;
	width: 100%;
	max-width: 1400px;
	padding:2em 4.4em 1.2em 4.4em;
	position: relative;
}

.D3pageFrame .adminH1TitleArea {
	margin-bottom:2em;
}

.D3searchMenuContainer {
	flex-direction: column;
	width:80%;
}


.D3SchoolLogo {
	max-width:150px;
}

.D3SchoolLogo img {
	width:100%;
	height: auto;
	margin-top:-1em; 
}

.D3SchoolLogo img {
	max-width:150px;
}

/******** Original *********
#D3schoolBannerBox {
	width:90%;
	max-width: 1300px;
	margin: 0 auto;
	border-radius: 2em 2em;
	display: flex;
    justify-content: center;
	padding: 1em 0 2em 0;
	margin-bottom:2.2em;
}*/

#D3schoolBannerBox {
	width:90%;
	max-width: 1300px;
	margin: 0 auto;
	border-radius: 2em 2em;
	padding: 0.8em 0 0.8em 0;
	margin-bottom:1em;
}
.D3bannerHomePage {
	justify-content: center;
}

.D3bannerHomePage img {
	width:100%;
/*	margin-left:-2.5%; */
} 

.D3-grid-2col {
	display: grid;
	grid-template-columns:  1fr auto;
	grid-gap: 10%;
	margin-top:2%;
}


.D3-Col-Main, .D3-Sub-Page-Frame, .D3-Col-Right-Promo {
	width:100%;
}

.D3-Col-Main {
	max-width: 100%;
	inline-size: 100%;
    overflow-wrap: break-word;
}

.D3-Col-Right-Promo {
	width:100%;
	max-width: 300px;
}

.D3-Sub-Page-Frame {
	display:flex;
	gap:10%;
}

.D3-SubPage-1Col {
	width:98%;
}

.termsConditionsBoxD3 {
	text-align:center;
	padding:1.4em 0;
}

.D3-Col-Main img, .D3-Col-Right-Promo img {
	max-inline-size: 100%;
	block-size: auto;
}

/*
.D3-SubPage-1Col .D3-Col-Main img {
	width:inherit;
	height: auto;
	max-width: 800px;
} */

.D3-SubPage-1Col .D3-Col-Main ul img {
	width:100%;
	height: auto;
	max-width: 800px;
}

.D3-Col-Right-Promo img {
	width:100%;
	height: auto;
	max-width:300px;
}

/************* DNN Grid Layouts ************/
/** 75% - 25% Layout **/
/** 75% **/
.D3pageBkg .pane.col-lg-9.col-md-9.col-sm-9.col-xs-12 {
	width:70%; 
	margin:2em 2.5%;
}

/** 25% **/
.D3pageBkg .pane.col-lg-3.col-md-3.col-sm-3.col-xs-12 {
	width:20%; 
	margin:2em 2.5% ;
}

/** 50% 50%  Layout **/
.D3pageBkg .pane.col-lg-6.col-md-6.col-sm-6.col-xs-12 {
	width:45%; 
	margin:2em 2.5%;
}

/** 25% 25% 25% 25%  Layout **/
.D3pageBkg .pane.col-lg-3.col-md-4.col-sm-6.col-xs-12 {
	width:20%;
	margin:2em 2.5%;
}

/** 33% 33% 33% Layout **/
.D3pageBkg .pane.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
	width:28%;
	margin:2em 2% 2em 2%;
}
/********** End of NN Grid Layouts *************/




/***********************  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,
.D3SearchItemsWrapper .search a.SearchButton:link,  .D3SearchItemsWrapper .search a.SearchButton:visited,
.D3SearchItemsWrapper #search-action, .D3SearchItemsWrapper .SearchButton, .D3SearchItemsWrapper .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;
    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;
	top:5px;
    width: 1em!important;
    height: 1em!important;
    margin: 0.438em 0 0.438em 0!important;
}


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


.D3searchMenuContainer .searchInputContainer a.dnnSearchBoxClearText {
    /*** search clear (X), will not display in D3 Design ***/
	position: absolute;
    top: -1000px;
    left: 0px;
    display: none;
}

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

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

.D3SearchItemsWrapper {
	display: flex;
	margin-bottom: 0.38em;
	position: relative;
	justify-content: flex-end;
}

.D3SearchItemsWrapper #schoolSearchItemsBox {
	/*display: flex; 
  	align-items: center;
	width:55%;
	margin:0.28em 0;
	margin-right:4em;
	border:1px solid #CCC;
	border-radius: 5px;
	height: 2.5em;
	background-color: #FBFBFB;
	position:relative;
	border: 2px solid orange;*/
	margin-right:-4em!important;
    position: relative;
}

.D3SearchItemsWrapper #schoolSearchItemsBox .search {
  /*	
  	width: 100%!important;
	min-width: auto!important;
  	height: 2.20em!important;
	margin-top: -1px !important;
	margin-left: 0.750em !important;
	background-color:pink;
	border:1px dotted red; */
	position: absolute!important;
	float: none!important;
	width:auto!important;
	border-radius: 0;
	min-width:0!important;
    width: 65%!important;
	margin-left:30%!important;
}


.D3SearchItemsWrapper #dnn_dnnSEARCH_ClassicSearch {
/*	border:1px solid blue; */
}

.D3SearchItemsWrapper #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox {
/*	width:190%!important;
	background-color: rgba(255, 255, 255, 0);
	
	padding-bottom: 5px; */

	font-size: 1.02em !important;
	width: 100%!important;
    height: 2em;
    border: 1px solid #CCC;
    border-radius: 10px 10px;
    padding: 0.38em;
}



@-moz-document url-prefix() {
/* .D3SearchItemsWrapper #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox {
    width:185%!important; 
	background-color:pink;
	width:50%!important;
	
  } */
 }


.D3SearchItemsWrapper .searchInputContainer {
	font-size:0.96em!important;
	width:85%;
	/* border:1px dotted blue; */
}

.D3SearchItemsWrapper .search a.SearchButton:link,  .D3SearchItemsWrapper .search a.SearchButton:visited,
.D3SearchItemsWrapper #search-action, .D3SearchItemsWrapper .SearchButton, .D3SearchItemsWrapper .search-toggle-icon {
    float: none!important;
    display: inline-block!important;
    height: 1.5em!important;
    width: 1.5em!important;
    text-indent: -9999px!important;
    padding:0!important;
    margin: 0!important;
    border-radius: 0.188em!important;
    background: url(images/icon-D3-Search.jpg) no-repeat center center!important;
	background-color: none!important;
	position: absolute; /*	*/
	right: -42px;
	top:1px;
}


.D3SearchItemsWrapper .SearchButton, .D3SearchItemsWrapper .search a.SearchButton:link {
	margin-left:0.18em!important;
	position: relative!important;
	right:0;
}




/*** Google Translation Icon ***/
.icon-GoogleTrans {
 	margin-left:0.28em;
}
/*****************   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; 
/*	display: block!important;  **Use for Testing to keep menu open ***/
}


/*.D2navWrapper .navbar-collapse.collapse.in, ***  Could remove after new D2 Menu *****/
.D2navWrapper .navbar-collapse.collapse.show {
    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;
}

.video-responsive {
 	position:relative;
 	padding-bottom:56.25%;
    height:0;
	padding-top:30px;
	overflow:hidden;
	margin-bottom:2em;
}

.video-responsive iframe {
    position:absolute;
	left:0;
    top:0;
    height:100%;
    width:100%;
}


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

.footerInnerBox {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

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

.mainFooterIBleft {
	width:275px;
	margin-right:2em;
	overflow: visible;
}

.mainFooterIBmiddle {
	width:400px;
	overflow: visible;
}

.mainFooterIBright {
	padding-left:1em;
}

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

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

 .footerContactInfo {
	font-size:1.1em;
	word-break: break-word;
}

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

/***************************  Start of D3 Footer Box Items **********************************/
.footerBoxD3 {
	box-shadow:
		0 1.2em white inset,
		0 -2em white inset,
		0 0 rgba(255, 255, 255, 0.75) inset,
		0 0 rgba(255, 255, 255, 0.75) inset; 
}

.footerColBoxContainer-D3 {
	border-radius: 1em;
	background-color: #484848;
}

.footerBoxD3 #mainFooterSMSIcons {
	width:auto;
}

.footerBoxD3 #LeftPaneFooter {
	float: none;
}

.D3-footer-Middle {
	margin-left:-4em;
}

.D3-footer-Right {

}
.D3-footer-Logo {
	width:100%;
	max-width:120px;
	height: auto;
}

.D3-grid-3col-footer {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-gap: 5%;
}

.D3-footer-schoolName label {
	font-weight: normal;
	font-size: 0.98em;
}
.D3-menulinks-ul {
	list-style: none;
	margin: 0;
    padding: 0;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.68em;
    column-gap: 2em;
}

.D3-menulinks-ul li {

}

.D3-socialMedia-li {
	border-width: 0px;
	border-style: solid;
}

.footerBoxD3 a.footerMenu:link,
.footerBoxD3 a.footerMenu:visited,
.footerBoxD3 .D3-footer-schoolName,
.footerBoxD3 .footerContactInfo,
.footerBoxD3 .footerContactInfo  a:link,
.footerBoxD3 .footerContactInfo  a:visited {
	color:white;
	text-decoration: none;
}
/***************************  End of D3 Footer Box Items **********************************/
/***************************  End of Footer Box Items **********************************/


/******* AODA - Standerd Link Buttons *******/
.btnBoxStandard, .btnBoxTheArts {
  width:100%!important; 
  border:1px solid #CFD7D9;
  border-radius:5px;
  margin-bottom:10px;
  display: table;
}

.btnBoxTheArts {
  width:330px!important; 
}

.btnStanBlueArrow, .btnStanGreenArrow,
.btnStanYellowArrow, .btnStanOrangeArrow,

.btnStanBlueArrowRight, .btnStanGreenArrowRight,
.btnStanYellowArrowRight, .btnStanOrangeArrowRight,
.btnStanBlueArrowLeft, .btnStanGreenArrowLeft,
.btnStanYellowArrowLeft, .btnStanOrangeArrowLeft,

.btnStanBlueArrowDown, .btnStanGreenArrowDown,
.btnStanYellowArrowDown, .btnStanOrangeArrowDown {
	width:32px;
	background:url(/images/btn-blue-Arrow.jpg);
	background-color: #b5cbe3; 
	background-repeat:no-repeat;
	background-position: top;
	vertical-align: middle;
	display: table-cell;
	padding: 0;
	border: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	min-height:28px;
}

.btnStanGreenArrow {
 	background-image:url(/images/btn-Green-Arrow.jpg);
 	background-color:#addea7;
}

.btnStanGreenArrowRight {
	background-image:url(/images/btn-Green-Arrow-Right.jpg);
 	background-color:#addea7;
}

.btnStanGreenArrowDown {
	background-image:url(/images/btn-Green-Arrow-Down.jpg);
 	background-color:#addea7;
}
.btnStanGreenArrowLeft {
  background-image: url(/images/btn-Green-Arrow-Left.jpg);
  background-color:#addea7;
}

.btnStanBlueArrowRight {
 	background:url(/images/btn-Blue-Arrow-Right.jpg);
 	background-color:#b5cbe3;
}

.btnStanBlueArrowDown {
	background-image:url(/images/btn-Blue-Arrow-Down.jpg);
	background-color:#b5cbe3;
}
.btnStanBlueArrowLeft {
	background-image:url(/images/btn-Blue-Arrow-Left.jpg);
	background-color:#b5cbe3;
}

.btnStanYellowArrow {
	background-image:url(/images/btn-Yellow-Arrow.jpg);
	background-color:#f7e09d;
}

.btnStanYellowArrowRight {
	background-image:url(/images/btn-Yellow-Arrow-Right.jpg);
	background-color:#f7e09d;
}

.btnStanYellowArrowDown {
	background-image:url(/images/btn-Yellow-Arrow-Down.jpg);
	background-color:#f7e09d;
}
.btnStanYellowArrowLeft {
	background-image:url(/images/btn-Yellow-Arrow-Left.jpg);
	background-color:#f7e09d;
}

.btnStanOrangeArrow {
	background-image:url(/images/btn-Orange-Arrow.jpg);
	background-color:#f5c3a2;
}

.btnStanOrangeArrowRight {
	background-image:url(/images/btn-Orange-Arrow-Right.jpg);
	background-color:#f5c3a2;
}

.btnStanOrangeArrowDown {
	background-image:url(/images/btn-Orange-Arrow-Down.jpg);
	background-color:#f5c3a2;
}
.btnStanOrangeArrowLeft {
	background-image:url(/images/btn-Orange-Arrow-Left.jpg);
	background-color:#f5c3a2;
}

.btnStanBlue, .btnStanGreen,
.btnStanYellow, .btnStanOrange {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0.5em;
}

.btnStanBlue {
  background-color:#e6f9ff;
}

.btnStanGreen {
  background-color:#e0f8d6;
}

.btnStanYellow {
  background-color:#fafade;
}

.btnStanOrange {
  background-color:#faede7;
}

.btnStanBlue a:link, .btnStanBlue a:visited,
.btnStanBlue a:active, .btnStanBlue a:hover,

.btnStanGreen a:link, .btnStanGreen a:visited,
.btnStanGreen a:active, .btnStanGreen a:hover,

.btnStanYellow a:link, .btnStanYellow a:visited,
.btnStanYellow a:active, .btnStanYellow a:hover,

.btnStanOrange a:link, .btnStanOrange a:visited,
.btnStanOrange a:active, .btnStanOrange a:hover {
	color:#2b4578;
	font-weight:600;
}

/********** Quick Links Button Cards *************/
.tdsbStrip {
	margin-bottom:2em;
}

.tdsbCardsRow .grid-4-cols {
	text-align: center;
}

.Card {
  	border-radius: 25px 25px;
  	padding: 0.48em 1.4em;
  	display: inline-block;
  	text-align: center;
  	margin: 0.48em 1em;
	position: relative;
}

.Card a:link, .Card a:visited,
.Card a:active, .Card a:hover {
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	text-decoration: none;
	text-transform: uppercase;
}
/******* End of Quick Links Button Cards **********/

/********** Links Cards *************/
.tdsbBlueStrip, .tdsbGreenStrip {
	width:100%;
	padding:0;
	margin:0;
	background-color:#4D70B4;
	height:200px;
}

.tdsbGreenStrip  {
	background-color:#73C168;
}

.tdsbBlueCardsRow,
.tdsbGreenCardsRow {
	width:100%;
	margin:0 auto;
	max-width: 1300px;
	padding:0 1em;
}

.tdsbBlueCardsRow .grid-4-cols,
.tdsbGreenCardsRow .grid-4-cols {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    column-gap: 2%;
	grid-template-rows: auto;
  	justify-items: center;
	justify-content:end;
  	align-items: center;
	height: 200px;
}

.tdsbBlueCardsRow .grid-2-cols,
.tdsbGreenCardsRow .grid-2-cols {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    column-gap: 1%;
	grid-template-rows: auto;
  	justify-items: center;
  	align-items: center;
	width:80%;
	padding:1em;
	margin:0 auto;
}

.BlueCard, .GreenCard {
	width: 95%;
    height: 70%;
    border: 5px solid #FFF;
    border-radius: 20px;
    background-color: #21468C;
    text-align: center;
	display: flex;
  	justify-content: center;
  	align-content: center;
  	flex-direction: column;
} 

.GreenCard{
    background-color: #3E9332;
} 

.BlueCard a:link, .BlueCard a:visited,
.BlueCard a:hover, .BlueCard a:active,
.GreenCard a:link, .GreenCard a:visited,
.GreenCard a:hover, .GreenCard a:active {
	color:#FFF;
    font-size:1.8em;
	font-weight: 500;
	text-decoration: none;
    text-align: center;
}

/*******  Images used in Blue & Green Quick Link Cards ******/
.BlueCardEmpty img, .GreenCardEmpty img {
    border: 5px solid #FFF;
    border-radius: 20px;
	width: 100%;
    height: auto;
}

/******* End of Link Cards **********/



@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%;
}

.footerBoxD3 #contentContainerFooter	{
	width:95%;
}
}

@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%;	
}

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

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

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

.footerInnerBox {
    justify-content: flex-start;
}

#RightPaneFooter {
    margin-left:0px;
}

.mainFooterIBleft {
    margin-right: 0;
}

.mainFooterIBmiddle {
    width: 375px;
}
}



@media (min-width: 991px) and (max-width: 1255px) {

#contentContainer {
	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 (max-width: 1140px) {
.D3headContainer {
	/*border:1px solid #EceCEc;  D3 Testing */
	padding:1em 2.8em 1.2em 2.8em;	
} 

@-moz-document url-prefix()	{
.D3SearchItemsWrapper #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox {
  width: 99% !important;
}
}
	
.footerInnerBox {
	justify-content: flex-start;
}
	
.mainFooterIBleft {
    margin-right: 0em;
}

.mainFooterIBright {
    padding-left: 0;
	width:250px;
}
}


@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, .D3pageFrame {
/*	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%;
}

.footerInnerBox {
	padding-bottom:2em;
	justify-content: space-between;
	padding-left:0.88em;
	padding-right:0.88em;
}

.mainFooterIBleft {
    margin-right: 7em;
}

.mainFooterIBright {
    padding-left: 0;
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid grey;
    width: 100%;
}
	

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

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

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

/******* D3 DNN Grid overrides *********/
.D3pageBkg .pane.col-lg-3.col-md-4.col-sm-6.col-xs-12 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 45%;
    margin: 0 2.5%;
	margin-top: 1em!important;
    margin-bottom: 2em!important;
}

.D3pageBkg .pane.col-lg-3.col-md-4.col-sm-6.col-xs-12 img{
    width: 100%;
}

.BlueCard a:link, .BlueCard a:visited,
.BlueCard a:hover, .BlueCard a:active,
.GreenCard a:link, .GreenCard a:visited,
.GreenCard a:hover, .GreenCard a:active {
    font-size:1.4em;
}
}

@media (max-width: 1200px) {
	.D3SearchItemsWrapper #schoolSearchItemsBox .search {
		margin-left:27%!important;
}
}

@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%;
}
	
/******** D3 Items *********/	
.D3headContainer {
	display: block;
}	
		
.D3searchMenuContainer {
	display: block;
	margin-top: -4.2em;
	width:auto;
} 

.D3SchoolLogo img {
	margin-top:-1em;
}

.D3SearchItemsWrapper #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox {
   padding:0.28em;
   margin-top:0.28em;
} 
	
.D3SearchItemsWrapper .search a.SearchButton:link,
.D3SearchItemsWrapper .SearchButton {
right: 0px;
}

.D3SearchItemsWrapper #schoolSearchItemsBox .search {
     width: 90%!important; 
    margin-left: 0%!important; 
}

.D3-footer-Middle {
    margin-left: 0; 
	width:40%;
}

.D3-menulinks-ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.28em;
	margin-left:1em;
}
/*****************************************/


#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;
}
	
/********* New to D1 ***********/
 main .col-d1-main {
	width:67%!important;
}
	
  .mainCol.d1-main {
	width: 90%!important;
	max-width: 95%!important;
}
	
 .mainCol.D1-Col-1.d1-main {
	width: 98%!important;
	max-width: 100%!important;
}
/**********************************/	

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

#contentContainerD2 .col-sm-6 {
	width:100%!important;
	margin-top:2em;
}

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

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

.footerInnerBox {
	padding-bottom:2em;
	justify-content: flex-start;
	padding-left:0.88em;
	padding-right:0.88em;
}

.mainFooterIBleft {
	margin-right:5em;
}

.mainFooterIBright {
	width: 100%;
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #AEB1AB;
}

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


.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, .D3pageFrame .spcContentBoxRight {
    width: auto!important;
}
	
/********* D3 Items ******************/	
/***** homepage 2 column Skin *****/
.D3-col-left {
	display:block;
}

.D3-Col-Right-Promo {
	display: block;
	max-width: 100%;
	gap:3em;
	text-align: center;
}

.D3-Sub-Page-Frame {
    display:block;
    padding: 0 4em 1em 4em;
}

.D3-grid-3col-footer {
    display: flex;
    justify-content: space-between;
    gap: 3%;
}


.footerBoxD3 #LeftPaneFooter {
    width: 15%;
}

/******* D3 DNN Grid overrides *********/
.D3pageBkg .pane.col-lg-3.col-md-4.col-sm-6.col-xs-12 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 45%;
    margin: 0 2.5%;
	margin-top: 1em!important;
    margin-bottom: 2em!important;
}

.D3pageBkg .pane.col-lg-3.col-md-4.col-sm-6.col-xs-12 img,
.D3pageBkg .D3-col-left .pane.col-lg-6.col-md-6.col-sm-6.col-xs-12,
.D3pageBkg .D3-col-left .pane.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
	width: 100%;
}

/********* DNN 2 column 50% 50% Grid *************/
.D3pageBkg .pane.col-lg-6.col-md-6.col-sm-6.col-xs-12 {
    margin: 2em 0%;
}

/********* DNN 3 column 25% 50% 25% Grid *************/
.D3pageBkg .D3-col-left .pane.col-lg-6.col-md-6.col-sm-6.col-xs-12,

/********* DNN 3 column 33% Grid *************/
.D3pageBkg .D3-col-left .pane.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
	margin:1em 0;
}

.BlueCard a:link, .BlueCard a:visited,
.BlueCard a:hover, .BlueCard a:active,
.GreenCard a:link, .GreenCard a:visited,
.GreenCard a:hover, .GreenCard a:active {
    font-size:1.4em;
}
}



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


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



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

#contentContainerD2 .mainCol.D2-Col-2 {
	width:100%;
}

.D2pageFrame aside {
    max-width: 300px;
    display: block;
}

.mainRightCol.D2-2Col  {
	float:none;
}

/************** 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;
}
/*********************************************/
	
/********* D3 Items ******************/	
.D3-grid-3col-footer {
    grid-gap: 0;	
    flex-direction: column;
    flex-flow: wrap;
	justify-content: flex-start;
}
	
.footerBoxD3 #LeftPaneFooter {
    width: 17%;
}
}


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

.footerInnerBox {
	justify-content: flex-start;
}

.mainFooterIBleft {
	margin-right:0em;
}

#LeftPaneFooter {
    width: 100%;
    padding-bottom: 1em;
    margin-bottom: 2em;
}

footer #RightPaneFooter {
	border-top:1px solid #AEB1AB;
	padding-top:2%;
} 

/********* DNN Grid 4 Column 25% ************/
.D3pageBkg .D3-col-left .pane.col-lg-3.col-md-4.col-sm-6.col-xs-12 {
	flex:100%;
}
}

@media (max-width: 876px) {
.D3pageBkg .pane.col-lg-9.col-md-9.col-sm-9.col-xs-12,
.D3pageBkg .pane.col-lg-3.col-md-3.col-sm-3.col-xs-12  {
	width: 100%;
	margin:0 0 1em 0;
}	
}	


@media (max-width: 824px) {
.mainFooterIBleft, .mainFooterIBmiddle {
		width:100%;
}

#LeftPaneFooter {
    width: 100%;
    padding-bottom: 1em;
    margin-bottom: 2em;
}
}

@media (max-width: 800px) {
.spcInfoBoxRight {
    width:100%!important;
}
	
/********* D3 Items ******************/	
.D3-grid-2col {
    display: block;
 }

 .D3-col-left {
    margin-bottom:3em;
}

.D3-grid-3col-footer {
    flex-flow:nowrap;
	flex-direction: column;
	justify-content: flex-start;
    justify-self: flex-start;
}
	
.footerBoxD3 #LeftPaneFooter {
    width: 98%;
	margin: 0 auto;
    text-align: center!important;
	border:none;
}	
	
.D3-footer-Logo {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 2em;
}	
	
.footerBoxD3 #schoolLogin a {
    float: none; 
}
	
.D3-footer-Middle {
    width: 99%;
    margin: 2em auto 2em;
}
	
.D3-footer-Right {
    width: 100%;
    text-align: center;
}
	
.footerBoxD3 #mainFooterSMSIcons {
    width: auto;
}
	
.footerBoxD3 .footerContactInfo {
    float: none;
}

footer .#MiddlePaneFooter, footer #RightPaneFooter {
	border-top:1px solid #AEB1AB;
	padding-top:2%;
} 

#LeftPaneFooter, #MiddlePaneFooter, #RightPaneFooter  {
    margin: 0 0 1em 0;
    width:100%;
} 
}


@media (max-width: 767px) {	
#contentContainer {
	width:100%;
}


/************** 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%;
}
	
/********* New to D1 ***********/
 main .col-d1-main, .mainCol.d1-main  {
	width:100%!important;
}
/**********************************/		

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

.mainCol.D2-Sub-Col-1 {
	width:99%;
	padding-left:3.2em;
	margin:2em 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:8% 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;
}

/******* D3 DNN Grid overrides *********/
.D3pageBkg .pane.col-lg-3.col-md-4.col-sm-6.col-xs-12 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 45%;
    margin: 0 2.5%;
	margin-top: 1em!important;
    margin-bottom: 2em!important;
}

.BlueCard a:link, .BlueCard a:visited,
.BlueCard a:hover, .BlueCard a:active,
.GreenCard a:link, .GreenCard a:visited,
.GreenCard a:hover, .GreenCard a:active {
    font-size:1em;
}
}


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

/****** D3 Mobile Menu items *******/
@media (max-width: 726px) {
.D3SearchItemsWrapper {
	margin-top: 1em;
}

.D3SchoolLogo img {
    margin-top: -1em;
    max-width: 100px;
}

.translate-image {
    width: 100%;
    height: auto;
    max-width: 90px;
    margin-top: 4px;
}

.D3SearchItemsWrapper .searchInputContainer {
    width: 80%;
}

.D3SearchItemsWrapper #schoolSearchItemsBox {
    width: 45%!important;
}
}


@media (max-width: 640px) {

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

.D1schoolNameBox, .D2schoolNameBox, .D3schoolNameBox,

.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,
	
.D3schoolNameBox h1 a:link,  .D3schoolNameBox h1 a:visited,
.D3schoolNameBox h1 a:active,  .D3schoolNameBox h1 a:hover  {
	font-size: 4.120vw; 	
	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;
}
/**********************************************/

/***********  D3 items ***********************/
.D3SearchItemsWrapper {
    width: 100%!important;
    margin: 0 auto!important;
	flex-direction: column;
}

.D3SearchItemsWrapper #schoolSearchItemsBox {
    flex-direction: column;
	right: 0;
	left:0;
	top:4.4em;
	width: 70%!important;
    margin-left: -1.4em;
}

.D3-Sub-Page-Frame {
    padding: 0 1.6em 1em 1.6em;
}

.tdsbBlueStrip, .tdsbGreenStrip {
    height: auto;
}

.tdsbBlueCardsRow .grid-4-cols, .tdsbGreenCardsRow .grid-4-cols {
    height: auto;
	display:block;
	padding:0.88em 0;
	margin:0.58em auto 0 auto;
	width:80%;
}
.BlueCard, .GreenCard {
	padding:1em;
	height: 200px;
	font-size:1.6em;
	margin:0.88em auto 0.88em auto;
}
}


@media only screen and (max-width:576px) {
	.mainCol.D2-Sub-Col-1 {
		padding-left:0em;
}

/***********  D3 DNN Grid Override items ***********************/
/********* DNN 3 coloumn Grid *********************/
.D3pageBkg .pane.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
    width:100%;
    margin: 1em 0% 0em 0%;
}

/********* DNN 4 coloumn Grid *********************/
.D3pageBkg .pane.col-lg-3.col-md-4.col-sm-6.col-xs-12 {
    flex: 100%;
}
}


@media only screen and (max-width:510px) {
#D3schoolBannerBox {
    width: 100%;
    max-width: 100%;
    padding: 0.58em 0 0.58em 0;
	border-radius: 0;
}
	
.D3bannerHomePage img {
    width: 100%;
    margin-left: 0
}

.mainCol.D2-Sub-Col-1 {
	padding-left:0em;
}

.D3pageBkg .D3-col-left .pane.col-lg-6.col-md-6.col-sm-6.col-xs-12 img,
.D3pageBkg .D3-col-left .pane.col-lg-4.col-md-4.col-sm-4.col-xs-12 img {
	width:100%;
}
}
/**********************************************/


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

.container, .D2pageFrame, .D3pageFrame {
	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%;
}

.translate-image {
    width: 65%!important;
    margin-left: 15px!important;
}

.D2SearchItemsWrapper .searchInputContainer {
    width: 92%;
}
.D3SearchItemsWrapper #schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox {
    width: 90%!important;
	margin-left:0.58em;
}

.D3SearchItemsWrapper .search a.SearchButton:link,
.D3SearchItemsWrapper .SearchButton {
    right: 12px;
}
/*******************************************/

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

.footerBoxD3 {
    background-color: #FFF!important;
}

.footerBoxD3 .SWFooterSiteMap {
	display:none;	
}
/************* 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%;
}

.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, .D3pageFrame .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;
}
.D3-menulinks-ul {
	margin-left:0.58em;
}
/********************************************/
}


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

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


/******************* AODA Starts ****************/
/****** Info Alert Boxes *******/

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

.alertBoxBlue, .alertBoxGreen, .alertBoxYellow,
.alertBoxTan, .alertBoxPink {
	padding:15px;
	background-color:#e6f9ff;
}

.alertBoxGreen {
	background-color:#e0f8d6;
}

.alertBoxYellow {
	background-color:#fafade;
}

.alertBoxTan {
	background-color:#fbeed9;
}

.alertBoxPink {
	background-color:#faede7;
}

/******* AODA - Standerd Link Buttons *******/
.btnBoxStandard, .btnBoxTheArts,
.buttnBoxStandardBlue, .buttnBoxStandardGreen,
.buttnBoxStandardYellow, .buttnBoxStandardOrange {
  width:100%!important; 
  border:1px solid #CFD7D9;
  border-radius:5px;
  margin-bottom:10px;
  display: table;
}

.btnBoxTheArts {
  width:330px!important; 
}


.buttnBoxStandardBlue, .buttnBoxStandardGreen,
.buttnBoxStandardYellow, .buttnBoxStandardOrange  {
  padding:0;
  background-color:#e6f9ff;
  display:block;
}

								 
.btnStanBlueArrow, .btnStanBlueArrowLeft,
.btnStanBlueArrowRight, .btnStanBlueArrowDown,

.btnStanGreenArrow, .btnStanGreenArrowLeft,
.btnStanGreenArrowRight, .btnStanGreenArrowDown,

.btnStanYellowArrow, .btnStanYellowArrowLeft,
.btnStanYellowArrowRight, .btnStanYellowArrowDown, 

.btnStanOrangeArrow, .btnStanOrangeArrowLeft,
.btnStanOrangeArrowRight, .btnStanOrangeArrowDown,

.buttnStanBlueNoArrow, .buttnStanGreenNoArrow,
.buttnStanYellowNoArrow, .buttnStanOrangeNoArrow
{
	width:32px;
	background:url(/images/btn-blue-Arrow.jpg);
	background-color: #b5cbe3; 
	background-repeat:no-repeat;
	background-position: top;
	vertical-align: middle;
	display: table-cell;
	padding: 0;
	border: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	min-height:28px;
}

.btnStanBlueArrowLeft {
	background-image:url(/images/btn-Blue-Arrow-Left.jpg);
	background-color:#b5cbe3;
}

.btnStanBlueArrowRight {
 	background:url(/images/btn-Blue-Arrow-Right.jpg);
 	background-color:#b5cbe3;
}

.btnStanBlueArrowDown {
	background-image:url(/images/btn-Blue-Arrow-Down.jpg);
	background-color:#b5cbe3;
}


.btnStanGreenArrow, .buttnStanGreenNoArrow {
 	background-image:url(/images/btn-Green-Arrow.jpg);
 	background-color:#addea7;
}

.btnStanGreenArrowLeft {
  background-image: url(/images/btn-Green-Arrow-Left.jpg);
  background-color:#addea7;
}

.btnStanGreenArrowRight {
	background-image:url(/images/btn-Green-Arrow-Right.jpg);
 	background-color:#addea7;
}

.btnStanGreenArrowDown {
	background-image:url(/images/btn-Green-Arrow-Down.jpg);
 	background-color:#addea7;
}
						
														  

.btnStanYellowArrow, .buttnStanYellowNoArrow {
	background-image:url(/images/btn-Yellow-Arrow.jpg);
	background-color:#f7e09d;
}

.btnStanYellowArrowLeft {
	background-image:url(/images/btn-Yellow-Arrow-Left.jpg);
	background-color:#f7e09d;
}

.btnStanYellowArrowRight {
	background-image:url(/images/btn-Yellow-Arrow-Right.jpg);
	background-color:#f7e09d;
}

.btnStanYellowArrowDown {
	background-image:url(/images/btn-Yellow-Arrow-Down.jpg);
	background-color:#f7e09d;
}
						 
														 
						  
 


.btnStanOrangeArrow, .buttnStanOrangeNoArrow {
	background-image:url(/images/btn-Orange-Arrow.jpg);
	background-color:#f5c3a2;
}

.btnStanOrangeArrowLeft {
	background-image:url(/images/btn-Orange-Arrow-Left.jpg);
	background-color:#f5c3a2;
}

.btnStanOrangeArrowRight {
	background-image:url(/images/btn-Orange-Arrow-Right.jpg);
	background-color:#f5c3a2;
}

.btnStanOrangeArrowDown {
	background-image:url(/images/btn-Orange-Arrow-Down.jpg);
	background-color:#f5c3a2;
}


.buttnStanBlueNoArrow, .buttnStanGreenNoArrow,
.buttnStanYellowNoArrow, .buttnStanOrangeNoArrow
{
	background-image:none; 
	background-position:left;
	min-height:35px;
	margin:0px 2px 0 0;
	float:left;
}


.btnStanBlue, .btnStanGreen,
.btnStanYellow, .btnStanOrange {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0.5em;
}


.btnStanBlue {
  background-color:#e6f9ff;
}

.btnStanGreen, .buttnBoxStandardGreen{
  background-color:#e0f8d6;
}

.btnStanYellow, .buttnBoxStandardYellow {
  background-color:#fafade;
}

.btnStanOrange, .buttnBoxStandardOrange {
  background-color:#faede7;
}


.btnStanBlue a:link, .btnStanBlue a:visited,
.btnStanBlue a:active, .btnStanBlue a:hover,

.btnStanGreen a:link, .btnStanGreen a:visited,
.btnStanGreen a:active, .btnStanGreen a:hover,

.btnStanYellow a:link, .btnStanYellow a:visited,
.btnStanYellow a:active, .btnStanYellow a:hover,

.btnStanOrange a:link, .btnStanOrange a:visited,
.btnStanOrange a:active, .btnStanOrange a:hover {
	color:#2b4578;
	font-weight:600;
}


a.buttnStanBlue:link, a.buttnStanBlue:visited,
a.buttnStanBlue:active, a.buttnStanBlue:hover,
a.buttnStanBlue:focus,

a.buttnStanGreen:link, a.buttnStanGreen:visited,
a.buttnStanGreen:active, a.buttnStanGreen:hover,
a.buttnStanGreen:focus,

a.buttnStanYellow:link, a.buttnStanYellow:visited,
a.buttnStanYellow:active, a.buttnStanYellow:hover,
a.buttnStanYellow:focus,

a.buttnStanOrange:link, a.buttnStanOrange:visited,
a.buttnStanOrange:active, a.buttnStanOrange:hover,
a.buttnStanOrange:focus
{
	font-weight:600;
	color:#2b4578;
	padding: 6px 0 8px;
	background-color:#e6f9ff;
	display:block;
	margin-left:3px;
}


a.buttnStanGreen:link, a.buttnStanGreen:visited,
a.buttnStanGreen:active, a.buttnStanGreen:hover,
a.buttnStanGreen:focus {
	background-color:#e0f8d6;
}

a.buttnStanYellow:link, a.buttnStanYellow:visited,
a.buttnStanYellow:active, a.buttnStanYellow:hover,
a.buttnStanYellow:focus {
  background-color:#fafade;
}

a.buttnStanOrange:link, a.buttnStanOrange:visited,
a.buttnStanOrange:active, a.buttnStanOrange:hover,
a.buttnStanOrange:focus {
  background-color:#faede7;
}


a.buttnStanBlue:focus, a.buttnStanGreen:focus,
a.buttnStanYellow:focus, a.buttnStanOrange:focus {
	color:white;
	background-color:grey;
}


/******* New Coloured Box with Text *****/
/****** Bootstrap Override CSS **********/

.rDivItems {
	margin-right:1%;
	margin-top: 1%;
	margin-bottom:0%!important;
	display:inline-block;
}

.rDivItems.btn:hover {
	text-decoration:none!important;
}

.rDivItems .btn-blue, .btn-blue:hover,
.rDivItems .btn-green, .btn-green:hover,
.rDivItems .btn-yellow, .btn-yellow:hover,
.rDivItems .btn-red, .btn-red:hover,
.rDivItems .btn-rust, .btn-rust:hover,
.rDivItems .btn-purple, .btn-purple:hover,
.rDivItems .btn-orange, .btn-orange:hover,
.rDivItems .btn-grey, .btn-grey:hover,
.rDivItems .btn-mustard, .btn-mustard:hover   {
	background-color: #3B60AF!important;
	border:none;
	border-radius:0!important;
	color:white;
	width:228px;
	font-weight:600;
	text-decoration:none!important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
}

.rDivItems .btn-green, .btn-green:hover{
	background-color: #72C267!important;
	color:#404040!important;
}

.rDivItems .btn-yellow, .btn-yellow:hover {
	background-color: #FBFF9D!important;
	color:#404040!important;
}

.rDivItems .btn-rust, .btn-rust:hover {
	background-color: #C25400!important;
}

.rDivItems .btn-orange, .btn-orange:hover {
	background-color: #E06D15!important;
}

.rDivItems .btn-mustard, .btn-mustard:hover {
	background-color: #FDB813!important;
	color:#404040!important;
}

/*** Secondary Colours ***/
.rDivItems .btn-grey, .btn-grey:hover {
	background-color: #8F8F8F!important;
	color:#FBFF9D!important;
}

.rDivItems .btn-purple, .btn-purple:hover {
	background-color: #8E39A1!important;
}

.rDivItems .btn-red, .btn-red:hover {
	background-color: #CD3939!important;
}


/****  Hover State ****/
.rDivItems .btn-blue:hover, 
.rDivItems .btn-red:hover, .rDivItems .btn-rust:hover,
.rDivItems .btn-purple:hover, .rDivItems .btn-orange:hover {
	color: white!important;
}


thead, th {
    font-weight: bold!important;
    background-color: #FFE9C0;
    border-top: none;
    border-left: 3px solid #FFF;
    border-right: none;
}

tbody tr td {
    background-color: #fbeed9;
    border-left: 3px solid #FFF;
    border-top: 3px solid #FFF;
    border-right: none;
    border-bottom: none;
}
/******************* AODA ends ****************/