/* WWW CSS */
/****

VARIABLES

*/
/*Breakpoints*/
/*Spacing*/
/****

ORIGINAL CODE

*/

/* CSS Document  www  */
html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.098rem;
  line-height: 1.53rem;
}

/*** Font Color ***/
body, .headingMain, .Normal, .NormalDisabled,
h1, .Normal h1, h1 input, h2, .Normal h2, h2 input,
h3, .Normal h3, h3 input, h4, h5, h6 {
  color: #3A3A3A;
}

/* added for accessibility */
a:link, a:visited, a:active, a:hover,
li a:link, li a:visited, li a:active, li a:hover,
p a:link, p a:visited, p a:active, p a:hover,
.scrTitle a, .scrTitle a:link, .scrTitle a:visited, .scrTitle a:hover  {
  color: #2d4074;
  text-decoration: underline;
}

#User-LoginInfo {
  margin-top: 3.6rem;
  font-weight: bold !important;
  font-family: Roboto, sans-serif;
  font-size: 1.2rem;
  display: inline-block;
}

/* Search Result CSS */
.scrTitle a, .scrTitle a:link, .scrTitle a:visited, .scrTitle a:hover {
  font-weight: bold;
}

.scrPath {
  color: #999;
}

.headingMain {
  font-size: 1.28em;
  font-weight: bold;
  line-height: 1.04em;
}


/** Basic  Text Formats  ***/
.Normal, .NormalDisabled {
  font-weight: normal;
  font-size: 0.98em;
  line-height: 1.32em;
}

.Normal h1, h1 {
  word-wrap: break-word;
}

h1, .Normal h1, h1 input,
h2, .Normal h2, h2 input,
h3, .Normal h3, h3 input,
h4, h5, h6 {
  font-size:1.8rem!important;
  margin-bottom: 0.28em!important;
  line-height: 1.10em!important;
  font-weight: normal!important; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


h2, .Normal h2, h2 input,
h3, .Normal h3, h3 input,
h4, h6  {
	font-weight: bold!important; 
}

h2, .Normal h2, h2 input {
	font-size: 1.2rem!important;
}

h3, .Normal h3, h3 input {
	font-size: 1rem!important;
}

h4 {
	font-size:1em!important;
	font-style:italic;
}

h5 {
	font-size:0.80rem!important;
}

h6 {
	font-size:0.80rem!important;
	text-transform: none!important;
}


/* CSS for all Tables */
table caption {
	caption-side:top!important;
}

table, table caption,
thead tr td, tfoot tr td {
	color:#000;
}

table {
  width: 98%;
  border-collapse:collapse!important;
  border:none;
}

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

tfoot tr td {
  font-weight: bold!important;
  background-color: #FFE9C0;
  border-top:3px solid #FFF;
  border-left:3px solid #FFF;
  border-right:none;
}
tbody tr td {
  background-color: #FCF3E3;
  border-left: 3px solid #FFF;
  border-top: 3px solid #FFF;
  border-right: none;
  border-bottom: none;
}

thead, tfoot, th, thead tr td, tfoot tr td, tbody tr td {
  vertical-align: middle;
  padding: 6px;
}

blockquote p, blockquote, q {
  color: #000;
}

blockquote,  blockquote p {
  border: none;
}

blockquote, q {
  quotes: none;
}

.borderBox {
	outline:1px solid #d8d8d8;
	border: 8px solid #fff;
	padding: 15px 15px 2px 15px;
	margin-bottom: 10px;
	background-color: #FFF3E1!important;	
}

/**  Override Bootstrap -15px default setting /
.row {
	margin-left:0!important;
	margin-right:0!important;
}

/**  Start Banner Items  ****/
#TDSBPrintBanner {
 display: none;
}

.logoNoHeader {
	margin:0 auto;
	margin-bottom:10px;
	width:100%;
	text-align:center;	
	padding:10px 0;
}

.logoNoHeader img {
	width:100%;
	height:auto;
	max-width:277px;
}

.extraBannerSubNavMainBox {
	padding-top:1px;
}

.extraBannerNoFooterNoHeader {
	margin:0 auto;
}

.languageHeaderBanner, .interiorCamLteBanner {
  margin: 25px auto 25px auto;
  width: 990px;
}

.TDSBtopBannerBoxRight .searchRadioBtn input[type="radio"] {
  border: 1px solid #F33;
  background-color: #0F6;
}

.TDSBtopBannerBoxRight .searchSite,
.TDSBtopBannerBoxRight .searchSiteTextBox {
  color: #7E7C7C;
  font-style: italic;
}

.TDSBtopBannerBoxRight .searchSiteTextBox {
  border: 1px solid #C9CDCD;
  height: 25px;
}

.searchImgTopHeaderBox {
  margin: -23px 0 0 582px;
  width: 22px;
  height: 17px;
  padding: 2px 2px;
  z-index: 80;
}

.searchImgFooterBox {
  margin: -23px 0 0 300px;
  width: 22px;
  height: 17px;
  padding: 2px 2px;
}

.searchSiteTextBox {
  font-size: 1.08em;
  padding-left: 3px;
}

.PageHeadTitleBox {
	margin:7% 0 0 0%;
}

.boxFullPage {
	padding-top:0em;
}


#TDSBpageFrame, #TDSBpageFrameBanner, 
#TDSBpageFrameExtra275-UIEC {
  position: relative;
  min-height: 100%;
  background-repeat: repeat-x;
  background-position: center 159px;
}

#TDSBpageFrameBanner {
  background-image: url(/images/TDSB/BG-Colour-Bars.jpg);
  background-position-y: 200px;
  background-repeat: no-repeat;
  position: relative;
  background-size:contain;
  background-position-x: center;
}

#TDSBpageFrameExtra275-UIEC {
	background-image: url(/images/TDSB/UIEC-bkgPage-345px.jpg);
  background-position: center 200px;
}

#TDSBpageFrameExtra275-UIEC {
  background-size: auto 275px;
}

.contentBox .contentColumnBox {
	margin-top:5%;
}

.fullPageExtraBannerArea  {
	margin:0 auto 5% auto;
}


/*** NEW **/
.pageFrameExtra {
  padding-left:2%;
  padding-right:2%;
}

#TDSBpageFrameBanner .pageFrameExtra .contentBox {
  padding-top:60px;
  width:1400px;
}

#TDSBpageFrameBanner  .contentPaneFullPage,
#TDSBpageFrameBanner .contentPaneFullPage  {
	margin-top:-2%;
}

#TDSBpageFrameBanner .extraBA {
	margin:60px auto 50px auto;
	max-width:993px;
}
/*/


/*** Used in the 1-column-no-nav skin ***/
.full-column-titlebox {
  max-width: 1140px;
  margin:0 auto;
}
.full-column-titlebox .adminH1TitleArea{
  padding-left:0%;
}
/*/


#TDSBpageFrameBanner .contentPaneFullPage img,
#TDSBpageFrameBanner .extraBA img,
.fullPageExtraBannerArea img {
	width:100%;
	height:auto;
	max-width:993px;
}

#TDSBpageFrameVideo {
	width:963px;
	margin:2% auto 1% auto;
}
	
#trusteeMap {
  width: 100%;
  height: 440px;
}
/***  End of TDSB Banner Items  /


/*** Required to hide the mobile nav menu in the wwwTopMenu.ascx skin object ***/
.mobileHandheld {
  display: none;
}

.wwwFullPageBannerContainer {
	margin-top:-30px;
}

/ NEW /
.full-width-contentBox {
  width: 100%;
  margin:0 auto;
}

.extraBannerWithSubNav {
  width: 100%;
  margin: 120px auto 60px auto;
}

.fullPageOrangeSubNav {
	background-color: #fdb813;
	height:38px;
	width:100%;   
}

.fullPageOrangeSubNavBox {
	margin:0 auto;
	max-width:994px; 
	margin-top:0px;
}

ul.fullPageSubNav {
	display:flex;
	flex-direction:row;
	margin: 0;
	padding:0;
}

ul.fullPageSubNav li {
    list-style: none;
	flex-grow:1;
    float: left;
    text-align: center;
    border-right:none;
    font-size:0.88em;
	font-family: Tahoma, Geneva, sans-serif;
	height:37px;
	margin-top:-6px;
}

.fullPageSubNav ul {
	margin:0px;
	padding:0px;
	list-style:none;
	padding-top:2px;
}

ul.fullPageSubNav li a:link, ul.fullPageSubNav li a:visited,
ul.fullPageSubNav li a:active, ul.fullPageSubNav li a:hover
 {
  display: block;
	height:37px;
	color:#000;
	border-right:1px solid #FFF;
	font-weight:bold;
	text-decoration:underline;
	padding:7px 5px 3px 5px;
	margin-top:5px;
}
	
.extraBanner {
  width: 993px;
  margin: 60px auto 50px auto;
}

/**** NEW ****/
.extraBanner img {
  max-width: 993px;
}

.content3ColunmBoxExtra, .content2ColunmBoxExtra {
  margin: 0px 0 35px 0px;
}

.fullPage2ColunmBoxExtra {
  margin: 0 auto 50px auto;
  /*New*/
  max-width:1400px;
  padding-left:1.6rem;
  padding-right:1.6rem;
}

.fullPage2ColunmLeft, .fullPage2ColContentPaneLeft {
  float: left;
  width: 660px;
  margin: 0 0px 0 0px;
}

.fullPage2ColContentBoxRight, .fullPage2colContentPaneRight {
  float: right;
  margin: 0 0px 0 0px;
/**** NEW /
  width: 346px;
}

/* DNN News Module Overrides ****/
.article.in_list  {
  margin:1.4rem 0;  
}

.article.in_list .content h1 a  {
   font-size:1.4rem;  
}

.article_pager .active.page,
.article_pager .first,
.article_pager .prev,
.article_pager .page,
.article_pager .next,
.article_pager .last {
  padding:0.05rem 0.28rem 0.22rem 0.28rem;
}

.article_pager .active.page {
  border:1px solid #ccc;
  background-color: #f5f4f4;
}
/**** End of DNN News Module Overrides ****/


/***  Start of Home Top Div Items  ***/
.contentBox, .contentBoxLanguage, .contentBoxLanguageFullPage {
  margin: 1em auto 0px auto;
  width: 98%;
  max-width: 969px;
  padding: 0px 0px 10px 0px;
  padding-bottom: 325px;
  padding-bottom: 475px;

  /*Controls the bottom margin of the content area frame */
}


/****NEW****/
.contentBox {
  max-width:1400px;
  margin: 3rem auto 0px auto;
  padding-bottom: 275px;
}
/****NEW****/
.main-container-nav-1col, .main-container-2col,
.main-container-2col-full, .main-container-3col {
  display: flex;
}
/****NEW****/
.left-nav-container {
  margin-right:60px;
}
/****NEW****/
.main-container-1col {
  padding-right:2rem;
}

.main-container-1col img {
  max-width:90%;
}

/****NEW****/
.main-container-2col {
  display: flex;
  width:100%;
}
/****NEW****/
.left-content-container, .left-content-container-full{
  margin-right:70px;
  width:90%;
  width: 578px;
  max-width: 90%;
}
/****NEW****/
.container-full, .main-container-full, .main-container-2col-full,
.left-content-container-full {
  width: 100%;
  max-width: 100%;
}

.container-full {
  margin-bottom:3rem;
}

.main-container-full{
  padding-left:1.5%;
  padding-right:1.5%;
}

.right-container, .right-content-container, .right-content-container-full {
  width:100%;
  width:346px;
}

.overviewBox {
	margin-top:4em;
	padding-top:2em;
}

.overviewMenu, .overviewMenu1 {
	padding-bottom:1.2em;
	margin-bottom: 1em; 
	border-bottom:1px dotted grey;
}

/* Controls the bottom gap for the 1st menu on the Overview Pages */
.overviewMenu1 {
	margin-bottom: -1em; 
}

.overviewBox h2 a:link,
.overviewBox h2 a:visited,
.overviewBox h2 a:active,
.overviewBox h2 a:hover {
	font-size:1.170em!important;
	font-weight:300!important;
	line-height:1.4em;
}

ul.overviewList  {
	margin:0;
	padding:0;
	list-style:none;
}   

ul.overviewList li  {
	display: inline;
	font-size:1.1em;
	line-height:1.6em;
}

/* Controls the space between the Sports Banner and the Context Box */
.contentBoxSportsExtraLargeBanner {
  margin: 0px auto 0px auto;
}

/*** Controls the Gap between the Footer and the Main Content Box ****/
.contentBoxBottomMargin {
  height: 50px;
  width: 100%;
  float: left;
  margin-top:50px;
  margin-bottom:50px;
}

.contentPaneFullPage {
  max-width: 945px;
  width: 100%;
  margin: 0;
  padding: 0 18px;
  margin-bottom:100px;
  margin-top:9%;
}

.contentPaneFullPageAdmin {
	width:98%;
	margin-left:1%;
	margin-right:1%;
}

.contentPaneFullPage img {
  margin-bottom: 3px;
}


/  Kindergarten Campaign Skins */
.contentColumnBox1, .contentColumnBox2{
	margin: 25px 0px 35px 0px;
	width:970px;
}

.contentColumnBox1 .contentColumnLeft,
.contentColumnBox1 .contentColumnRight,
.contentColumnBox2 .contentColumnLeft,
.contentColumnBox2 .contentColumnRight  {
	float:left;
	width:100%;
	max-width:465px;
	margin-right:40px;
}

.contentColumnBox1 .contentColumnRight,
.contentColumnBox2 .contentColumnRight {
	margin-right:0px;
}	

.contentColumnBox1 .contentColumnLeft img,
.contentColumnBox1 .contentColumnRight img,
.contentColumnBox2 .contentColumnLeft img,
.contentColumnBox2 .contentColumnRight img {
	width:100%;
	height:auto;
	max-width:465px;
}

/***  Home Perm items  **/
#permBoxOrange, #permBox, #permBoxHeritage {
	width:260px;
	background-color:#3D6E9E;
	font-family: Verdana, Geneva, sans-serif;
	border:1px solid #C6C6C6;
	margin-bottom:5px;
}

#permBoxOrange {
	background-color:#CA4A00;
}

#permBoxHeritage {
	background-color:white;
}

#permBoxOrange ul, #permBox ul, #permBoxHeritage ul {
	padding:0;
	margin:0;
	list-style:none;
}

#permBoxOrange li a:link, #permBoxOrange li a:visited,
#permBoxOrange li a:active, #permBoxOrange li a:hover,
#permBox li a:link, #permBox li a:visited,
#permBox li a:active, #permBox li a:hover,
#permBoxHeritage li a:link, #permBoxHeritage li a:visited,
#permBoxHeritage li a:active, #permBoxHeritage li a:hover  {
	display:block; 
	color:#FFF;
	border-bottom:1px solid #6990B7; 
	text-decoration:none;
	padding:8px 8px;
	word-wrap:break-word;
}

#permBoxOrange li a:link, #permBoxOrange li a:visited,
#permBoxOrange li a:active, #permBoxOrange li a:hover  {
	border-bottom:1px solid #ff944d;
}

#permBoxHeritage li a:link, #permBoxHeritage li a:visited,
#permBoxHeritage li a:active, #permBoxHeritage li a:hover  {
	color:#03C;
	border-bottom:1px dotted #AEAEAE;
}

#permBoxHeritageTitleBox {
	font-size:1.7rem;
	color:#E06D15;
	font-weight:bold;
	padding:0 0 0 8px;
	margin-bottom:-9px;
	font-family:Arial, Helvetica, sans-serif;
}

/*
.home_Icons_Social, .mediaPage_Icons_Social {
  position: relative;
  margin-left: 100px;
  top: -35px;
  max-width: 30px;
}
*/


.TDSBrightADs {
  float: right;
  max-width: 260px;
  width: 100%;
  margin: -5px -2px 0 0px;

  /****NEW****/
  max-width:346px;
}

.findYPBox {
  margin: 2px 0 0 0;
  max-width: 695px;
  width: 100%;
  height: 226px;
  border: 1px solid #C6C6C6;
  background-image: url(/images/TDSB/home_FindYP_bkg.jpg);
  background-repeat: no-repeat;
}

.findYPsearch {
  margin: 115px 0 0 245px;
  max-width: 300px;
  width: 100%;
  height: 30px;
  border: 1px solid #C6C6C6;
  background-image: url(/images/TDSB/icons/Icon_Search_Grey.jpg);
  background-repeat: no-repeat;
  background-position: 270px 7px;
}

.findYPsearchBox {
  max-width: 260px;
  width: 100%;
  border: none;
  height: 25px;
  padding-left: 5px;
  padding-top: 5px\9;
  /* IE Fix  */
  height: 23px\9;
  /* IE Fix  */
}

.findYPmore {
  margin: 15px 0 0 245px;
  height: 30px;
}

.findYPbutton {
  margin: 5px 25px 0 0;
}

.findYPmoreText,
.findYPmoreText a:link,
.findYPmoreText a:visited,
.findYPmoreText a:active,
.findYPmoreText a:hover {
  margin: -20px 0px 0 15px;
  color: #43347b;
  font-weight: bold;
  text-decoration: none;
}

.TDSBphotoGallery {
  float: left;
  max-width: 260px;
  width: 100%;
  height: 330px;
  margin: 2px 0px 0px 0px;
}

/**   Find Your School Page - CSS items ***/
 .findSchoolBox {
	border: 1px solid rgb(211, 219, 219);
	height:auto;
	width:97%;
	border-image: none;
	padding: 1% 2% 0 0;
	margin-bottom:6%;
}

.findSchoolNo {
	float: left;
	color: rgb(67, 73, 77);
	line-height: 100%;
	padding-left: 3%;
	font-size: 400%;
	font-weight: bold;
	margin-top: 2%;
	margin-right:-2%;
}

.findSchoolText {
    float: left;
	height: 75px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	margin-top: 2%;
	margin-left: 8%;
	border: 0px solid currentColor;
	border-image: none;
}

.findSchoolIcon {
    padding: 1% 0 0 1%;
    float: right; 
}

.findSchoolIcon img {
    width: 107px!important;
    height: 107px!important;
}
/**** End of Find Your School CSS  **/
 
 
.kinderContentBox {
	margin-top:7%;
}

/* *  Items for column Skins   */
/ 2 column items ***/
/****NEW****/
.content2ColunmBox {
  max-width: 1400px;
  width: 100%;
  margin: 60px 0px 35px -0px;
}

.content2ColunmLeft, .content3ColunmLeft, .content2ColLtNoMenu {
  float: left;
  width: 100%;
  max-width: 346px;
  margin: 0 50px 0px 0px;
}

.content2ColLtNoMenu {
  max-width: 640px;
  width: 100%;
  margin-top: -40px;
}

.content2ColRtNoMenu {
  float: right;
  max-width: 260px;
  width: 100%;
  margin: -40px 0 3px 0;
}

.content2ColunmRight {
  float: right;
/****NEW****/
margin: 0px;
width: 70%;
max-width:70%;
padding-right: 2rem;

}

.2ColContentPane {
  max-width: 425px;
  width: 100%;
  margin: 0 0px 0 0px;
}
.2ColFullExtraLeft {
  max-width: 500px;
  width: 100%;
  margin: 0 0 0 0;
}

.3ColContentPane {
  max-width: 425px;
  width: 100%;
  margin: 0 0 0 0;
}

.3colContentPaneRight {
  max-width: 260px;
  width: 100%;
  margin: 0 0 0 0;
}

.3ColContentPaneEven {
  max-width: 340px;
  width: 100%;
  margin: 22px 0px 0px -2px;
}

.content3ColunmBox {
  width: 100%;
  max-width: 1400px;
  margin: 70px 0px 35px 0px;
}

.content3ColunmRight {
  float: right;
  width: 100%;
  margin: 0 0 0 0;
  word-wrap:break-word;
  /****NEW****/
  max-width: 70%;
}

.content3ColunmRight, .content3ColunmMid_VL {
  float: left;
  width: 100%;
   /****NEW****/
  max-width: 58%;
  margin: -5px 50px 0 0px;
 }

/  Used for Virtual Library 3columnInteriorVL Skin ****/
.vl-content-box {
  margin-top:2rem;
}

.content3ColunmMid_VL {
  max-width: 510px;
}

.content3ColunmRight_Right, .content3ColunmRight_VL {
  float: right;
  width: 100%;
  margin: 0 3px 0 0;
  min-height: 300px;
  word-wrap:break-word;
  max-width: 346px;
}

.content3ColunmRight_Right img, .TDSBrightADs img {
  width:100%;
  max-width: 346px;
}

/  Used for Virtual Library 3columnInteriorVL Skin ****/
.content3ColunmRight_VL {
  max-width: 190px;
}

.overViewBoxOrange1 {
  max-width: 420px;
  width: 100%;
  padding: 10px;
  border: 1px solid #F7BF5A;
  background-color: #FCF3DC;
  margin: 0px 0 5px 0px;
}

.overViewBoxOrange2 {
  max-width: 420px;
  width: 100%;
  padding: 10px;
  border: 1px solid #F7BF5A;
  background-color: #FEF9EE;
}

/****/
/*** REMOVE IN THE SUMMMER FOR CLEAN-UP /
/*Left Nav Bar Menu Items  
**/
.subPageOverviewTitle, .subPageOverviewTitle a:link, .subPageOverviewTitle a:visited,
.subPageOverviewTitle a:active, .subPageOverviewTitle a:hover,
.subPageOverviewTitle:focus {
  font-size: 1.02em;
  color: #000;
  line-height: 1.36em;
  text-decoration: none;
  display: block; 
  border-bottom: 1px dotted #C9CDCD;
}

.leftNavBox .RadPanelBar .rpItem:after, .leftNavBox .RadPanelBar .rpText:after,
.leftNavBox .RadPanelBar .rpTemplate:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.leftNavBox, .RadPanelBar {
  position: relative;
  display: block;
  margin: 0px 0 25px 0px;
  width:330px;
}

.RadPanelBar {
  margin-left: 0px;
}

.leftNavBox .RadPanelBar .rpRootGroup,
.RadPanelBar .rpGroup,
.RadPanelBar .rpItem {
  list-style: none outside none;
  font-size: 1.02em;
}

.leftNavBox .RadPanelBar .rpRootGroup {
  border: none;
  width: 194px;
}

/*  Controls default menu seetings  */
.leftNavBox .RadPanelBar .rpLink,
.leftNavBox .RadPanelBar .rpLink a:link {
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  padding: 1px 0px 2px 0px;
  /*controls padding for each mneu item */
  color: #2D4074;
  border-bottom: none;
  font-size: 0.88em;
  line-height: 1.44em;
  border-bottom: 1px dotted #C9CDCD;
  /**/
}

/*  Controls default menu seetings hover state */
.leftNavBox .RadPanelBar a.rpLink:hover {
  color: #2D4074;
  padding: 1px 0 1px 0px;
  /* needed because of bottom line */
}

.leftNavBox .RadPanelBar .rpText {
  padding: 0 0px;
}

/*** First Menu ***/
.leftNavBox .RadPanelBar .rpFirst .rpLink,
.leftNavBox .RadPanelBar .rpFirst .rpLink a:link {
  color: #2D4074;
  line-height: 1.24em;
  margin: 1px 0 0px 0;
  padding: 4px 0px 2px 0px;
}

/*** Over Color for First Menu ***/
.leftNavBox .RadPanelBar .rpFirst .rpLink a:hover,
.leftNavBox .RadPanelBar .rpFirst a:hover {
  background-color: none;
  padding: 10px 0 2px 0px;
  line-height: 1.24em;
  margin: 1px 0 0px 0;
}

/*** Controls the First Menu Hover State ***/
.leftNavBox .RadPanelBar .rpFirst a:hover {
  padding: 4px 0 1px 0px;
  line-height: 1.24em;
  margin: 1px 0 0px 0;
}

.leftNavBox .RadPanelBar .rpOut {
  border-bottom-style: none;
  border-bottom-width: 0px;
}

/* Controls the expanded menus titles with Arrows */
.leftNavBox .rpRootGroup .rpExpandable {
  font-size: 0.92em;
  padding: 1px 0 2px 0px;
  border-bottom: 1px dotted #C9CDCD;
}

/**** Add's a Selected Background Colour to the selected/active menu ****/
/** Controls the Active Colour for First Sub Menu and Active Page **/
.leftNavBox .RadPanelBar .rpItem .rpSelected,
.leftNavBox .RadPanelBar .rpLevel1 .rpFirst .rpSelected {
  background-color: none;
  text-decoration: none;
  padding: 1px 0 3px 0px;
  font-weight: bold;
}

/**** Add's a Selected Background Colour to the selected/active menu ****/
/** Controls the Active Colour for First Sub Menu and Active Page **/
.leftNavBox .RadPanelBar .rpItem a.rpSelected:hover,
.leftNavBox .RadPanelBar .rpLevel1 .rpFirst a.rpSelected:hover {
  padding: 1px 0 3px 0px;
}

/**** Controls the Arrow Sub Menu Title ****/
.RadPanelBar .rpRootGroup .rpExpanded {
  background-color: none;
  border-bottom: none;
}

.RadPanelBar .rpRootGroup a.rpExpanded:hover {
  padding: 1px 0 2px 0px;
  border-bottom: none;
}

/***  CSS for the Left Arrow ***/
.RadPanelBar .rpExpandable .rpExpandHandle,
.RadPanelBar .rpExpanded .rpExpandHandle {
  display: block;
  position: absolute;
  float: left;
  left: -12px;
  height: 15px;
  margin: 5px 5px 0 0;
  width: 15px;
  background-image: url(/images/TDSB/leftNavArrow.jpg);
  background-repeat: no-repeat;
  background-position: -2px 2px;
}

/* Controls the Box for sub menus */
.leftNavBox .rpRootGroup .rpLevel1 {
  margin: -6px 0 0px 0px;
}

/ Controls the expanded sub menu list /
.RadPanelBar .rpRootGroup .rpGroup .rpFirst .rpLink {
  background-color: transparent;
  border-bottom: 0 none;
  font-size: 0.82em;
  line-height: 0.98em;
  padding: 1px 0 2px 10px;
}

.RadPanelBar .rpRootGroup .rpGroup .rpFirst a.rpLink:hover {
  background-color: transparent;
  border-bottom: 0 none;
  font-size: 0.82em;
  line-height: 0.98em;
  padding: 1px 0 2px 10px;
}

/ Controls the expanded sub menu list /
.RadPanelBar .rpRootGroup .rpGroup .rpLink {
  background-color: transparent;
  border-bottom: 0 none;
  font-size: 0.82em;
  line-height: 0.98em;
  padding: 1px 0 2px 0px;
}

.RadPanelBar .rpRootGroup .rpGroup .rpLink,
.RadPanelBar .rpRootGroup .rpGroup a.rpLink:hover {
  line-height: 1.18em;
  padding: 1px 0 2px 10px;
}

/* Controls the expanded sub menu box border */
.leftNavBox .RadPanelBar .rpRootGroup .rpLevel1 {
  display: block;
  margin-left: 0px;
  padding: 3px 0 3px 0px;
  border-bottom: 1px dotted #C9CDCD;
}

/* Controls the expanded menus sub nav */
.leftNavBox .RadPanelBar .rpRootGroup .rpLevel1 a:hover {
  padding: 1px 0 2px 10px;
}

/* Controls 1st level fly out 1st menu item  */
.leftNavBox .rpRootGroup .rpLevel1 .rpFirst {
  padding: 2px 0 4px 0px;
}

/* Controls 1st level fly out 1st menu item  */
.leftNavBox .rpRootGroup .rpLevel1 .rpFirst a:hover {
  padding: 4px 0 2px 0px;
}

/* Controls 1st level fly out 1st menu item  */
.leftNavBox .rpRootGroup .rpLevel1 .rpFirst .rpSelected,
.leftNavBox .rpRootGroup .rpLevel1 .rpFirst a.rpSelected:hover {
  padding: 4px 0 1px 10px;
  font-weight: bold;
  color: #000;
}

/* Controls second level fly out list except the 1st one */
.leftNavBox .rpRootGroup .rpLevel1 .rpSelected,
.leftNavBox .rpRootGroup .rpLevel1 a.rpSelected:hover {
  color: #000;
  font-weight: bold;
}

.leftNavBox .rpRootGroup .rpLevel1 a.rpSelected:hover {
  padding: 1px 0 2px 10px;
}

.leftNavBox {
  margin: 19px 0 25px 10px;
}

.leftNavBox .RadPanelBar .rpGroup {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}


/** AODA Keyboard Focus for Left Nav **/ 
.RadPanelBar .rpRootGroup .rpGroup .rpFirst a.rpLink:focus,
.RadPanelBar .rpRootGroup .rpItem.rpFirst a.rpLink.rpExpandable:focus,

.RadPanelBar .rpRootGroup .rpItem a.rpLink:focus,

.RadPanelBar .rpRootGroup .rpItem .rpLink.rpExpandable a.rpLink:focus,

.RadPanelBar .rpRootGroup .rpGroup a.rpLink:focus,
.leftNavBox .rpRootGroup .rpLevel1 a.rpFirst:focus,
.leftNavBox .rpRootGroup .rpLevel1 a.rpLink:focus {
/*  border:1px dotted #74a061; */
  border:1px dotted green;
  border-bottom:1px dotted green!important;
}

/**  End of Left Menu Items */
/***/


/  Start of Taxonomy Styles  /
.taxonomyBox {
  padding: 4px;
  border: 1px solid #EAEAEA;
  background-color: #EEE;
  margin: 0px 0 0px 0;
  width: 432px;
}

.taxonomyTitleBox {
  background-color: #666;
  width: 436px;
  height: 23px;
  padding: 3px 1px 0 4px;
  border: 1px solid #DBDBDB;
  color: #FFF;
  font-weight: bold;
  margin: 100px 0 0 0px;
}

.taxonomyBox .horizontal ul.categories li {
  list-style: square;
  color: #6A6A6A;
}

.taxonomyBox .horizontal ul.categories li a:link,
.taxonomyBox .horizontal ul.categories li a:visited,
.taxonomyBox .horizontal ul.categories li a:active,
.taxonomyBox .horizontal ul.categories li a:hover {
  font-size: 0.84em;
  color: #666;
  text-decoration: none;
  list-style: square;
}

.taxonomyBox .horizontal ul.categories li a:hover {
  text-decoration: underline;
}
/**  End of Taxonomy Styles */



/  Start of Bottom TDSB People Footer Bar  /
footer  {
	display:block;
}

.footerFrame {
  position: absolute; 
  bottom: 0px;
  padding: 1em 0 0 0;
  width: 100%;
  background-color: #FFFDFA;
  background-image: url(/images/TDSB/footer5px_bkg.jpg);
  background-repeat: repeat-x;
  border-top: solid 1px #C6C6C6;
}

.footerInsideBox {
  width: 100%;
  max-width: 994px;
  margin: 2.6em auto 0 auto;
}


footer ul {
	list-style-type:disc;
}
        
		
footer i {
    color: #5946A7;
}

footer a {
    color: #5946A7;
    font-weight: normal;
}
		
footer h2 {
  font-size: 1.75rem !important;
  font-weight: 500 !important;
}



footer .list-group .list-group-item {
    font-size:0.92em;
	border: 0;
    border-radius: 0;
    border-bottom: none;
    padding: 0.24em 0.2em 0;
	background-color: transparent!important;
	display:list-item;
}
		
#footerMissionBox {
	margin-top:-0.98em;
	margin-bottom:1.4em;
}
		
footer i.fas.fa-wheelchair.fa-3x,
footer i.fas.fa-file-alt.fa-3x,
footer i.fab.fa-facebook.fa-3x,
footer i.fab.fa-youtube.fa-3x,
footer i.fab.fa-twitter-square.fa-3x,
footer i.fab.fa-instagram-square.fa-3x {
	font-size:2.4em;
	color:#336699!important;
}

footer i.fas.fa-file-alt.fa-3x a:link,
footer .accessDocSpacer {
	text-decoration:underline;
}

footer i.fab.fa-facebook.fa-3x,
footer i.fab.fa-youtube.fa-3x,
footer i.fab.fa-twitter-square.fa-3x,
footer i.fab.fa-instagram-square.fa-3x 	{
	font-size:2.4em;
	color:#336699!important;
}


footer .accessDocSpacer {
	margin-top:0.20em;
	margin-left:4.7em;
	font-size:0.78em;
}


footer .footerIconsSpacer {
	margin-bottom:1em;
}


footer .footerIconsSpacer svg {
	color:#336699!important;
}


.footerUser {
	padding: 7px 0;
}


.mainFooterBottomBox,
.mainNoFooterBottomBox,
.mainFooterBottomBoxLanguage {
  position: absolute;
  width: 100%;
  height: 105px;
  background-image: url(/images/TDSB/footerBottom.jpg);
  background-repeat: repeat-x;
  border-bottom: 3px solid #00C76F;
  left: 0px;
}

.mainNoFooterBottomBox {
  height: auto;
  background-image:url(/images/Footer-Colour-Line.jpg);
  background-position:top;
  background-repeat:no-repeat;
  padding:18px 0;
  text-align:center; 
  border-bottom: none;
  left: 0px;
}

.mainFooterBottomBoxLanguage {
  margin: 30px 0 0 0;
  background-image: url(/images/TDSB/footerBottomLanguage.jpg);
  position: relative;
  bottom: 0px;
}

.mainFooterBottomText {
  margin: 0 auto;
  max-width: 995px;
  width: auto;
  height: 25px;
  padding: 75px 0 0 0px;
  text-align: center;
  color: #000;
  font-size: 0.78em;
}

.mainFooterBottomText a,
.mainFooterBottomText a:link,
.mainFooterBottomText a:visited,
.mainFooterBottomText a:active,
.mainFooterBottomText a:hover {
  color: #402A9A;
}
/***  End of Footer /



/* *  Dynamic CSS Default Buttons * */
/* *  The code below should be removed * */
/* *  once the new code forall Green Nav  * */
/* *  Butons have replaced the old dynamic CSS code * */
.pageNavButtons {
  width: 700px;
}

.itemBtn, .itemBtnLeftArrow, .itemBtnRightArrow, .itemBtnDownArrow,
.itemBtnLable, .itemBtnLeft, .itemBtnRight {
  float: left;
  height: 37px;
}

.itemBtn {
  height: 50px;
  margin-right: 10px;
}

.itemBtnSPC {
  float: left;
  margin: 10px 0px -15px 0;
}

.itemBtnLeftArrow, .itemBtnRightArrow, .itemBtnDownArrow {
  background-image: url(/images/TDSB/btn_000_arrowLeft.jpg);
  background-repeat: no-repeat;
  width: 38px;
}

.itemBtnRightArrow {
  background-image: url(/images/TDSB/btn_000_arrowRight.jpg);
}

.itemBtnDownArrow {
  background-image: url(/images/TDSB/btn_000_arrowDown.jpg);
}

.itemBtnLable,
a.btnTextLink:link, a.btnTextLink:visited, a.btnTextLink:active, a.btnTextLink:hover {
  font-size: 0.82em;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
  background-image: url(/images/TDSB/btn_000_bkg.jpg);
  background-repeat: repeat-x;
  padding: 8px 5px 4px 5px;
}

a.btnTextLink:link, a.btnTextLink:visited, a.btnTextLink:active, a.btnTextLink:hover {
  font-size: 1.04em;
  background-image: none;
}

.itemBtnLeft {
  background-image: url(/images/TDSB/btn_000_leftEnd.jpg);
  background-repeat: no-repeat;
  width: 7px;
}

.itemBtnRight {
  background-image: url(/images/TDSB/btn_000_rightEnd.jpg);
  background-repeat: no-repeat;
  width: 10px;
}

/* ** */
/* ** */
/* *  End of old code for Dynamic CSS Default Buttons * */
/* ** */
/* ** */
/** New code for Green Nav Butons ***/
a.btn_navGreenLeft, a.btn_navGreenRight, a.btn_navGreenDown, a.btn_navGreenUp {
  height: 35px;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 0.78em;
  font-weight: bold;
  text-decoration: none;
  color: #FFF !important;
  background-image: url(/images/TDSB/btn_navGreen_left.png);
  background-repeat: no-repeat;
  background-position: 2px 3px;
  background-color: #95b275;
  border: 1px solid #bd831f;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 1px 1px 9px #888888;
  padding: 9px 12px 10px 40px;
  margin: 15px 5px 20px 0;
}

a.btn_navGreenRight {
  background-image: url(/images/TDSB/btn_navGreen_right.png);
}

a.btn_navGreenDown {
  background-image: url(/images/TDSB/btn_navGreen_down.png);
}

a.btn_navGreenUp {
  background-image: url(/images/TDSB/btn_navGreen_up.png);
}

/End of Dynamic Nav Buttons **/


//
/** AODA - Social Media Blue Box Icons **/
//
.socialIconBlueBkg {
	width:260px;
	border:1px solid #D7D7D7;
	background-color:#EAFAFF; 
	height:55px;
	margin-bottom:0.48em;
}

.socialIconBlue {
	padding:0;
	float:left;
	margin-right:0.2em;
	max-width:55px;
	max-height:51px;
}

.socialIconTextBox {
	margin-top:0.5em;
	line-height:1.1em;
}

.socialIconTextBox a:link, .socialIconTextBox a:visited,
.socialIconTextBox a:active, .socialIconTextBox a:hover {
	color:#405383!important;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none!important;
	font-size:0.82em;
}


/** 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 {
	font-weight:600;
  color: #2d4074;
}


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;
	padding: 6px 0 8px;
	background-color:#e6f9ff;
	display:block;
	margin-left:3px;
  color: #2d4074;
}


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


/ Message Alerts Notice CSS items  */
.homepageUpperEmergbox {
  width: 990px;
  margin: 20px auto -5px auto;
}

.TDSB_EmergencyNotice {
  width: 100%;
  margin: 0px 0px;
  padding: 10px 10px;
  border: 1px solid #c6c6c6;
  background-color: #fff;
}

.emergencyArea {
  /* border: 1px solid #c6c6c6;
  background-color: #fff; 
  padding: 10px 10px; 
  margin-bottom: 10px;*/
}

.emergencyArea .emergIcon {
  float: left;
  margin-right: 10px;
  padding: 0px 0px;
}
.emergencyArea .emergTextBox {
  font-size: 0.9em;
  line-height: 1.4em;
  vertical-align: middle;
  padding: 10px 10px;
  min-height: 80px;
  overflow: hidden;
}



/* Styles for School Landing Page */
.TDSB_EmergencyAlertBox {
  width: 100%;
  margin: 0px 0px 25px 0px;
  padding: 0 0;
}

#EmergencyBoxTitleArea {
  display: none;
}

.EmergencyArea {
  border: 1px solid #C6C6C6;
  background-color: #FFF;
  padding: 10px 10px;
}

.EmergencyArea .EmergencyBoxContentArea {
  font-size: 0.9em;
  line-height: 1.4em;
  vertical-align: middle;
  padding: 10px 10px;
  min-height: 83px;
  overflow: hidden;
}

.EmergencyBoxLogo {
  float: left;
  top: -10px;
  left: -10px;
  margin-right: 10px;
  padding: 0px 0px;
}


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


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

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

.spcOpenHouseNoticeIcon {
  /*width: 230px;*/
  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 Styles for School landing page /
/* CSS for AboutUs/Registration Promos  */
.regPromos {
  margin: 5px 0 25px 0;
  padding: 0 0;
}

/***/
/** Google Search Appliance CSS Overrides **/
/***/
.GSApagination {
	margin:1.5em 0 -1em 0;
	padding-bottom:1.6em;
}

.GSAtotalResults table tr td {
	width:100%;
	background-color:#fff;
	margin:0;
}

.GSAtotalResults td.sep {
	width:100%;
}


td.sep {
	border:none;
}


.main-results-without-dn {
	width:100%;
}

.GSAtotalResults td.s {
	width:100%;
	background-color:#FFF; 
	border:1px solid #E1E1E1;
	border-radius:0.60em;
	padding:0.68em;
	font-size:.96em;
}

.GSAtotalResults td.s span br {
	display:none;
}

p.g {
	padding:.38em 0 0.28em 0;
	font-weight:bold;
	text-indent:0.98em;
}

.GSApagination a:link, .GSApagination a:visited,
.GSApagination a:active, .GSApagination a:hover,
a.GSApagePN:link, a.GSApagePN:visited,
a.GSApagePN:active, a.GSApagePN:hover,
.GSApage a:link,  .GSApage a:visited {
	background-color:#FFF;
	color:#000;
	padding:0.28em 0.34em;
	border-radius:0.38em;
	border:1px solid #ccc;
	text-decoration:none;
	font-size:0.88em;
	margin:0 0 0.28em;
}

.GSApagination a:hover {
	background-color:#F0F0F0;
	color:#555;
}


a.GSApagePN:link, a.GSApagePN:visited,
a.GSApagePN:active, a.GSApagePN:hover {
	background-color: #D4D4D4; 
	border-radius:0.58em; 
	color: #555;
}

a.GSApagePN:hover {
	background-color:#FFF;
}
/* **                  ** */
/* *  Admin Overrides  * */
/* **                  ** */
/* This is fix for IE  when in the Admin view */
body a:visited {
  font-size: 0.98em;
}

.overviewPageHeading {
  font-size: 1.98em;
  font-family: Georgia, "Times New Roman", Times, serif;
}

#TDSBpageFrameAdmin {
  position: relative;
  min-height: 100%;
  background-image: none;
}

.adminBackground {
  background-color: #FFF;
  margin: 0 auto;
  margin-top: 30px;
  width: 63%;
}

/*** Fix for Module Box and Rich Text Editor Box ***/
.dnnFormPopup #iPopUp {
  padding-top: 10px;
  width: 98% !important;
}

.dnnFormPopup .dnnModalCtrl {
  background-color: #EAEAEA;
  border-radius: 8px 8px 8px 8px;
  height: 28px;
  right: 5px;
  top: 5px;
  width: 80px;
}

/*** FireFox Only  ***/
@-moz-document url-prefix() {
  .dnnFormPopup .dnnModalCtrl a.ui-dialog-titlebar-close {
    width: 30px;
    margin: -10px 0 0 4px;
 }
}


/*** CSS Class Rich Text Editor Dropdown Menu ***/
.photoLeft {
  float: left;
  margin: 5px 25px 25px 0;
  display: inline;
}

.photoRight {
  float: right;
  margin: 15px 0px 50px 25px;
  display: inline;
}

.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.82em;
  line-height: 1.16em;
}

.pullquote {
  background-color: #FBFBEE;
  margin: 25px 12%;
  padding: 12px;
  border: 1px solid #CDD7D7;
  display: table;
}

.photoGreyBorder {
  border: 1px solid #D3DBDB;
  height: auto;
  width: auto;
}

#skiplink {
  display: none;
}

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

a:focus {
    outline: 2px solid #74a061;
}



/***START*** Stories From The Arts & Trending@TDSB **/
#trendingContentMain div {
 float: left;
 width:310px;
}
#trendingContentMain div:nth-child(even) {
 clear:left;
 margin-right:15px;
}
#trendingContentMain div:first-child {
 float: left;
 width:100%;
}
#trendingContentMain div:first-child img,
#trendingContentMain div:first-child iframe {
 width:630px;
 height:420px;
}
#trendingContentMain img,
#trendingContentMain iframe {
 width:310px;
 height:205px;
}

#trendingContentMain a {
 text-decoration:none;
}
#trendingContentMain a:hover h3 {
 color: #03C;
 text-decoration: underline;
}
/****END**** Stories From The Arts & Trending@TDSB **/


/*** Start hide h1, h2, h3, h4 if there is no content */
h1:empty, h2:empty, h3:empty, h4:empty{
   display: none;
}
/*** End hide h1, h2, h3, h4 if there is no content */



/*** Used for responsive embeded videos ***/
.headerTDSBLogoVideoPage {
	margin-left:-1%;
	margin-bottom:2em;
}

.headerTDSBLogoVideoPage img {
	width:100%;
	height:auto;
	max-width:340px;
}

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


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

.isiLiveVideoBox iframe {
    position:absolute;
	left:0;
    top:0;
    height:100%;
    width:100%;
	overflow:hidden;
}


/ Div for colour boxes Remote Learning /
.rowItmes {
  display: flex;
  flex-wrap: wrap;
  gap:1rem;
	width:100%;
}

.rDivItems {
  /**** NEW  ****/
  display: flex;
  float:none;
}

a.filltheDivBox {
	display:block;
	height:100%;
	width:100%;
	text-decoration: none;
	border:1px solid #cecece;
	padding:0;
}




/* Coloured Box with Header */
.boxRYellow, .boxRGreen, .boxRRed,
.boxROrange, .boxRBlue, .boxRPurple {
	background-color:#e2e767;
	height:5.2em;
	padding:3% 3% 3% 3%;
	margin-top:-3px;
	border-top:1px solid #cecece;
    line-height:1.6em!important;
}

.boxRGreen {
	background-color:#75c169;
}

.boxRRed {
	background-color:#cc3838;
}

.boxROrange {
	background-color:#ed913c;
}

.boxRBlue {
	background-color:#395c96;
}

.boxRPurple {
	background-color:#8e38a1;
}

.boxRYellowHead, .boxRGreenHead, .boxRRedHead,
.boxROrangeHead, .boxRBlueHead, .boxRPurpleHead {
	font-family:Verdana,Arial, Sans-Serif;
	font-size:1.25em;
	font-weight:bold;
	margin:0 0 0 0;
	text-shadow:1px 4px 5px #FFF9CE;
	color:#FFF;
}

.boxRYellowHead {
	color:#396099;
	text-shadow:1px 4px 5px #FFF9CE;
}

.boxRGreenHead {
	text-shadow:1px 4px 5px #3e9930;
}

.boxRRedHead {
	text-shadow:1px 4px 5px #722222;	
}

.boxROrangeHead {
	text-shadow:1px 4px 5px #ce6300;
}

.boxRBlueHead {
	text-shadow:1px 4px 5px #2b4471;	
}

.boxRPurpleHead {
	text-shadow:1px 4px 5px #571566;	
}

 
.contentBoxLanguage .titleBoxh1Object {
	margin-top:-6%;
	margin-bottom:10%;
} 


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

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

  / NEW  /
    display:flex;
    margin-right:0;
    margin-top:0;
    margin-bottom:0!important;
}

.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:220px;
	font-weight:600;
	text-decoration:none!important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;

/ NEW  */
  display: flex;
  flex-direction:column;
  justify-content: center;
  padding:0.38 0rem;
}

.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: #BB5B11!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;
}
/*/

.contentBoxLanguage .titleBoxh1Object {
	margin-top:-6%;
	margin-bottom:10%;
} 


.content3ColunmRight_Mid {
  max-width:57%;
}
/**** NEW ****/
.content3ColunmRight_Mid img {
  width:98%;
}



@media print {

@page {
    size: 8.5in 11in;
    margin: 0.4in 0.4in 0.4in 0.4in;
    padding: 5pt 4pt;
}

body {
  background: white;
  font-size: 22pt;
  line-height: 34pt;
  font-family: "Times New Roman", Times, serif;
  height: auto;
}

h1 {
  font-size: 36pt!important;
  font-weight: bold;
  margin-top:16pt!important;
}

h2, h2 a  {
font-size: 22pt;
}
  
#TDSBPrintBanner {
  display: block;
  height: 56px;
  width: 518px;
  padding-bottom: 0.99in;
  margin-bottom:0.4in;
}

#pnlShowPageTitleAdmin, #ControlBar, #skiplink, .extraBanner, .TDSBwwwNavBarBox,
 .TDSBtopBannerBox, .mobileHideTopNav, .mobileHandheld, .content2ColunmLeft, .leftNavBox,
 .homeHeadingIMG, .home_Icons_Social, .mediaPage_Icons_Social, .footerFrame, .mainFooterBottomBox,
.mainFooterBottomText, .languageHeaderBanner, .mainFooterBottomBoxLanguage, .extraBannerWithSubNav,
.fullPageOrangeSubNav {
    display: none;
	border:none;
}

.TDSBwwwNavBarBox {
	border:none;
	background-image:none;
}

#TDSBpageFrame, #TDSBpageFrameBanner, .content2ColRtNoMenu,
#TDSBpageFrameLanguage, .mainFooterBottomBoxLanguage {
    background-image: none;
    float: left;
}

.contentBox, .content2ColunmRight, .content3ColunmRight, .content3ColunmRight_Mid, .content3ColunmRight_Even1,
.contentBoxLanguageFullPage, .fullPage2ColunmBoxExtra,
.fullPage2ColunmLeft, .fullPage2ColContentPaneLeft,
.contentPaneFullPage, .content3ColunmMid_VL, .TrusteeMainBox div.TrusteeInfo,
/*** Kindergarten Month Page ***/
.contentColumnBox1 .contentColumnLeft,
.contentColumnBox1 .contentColumnRight,
.contentColumnBox2 .contentColumnLeft,
.contentColumnBox2 .contentColumnRight  {
    width: 1400px;
    margin: 10pt 0 0 0;
    padding: 0 0;
    height: auto;
    background-color: white;
	max-width:1400px;
	font-size:22pt;
}

.contentBoxLanguageFullPage, #TDSBpageFrameVideo {
    width: 1000px;
	max-width:1000px;
	font-size:22pt;
}

.content2ColunmRight, .content3ColunmRight {
    margin: 0px 0 0 10px;
    float: left; 
}

.content3ColunmRight {
  margin-top: -75px;
}

.content2ColunmRight {
  margin-top: -50px;
}

.contentPaneFullPage {
  margin-top: -50px;
  height: auto;
}


.content3ColunmRight_Even {
  width: 340px;
  margin-top: 30px;
  height: auto;
  float: left;
}

.content3ColunmRight_Right, .3colContentPaneRight {
  margin-top: 30px;
  height: auto;
  float: left;
}

.homeHeadingIMG {
  margin-top: 30px;
  display: block;
  height: auto;
}

.content3ColunmRight_Right, .content3ColunmRight_Right_InteriorSkin,
.spcContentBoxRight, .fullPage2ColContentBoxRight,
.fullPage2ColContentBoxRight, .content3ColunmRight_VL  {
  float: left;
  clear: both;
}

.news {
  width: 650px;
  margin: 0px;
}

.main_content p {
  width: 650px;
  margin: 0px;
}

.social_buttons, .box_list_container, #dnn_ÐÓ°ÉProTags, .admin_action .edit {
  display: none;
}

.StreetGuide_Result {
  overflow: visible;
  page-break-inside: auto;
  float: none;
}

/* Accessibility */
#skiplink {
  display: none;
}


#TDSBpageFrameLanguage .contentBoxLanguage,
.content3ColunmRight_Mid {
	margin-left:0;
}

#TDSBpageFrameLanguage .contentBoxLanguage,
.content2ColunmBox, .content2ColunmRight, .content3ColunmRight_Right,
.content2ColLtNoMenu, .content3ColunmRight_Even2 {
	width:1400px;
	float:none;
	max-width:1400px;
	font-size:22pt;
}

/ School Landing Page Print View ****/
.spcInfoBox, .spcContentBoxLeft{
	width: 800px;
}

.spcInfoBoxLeft {
	width: 300px;
} 

.spcInfoBoxRight {
	width: 216px;
}
}


@media handheld, only screen and (max-device-width: 98%) {
html, body, div {
    padding: 0;
    margin: 0;
}
  
body {
    font: 1.9em/1.9em Arial, Helvetica, sans-serif;
    background-color: #fff;
    height: 100%;
    -webkit-text-size-adjust: none;
}
  
div, #TDSB_searchContainer a {
    display: none;
}
  
h1, h2, h3, h4 {
    font-weight: normal;
}  
/*------------------------ END OF MOBILE CSS ------------------------*/

/****
RESPONSIVE CONTENT
*/
.homeTopDivBox {
  width: 970px;
}
}

/****NEW****/
@media screen and (min-width: 1401px) {
  .right-container img {
    width:100%;
    max-width: 346px;
  }

  /****NEW****/
  .left-content-container img{
    width:100%;
    max-width:645px;
  }
}


/****NEW****/
@media screen and (max-width: 1400px) {
  .contentBox {
      /*border:3px solid purple;*/
  }

 /****NEW****/
 .left-content-container {
  width:574px;
  max-width:85%;
  margin-right:50px;
  }

   /****NEW****/
   .left-content-container img{
    width:80%;
    max-width:645px;
   }

  
/****NEW****/
  .content2ColunmRight, .content3ColunmRight {
    max-width: 67%;
  }
  /****NEW****/
 .content3ColunmMid_VL {
    max-width: 50%;
  }

  .right-container, .right-content-container {
    width:275px;
  }

  .right-container img {
    width:100%;
    max-width: 346px;
  }
}

/****NEW****/
@media screen and (max-width: 1260px) {
  .contentBox {
    /*  border:3px solid yellow; */
  }
 .main-container-2col {
    display: block;
  }
  .left-content-container {
    width:100%;
    max-width: 98%;
    margin-right:0;
  }
  .right-container, .right-content-container {
    margin-left:0;
    width:100%;
    max-width: 346px;
  }

/**/
.content2ColunmBox {
  display: flex;
}
.content2ColunmRight {
  display: flex;
  width: 100%;
  padding-right:1.4rem;
}
.contentBoxBottomMargin {
  display: none;
}
/**** NEW ***/
.content3ColunmLeft {
  margin-right:40px;
}
.content3ColunmBox {
    display:flex;
  }
  /**** NEW ****/
  .content3ColunmRight {
    max-width:64%;
  }
  .content3ColunmRight_Mid {
    max-width:57%;
  }
  
  .content3ColunmRight_Right {
    float:right;
    max-width:35%;
  }
}


@media screen and (max-width: 1120px) {
  /**** NEW ****/
  .content3ColunmLeft {
    margin-right: 37px;
  }
  .content3ColunmRight {
    max-width:60%;
  }
  .content3ColunmRight_Mid {
    max-width:98%;
    margin-right:0;
  }
    .content3ColunmRight_Right {
    float:left;
    margin-top:2rem;
    max-width:346px;
  }
}

@media screen and (max-width: 1000px) {
.contentBox {
    height: auto;
    padding: 0 0 50px 0;
    margin: 0 10px;
}

/****NEW****/
.contentBox {
  display: block;
}
/****NEW****/
.left-nav-container {
  margin-right:0;
}
/****NEW****/
.main-container-1col {
  padding-right:0rem;
}
/****NEW****/
.main-container-2col {
  margin-left:0;
  display:flex;
  width:100%;
}
/****NEW****/
.main-container-nav-1col, .main-container-2col,
.main-container-2col-full, .main-container-3col {
  display:block;
  padding-left:0.38rem;
  padding-right:0.38rem;
}
/****NEW****/
.left-content-container, .main-container-2col-full {
  width:98%;
  margin-right:0px;
}
/****NEW****/
.left-content-container img, .main-container-2col-full {
  width:100%;
}
/****NEW****/
.right-content-container {
  width:346px;
  padding-right:10px;
}
/****NEW****/
.right-content-container-full {
  margin-top:2.6rem;
}
/****NEW****/
.content2ColunmBox, .content3ColunmBox {
    display:block;
  }
  /****NEW****/
  .content3ColunmLeft {
    margin-right:0;
  /****NEW****/
  }
  .content3ColunmRight {
    display: flex;
    float:left;
  }
  .TDSBrightADs {
    float:none;
  }
  .contentBoxBottomMargin {
    float:none;
    display: block;
  }
  

.contentBox .leftNavBox, .fullPageSubNav {
    /* Left Nav Bar Items */
    width: 100% !important;
    max-width: 100% !important;
}


#permBox, #permBoxOrange, #permBoxHeritage  {
	width:100%;
	max-width:100%!important;
	margin-bottom:2%;
}

.content3ColunmBox {
  width:98%;
  margin-top:2rem;
}

.contentBox .content2ColunmRight {
    width: 95% !important;
    max-width: 95% !important;
    float: left !important;
    margin: 0 0 0 10px !important;
}

.contentBox .content2ColunmLeft,
.contentBox .content3ColunmLeft {
    /* Mobile Left Nav Bar Items */
    width: 99% !important;
    max-width: 99% !important;
	margin-bottom:1.2em;
}

.content2ColunmLeft {
	margin-top:0.58rem;
}

.contentBox .3colContentPaneRight,
.contentBox .content3ColunmRight {
    width: 95% !important;
    max-width: 95% !important;
    float: left !important;
    margin: 0 0 0 10px !important;
}


.contentBox .content3ColunmRight {
    width: 97%;
    max-width: 97%;
}
  /****NEW****/
  .contentBox .content3ColunmRight {
    display:flex;
    width:100%;
    max-width: 100%;
  }

  .content3ColunmRight_Mid {
    max-width: 88%;
    margin-right: 50px;
  }

  .content3ColunmRight_Right {
    margin-top: 0;
    width:50%;
    max-width: 70%;
   }


.content2ColLtNoMenu {
	padding-left:1.4%;
	padding-right:2%;
	margin-top:-4%;
}

.content2ColRtNoMenu {
  margin: 15px 0 0px 2.5em; 
  float:left;
}

.fullPage2ColunmBoxExtra {
  width: 100%;
  margin-top:11%;
}

.fullPage2ColContentPaneLeft, .fullPage2ColunmLeft {
	width:77%!important;
}

.fullPage2ColContentBoxRight {
	width:18%!important;
}

#TDSBpageFrameBanner {
	background-size: 265%;
}

#TDSBpageFrameBanner, #TDSBpageFrameExtraFP .pageFrameExtra .contentBox,
#TDSBpageFrameMediumExtraFP .pageFrameExtra .contentBox {
	margin-top:5%;
}

.extraBannerWithSubNav {
	margin-top:8%;
}

/*NEW */
 .fullPageOrangeSubNav {
	margin-top:0%;
  font-size: 0.92rem;
}

#EDN_TDSBNews.news .article.details .main_content,
#EDN_TDSBNews.search .article.details .main_content {
    margin-left:4px!important;
}


/  Kindergarten Campaign Skins */
.kinderContentBox {
	margin-top:12%;
}
 
.contentColumnBox1, .contentColumnBox2{
	width:100%;
	margin-top:90px;
}

.contentColumnBox1 .contentColumnLeft,
.contentColumnBox1 .contentColumnRight,
.contentColumnBox2 .contentColumnLeft,
.contentColumnBox2 .contentColumnRight {
	width:100%;
	max-width:47%;
	margin-right:40px;
}

.contentColumnBox1 .contentColumnRight,
.contentColumnBox2 .contentColumnRight {
	margin-right:0px;
}	
/**/

/*** Image Auto Resize for Content Panes ***/
.content2ColunmRight img, .content3ColunmRight img, .content3ColunmRight_Mid img,
.content3ColunmRight_Right img, .TDSBrightADs img, #EDN_TDSBNews .main_content img,
.extraBanner, .extraBanner img, .content2ColLtNoMenu img, #camLteBannerInteriorPage,
.interiorCamLteBanner, .interiorCamLteBanner img, .contentPaneFullPage img, .fullPage2ColunmLeft img,
#TDSBpageFrameExtraFP .contentPaneFullPage img, .contentBoxLanguageFullPage img, #TDSBpageFrameVideo {
	width:100%!important;
	height:auto;
	max-width:440px;
}

.content2ColunmRight img {
	max-width:735px;
}

.extraBanner {
	margin-bottom:-3em!important;
  /**** NEW ****/
  margin-top:3.4rem;
  margin-bottom:2rem!important;
}

.extraBanner, .extraBanner img,  .languageHeaderBanner {
	max-width:98%!important;
}

.extraBanner img {
	margin-left:1%;
}

#camLteBannerInteriorPage  {
	max-width:none!important;
} 

#camLteBannerInteriorPage, .interiorCamLteBanner, 
.interiorCamLteBanner img,  .content2ColLtNoMenu img {
	max-width:none!important;
} 

.contentPaneFullPage, .contentBoxLanguageFullPage,

#TDSBpageFrameBanner .pageFrameExtra .contentBox,
#TDSBpageFrameBanner .contentBox .content2ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmRight,
#TDSBpageFrameBanner .contentBox .content2ColunmBoxExtra,
#TDSBpageFrameBanner .contentBox .content3ColunmBoxExtraHS,
#TDSBpageFrameExtraHS .contentBox .content3ColunmBoxExtraHS {
	max-width:92%;
	padding:0 2%;
}

#TDSBpageFrameBanner .contentBox .content2ColunmBoxExtra,
#TDSBpageFrameBanner .contentBox .content3ColunmBoxExtraHS,
#TDSBpageFrameBanner .contentBox .content2ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmRight,
#TDSBpageFrameExtra275 .contentBox .content3ColunmRight {
	padding:0;
}


.contentPaneFullPage img, .fullPage2ColunmLeft img, .content3ColunmRight img,
#TDSBpageFrameBanner .contentPaneFullPage img,
#TDSBpageFrameExtraFP .contentPaneFullPage img,
.contentBoxLanguageFullPage img, #TDSBpageFrameVideo {
	max-width:100%;
}

#TDSBpageFrameBanner .pageFrameExtra .contentBox,
#TDSBpageFrameBanner .contentBox .content2ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmRight,
#TDSBpageFrameBanner .contentBox .content2ColunmBoxExtra,
#TDSBpageFrameBanner .contentBox .content3ColunmBoxExtraHS, 
#TDSBpageFrameBanner .pageFrameExtra .contentBox,
.contentBoxLanguageFullPage {
/*	margin-top:8%;  */
}


#TDSBpageFrameBanner .contentBox .content2ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmRight {
	margin-top:0%;
}

.content3ColunmRight_Right img, .TDSBrightADs img,
.content3ColunmRight_Even1 img, .content3ColunmRight_Even2 img {
  max-width:346px;
}

#TDSBpageFrameBanner .contentBox .content3ColunmBoxExtraHS {
	max-width:98%;
}

.home_Icons_Social, .mediaPage_Icons_Social {
  max-width:30px;
  margin-left: 0;
  top: 0;
  display:none;
}

.mediaPage_Icons_Social {
  display:inline;
}

.footerFrame {
    height: auto;
	position:relative;
	display:inline-block;
}

.box3ColRight1 {
	margin-right:3%;
}

.contentBoxBottomMargin {
	margin-top:10px;
	height:25px;
}

.mainFooterBottomBox, .mainFooterBottomBoxLanguage {
	position:relative!important;
}
	
/ Message Alerts Notice CSS items  */
.homepageUpperEmergbox {
  width:100%;
}
 
/*** Home Page CSS Changes ***/
.TDSBtopBannerBoxRight {
	margin-left:0!important;
	margin-bottom:0!important;
}

#camLteBanner {
	margin-bottom:0px;
	background-image: none;
	width:auto;
	height:auto;
}
  
#homeTakeOverBox  {
	margin-left:40px;
}

#homeTakeOverBox img {
	max-width:100%;
	height:auto; 
	margin:0 0 0 0;
}

.homeTopDivBox {
	width:100%;
	margin-top:10px;
}

.mainPromoDivBox {
    width: 100%!important;
    height: auto!important;
    margin-top: 15px;
	border:1px solid #EEE;
}

.content3ColunmBoxExtra, .content2ColunmBoxExtra  {
	margin: 0px 0px 35px 1%;
  padding-right: 0px;	
  max-width:100%;
}

.content3ColunmBoxExtra {
	margin: 0px 2% 35px 1%;
}

.content3ColunmBoxExtra .content3ColunmRight .content3ColunmRight_Mid {
	margin-left:-2%;
} 

.contentBoxLanguageFullPage  .titleBoxh1Object {
	margin-top:0%;
}

.extraBannerSubNavMainBox .fullPageOrangeSubNav,
.extraBannerSubNavMainBox .fullPageSubNav {
	margin-top:0;
}

.subMenuFullPageNoHF .fullPage2ColunmBoxExtra {
	margin-top:-3%;
}

.subMenuFullPageNoHF .contentPaneFullPage {
	padding-left:5px;
	padding-right:5px;
}

.subMenuFullPageNoHF {
	margin-top:4rem;
}
}

 /* STYLES for Moble Landscape View */
@media only screen and (min-device-width : 568px) and (max-device-width : 824px) {
.contentBox {
	width:98%;
}
}


@media only screen and (max-width:991px) {

#TDSBpageFrameBanner {
  background-position-y: 195px;
}

#TDSBpageFrameExtra275-UIEC {
  background-image: none;
}
/*** Used in the 1-column-no-nav skin ***/
.full-column-titlebox {
  max-width: 720px;
}
}


@media screen and (max-width: 969px) {
.contentPaneFullPage {
	max-width:98%;
}

.overviewBox {
	margin-top:0em;
	padding-top:6em;
}

.overviewBox .fullPage2ColunmBoxExtra {
	margin-top:0em;
}


.contentBox .contentColumnBox {
	margin-top:10%;
}
}

@media screen and (max-width: 780px) {
#TDSBpageFrame  {
	background-image:none!important;
}

/*** Used in the 1-column-no-nav skin ***/
.full-column-titlebox {
  max-width: 540px;
}

.contentBox {
	padding: 1rem 1rem 1em 1rem;
	width:97% !important;
  margin-top:0.58rem;
}

.contentBox .content3ColunmRight_Right, .content3ColunmRight_VL {
	width: 100%;
	max-width: 100%;
}

.contentBox .content3ColunmBoxExtra .content3ColunmRight_Right {
  max-width: 346px;
}

.contentBoxLanguage .content2ColunmBox {
	width:96%;
	padding-left:4%;
	margin-left:1%
}

.TDSBrightADs {
	width: 100% !important;
	max-width: 100% !important;
}
    
#permBox, #permBoxOrange, #permBoxHeritage  {
	width:100%;
	max-width:100%!important;
	margin-bottom:2%;
}

.content3ColunmRight_Right {
   min-height: auto;
}

.interiorCamLteBanner {
	margin-top:2%;
}

.fullPage2ColContentPaneLeft, .fullPage2ColunmLeft {
	width:98%!important;
}

.fullPage2colContentPaneRight, .fullPage2ColContentBoxRight {
	width:98%!important;
	float:left!important;
}

#TDSBpageFrameBanner {
	background-size: 245%;
	background-position:center 189px;
}

#TDSBpageFrameBanner .contentPaneFullPage img {
	margin-top:3%;
}

#TDSBpageFrameBanner {
	background-size: 245%;
}


.fullPage2ColunmBoxExtra {
  width: 98%;
}

.content3ColunmBox {
  margin-top:3.4rem;
}

.content3ColunmRight_Even1 {
  margin-right:1%;
}

.content3ColunmRight_Even2 {
  float: left;
  margin-top:25px;
  margin-bottom:25px;
}

.overviewBox {
	padding-top:0em;
}


/  Kindergarten Campaign Skins */
.contentColumnBox1, .contentColumnBox2 {
	max-width:98%;
}

.contentColumnBox1 .contentColumnLeft,
.contentColumnBox1 .contentColumnRight,
.contentColumnBox2 .contentColumnLeft,
.contentColumnBox2 .contentColumnRight {
	max-width:100%;
}
/**/
.vl-content-box {
  margin-top:4rem;
}

/****NEW****/
.main-container-2col {
  display:block;
  width:100%;
}
/****NEW****/
.left-content-container {
  width:100%;
  margin-right:0;
}
/****NEW****/
.contentBox .content3ColunmRight {
  display: block;
}
/****NEW****/
.content3ColunmRight_Mid {
  margin-left:0;
  margin-right:0;
  max-width:100%;
}
.contentBox .content3ColunmRight_Right {
  display: block;
  max-width: 346px;
}

/**** NEW ****/
.fullPageOrangeSubNav,  .fullPageSubNav {
	margin-top:0%!important;
}
}


@media screen and (max-width: 740px) {
  #TDSBpageFrame {
	  background-image:none!important;
}
  
  .content3ColunmRight_Mid {
    width: 100%;
    max-width: 100%;
}
  
  .content3ColunmRight_Right, .content3ColunmRight_VL, .content3ColunmMid_VL {
    width: 100%;
    margin: 0 auto;
    float: left;
}

.extraBannerWithSubNav {
	margin-top:5%;
}

.fullPageSubNav {
	margin-top:10%;
}
}


@media screen and (max-width: 740px) and (orientation: landscape) {
#camLteBannerInteriorPage {
	margin-top:-5%;
}
}

@media screen and (max-width: 635px) {
.content2ColLtNoMenu {
	width:98%;
}

.contentBox .contentColumnBox {
	margin-top:16%;
}

.footerFrame {
	position:relative;
} 
  
.footerInsideBox {
	width:95%;
}

.mainFooterBottomBox {
	display:inline-block;
	position:relative;
}
	

/*Clearfix*/
.clearfix:after {
  content: "\00A0";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}


/ Equity Page CSS **/

div.equityHeader, div.equityHeaderSm {
	width:98.5%;
	height:10em;
	border:1px solid #D8D8D8;
	margin:5.5em 0 1.5em 0;
	padding:0.35em;
	background-image:url(/portals/Images/equityHeader_bkg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div.equityHeaderSm {
	height:7em;
	margin:3em 0 0 0;
	background-image:url(/portals/Images/equityHeader_bkgSm.jpg);
}

div.equityH1, div.equityH1sm {
	margin:0.40em 0 0 0.80em;
	font-size:3em;
	color:#f2741f;
	width:auto;
}

div.equityH2, div.equityH2sm{
	margin:0.20em 0 0 1.18em;
	font-size:2.1em;
	color: #2855a8;
}

div.equityH1sm {
	margin:0.40em 0 0 0.66em;
	font-size:2em;
}

div.equityH2sm {
	margin:-0.28em 0 0 0.78em;
	font-size:1.6em;
}

div.equityH3, div.equityH3 a {
	padding:0.54em 0 0 0.78em;  
	font-size:1.5em;
	font-weight:bold;
	color: #FFF;
	text-shadow:2px 2px 9px #333;	
}

div.equityH3 a {
	padding:0.54em 0 0 0.08em;  
	font-size:1em;
	text-decoration:none;
}

h4 {
	padding:0.54em 0 0 0;  
	font-size:1.2em;
	font-weight:200;
}

.equityHeader_GreenBkg, .equityHeader_OrangeBkg {
	width:100%;
	height:48px;
	margin:0 0 1em 0;
	background-image:url(/portals/Images/equityHeader_GreenBkg.jpg);
	background-repeat:no-repeat;
	border:1px solid #D8D8D8;
}

.equityHeader_OrangeBkg {
	background-image:url(/portals/Images/equityHeader_OrangeBkg.jpg);
	background-repeat:no-repeat;
}

.equityHeader_Orange, .equityHeader_Blue {
	width:100%;
	height:48px;
	background-color:#BC520B;
	border:1px solid #D8D8D8;
}

.equityHeader_Blue {
	background-color:#2855a8;
	width:260px;
}

.featureStoryBox1, .featureStoryBox2 {
	float:left;
	width:300px;
	margin-right:60px;
}

.featureStoryBox2 {
	margin-right:0;
}


/* this is common element for fixing modal dialog issue, should be put in a common css and referenced by each skin.css */
.ui-dialog {
	z-index: 1000 !important;
}


.findSchoolText {
	width:55%;
}

.findSchoolIcon img {
    width: 60px!important;
    height: 60px!important;
}
}


@media screen and (max-width: 590px) and (orientation: portrait) {
#camLteBannerInteriorPage {
	margin-top:0.58em;
}

.extraBanner {
	margin-top:-0.58rem;
}

#TDSBpageFrameBanner {
	background-image: none;
}


#TDSBpageFrameBanner .pageFrameExtra .contentBox {
	margin-top:-1%;
}

.fullPage2ColunmBoxExtra {
  margin-top:25%;
  padding-top:0.58em;
}

.fullPageSubNav {
	margin-top:22%;
}

ul.fullPageSubNav li a:link, ul.fullPageSubNav li a:visited,
ul.fullPageSubNav li a:active, ul.fullPageSubNav li a:hover {
    font-size:0.78em;
	padding: 7px 5px 3px 5px;
    margin-top: 5px;
}

.extraBannerWithSubNav {
	margin-bottom:-30%;
}


#TDSBpageFrameBanner .contentBox .content2ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmBoxExtra,
#TDSBpageFrameBanner .contentBox .content2ColunmBoxExtra,
#TDSBpageFrameBanner .contentBox .content3ColunmBoxExtraHS,
#TDSBpageFrameExtraHS .contentBox .content3ColunmBoxExtraHS {
	margin-top:10%!important;
	margin-left:0px;
}


#TDSBpageFrameBanner .contentBox .content2ColunmRight, 
#TDSBpageFrameBanner .contentBox .content3ColunmRight {
	margin-top:0%!important;
}
}

@media screen and (max-width: 480px) {
/**** NEW  ****/
.extraBanner {
  margin-top:1rem;
  margin-bottom:4.2rem;
}

/*/
  .content3ColunmBoxExtra  {
/*	margin-top:30%!important; */
}	

.contentBox .content2ColunmBox {
	margin-top:0rem;
}

.content2ColLtNoMenu {
	margin-top:10%!important;
}

#bannerBoxSkinFrame {
	margin-top:25%!important;
}

.content3ColunmLeft {
	margin-top:-10%;
} 

/ Used for the Virtual School Banner /
.vsBanner {
	margin-top:9%!important;
	margin-bottom:32%;	
}

.contentBoxLanguageFullPage {
	padding-top:12%;
	margin-top:11%;
}

.kinderContentBox {
	margin-top:16%;
}

#TDSBpageFrameBanner {
	background-image: none;
}

#TDSBpageFrameBanner .extraBA {
	margin-top:22px;
	margin-bottom:-45px;
}

/****NEW****/
.content3ColunmRight_Right img, .TDSBrightADs img {
  width:100%;
  max-width: 100%;
}
/****NEW****/
.right-container, .right-content-container,
.right-container img, .right-content-container img {
  width:100%;
  max-width: 100%;
  padding-right:0;
}

/****NEW****/
.contentBox .content3ColunmRight_Right {
  max-width:100%;
}
}

@media screen and (max-width: 415px) {
#TDSBpageFrameBanner .content2ColunmBox,
#TDSBpageFrameBanner .content3ColunmBox {
	/*margin-top:30%;*/
}

.content2ColLtNoMenu {
	margin-top:5%;
}

.footerInsideBox {
	width:95%!important;
}

.mainFooterBottomText {
	font-size:0.64em;
}

.fullPageSubNav {
	margin-top:27%;
}

.extraBannerWithSubNav {
	margin-bottom:-35%;
}

#TDSBpageFrameBanner .contentBox .content2ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmBoxExtra,
#TDSBpageFrameBanner .contentBox .content2ColunmBoxExtra {
	margin-top:10%!important;
	margin-left:0px;
	width:96%;
}

#TDSBpageFrameBanner .contentBox .content2ColunmRight,
#TDSBpageFrameBanner .contentBox .content3ColunmRight  {
	margin-top:0%!important;
}
}