/* WWW CSS */
/********************************************

VARIABLES

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

ORIGINAL CODE

**********************************************/
/*  For Testing  */
.contentBox {
  margin-bottom:5em;
}
/******************/


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

body {
  margin: 0;
  padding: 0;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.96em;
  line-height: 1.20em;
  color: #3A3A3A;
}

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 {
  color: #03C;
  text-decoration: underline;
}

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

a:hover, li a:hover, p a:hover,
.scrTitle a:hover {
  text-decoration: underline;
  color: #0b00ff;
}


/****** 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;
  color: #4F4C4D;
  font-weight: bold;
  line-height: 1.04em;
}


/** Basic  Text Formats  ***/

.Normal, .NormalDisabled {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #3A3A3A;
  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;
  color: #3A3A3A;
}


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, 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: none;
  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: #fbeed9;
  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 {
  border: none;
}

blockquote, blockquote p {
  margin: 0 35px 15px 25px;
  font-style: italic;
  font-size: 1.02em;
  line-height: 1.20em;
  color: #777;
}

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

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

.homeCamLteBanner {
  margin: 0px auto 25px auto;
  width: 1000px;
}

#homeTakeOverBox {
	margin-left:5px;
}
  
.interiorCamLteBanner {
  margin: -64px auto 0px auto;
  width: 1000px;
}

.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:10% 0 0 2%;
}


#TDSBpageFrame, #TDSBpageFrameHome, #TDSBpageFrameExtraFP, #TDSBpageFrameExtraBA, #TDSBpageFrameExtra275, #TDSBpageFrameExtraHS, #TDSBpageFrameMediumExtraFP,
#TDSBpageFrameHomeCamLte, #TDSBpageFrameHomeCamFullBkg, #TDSBpageFrameLanguage {
  position: relative;
  min-height: 100%;
  background-image: url(/images/TDSB/bkgPage_default.jpg);
  background-repeat: repeat-x;
  background-position: center 159px;
}

#TDSBpageFrameExtraFP, #TDSBpageFrameExtraBA, #TDSBpageFrameExtra275 {
  background-image: url(/images/TDSB/bkgPage_Default_LG.jpg);
}


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

#TDSBpageFrameExtraHS {
  background-image: url(/images/TDSB/bkgPage_HS_LG.jpg);
}


#TDSBpageFrameMediumExtraFP {
  background-image: url(/images/TDSB/bkgPage_Default_Medium.jpg);
}

#TDSBpageFrameHome {
 	background-image: url(/images/TDSB/bkgPage_HomeFall.jpg);
/*	background-image: url(/images/TDSB/bkgPage_HomeWinter.jpg);
	background-image: url(/images/TDSB/bkgPage_Home.jpg);
	background-image: url(/images/TDSB/bkgPage_HomeSpring.jpg);
	background-image: url(/images/TDSB/bkgPage_HomeSummer.jpg); */
}


#TDSBpageFrameHomeCamLte {
  background-image: url(/images/TDSB/camLteOrangeBkgFade.jpg);
  background-repeat:no-repeat;
}

#TDSBpageFrameHomeCamFullBkg {
/*  background-image: url(/images/TDSB/camLteDay_of_Pink_BG.jpg); */
  background-image: url(/images/TDSB/camLteDay_of_Orange_BG.jpg); 
  background-repeat: no-repeat;
}

#TDSBpageFrameLanguage {
  background-position: center 115px;
}

#camLteBanner, #camLteBannerInteriorPage,
#camLteBannerHome, #camLteBannerInteriorPage {
  margin-bottom: -40px;
  height: 254px;  
  width: 100%;
  background-image: url(/images/TDSB/camLteBlueBannerBkg.png);
  background-repeat: no-repeat;
  background-position: center;
}


#camLteBannerHome {
	margin-bottom:-38px;
}

#camLteBannerFull {
  margin-bottom: -40px;
  height: 254px;
  width: 100%;
  background-image: none;
}

#camLteBannerInteriorPage {
  margin: 64px 0 -40px 0;
}

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

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


/** Controls the Title h1 SkinObject in the FullPageML skin  **/
#TDSBpageFrameLanguage .adminH1TitleArea {
	margin:10% 0 -8% 0;
}


#TDSBpageFrameExtraFP .pageFrameExtra .contentBox {
	padding-top:60px;
	width: 993px;
}

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


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


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


#TDSBpageFrameHomeCamFullBkg .homeLeftColumn,
#TDSBpageFrameHomeCamFullBkg .homeRightColumn  {
	margin-top:-37px;
}

#TDSBpageFrameHomeCamFullBkg .homeTopDivR {
	margin-top:-20px;
}

#TDSBpageFrameVideo {
	width:963px;
	margin:2% auto 1% auto;
}
	
#trusteeMap {
  width: 100%;
  height: 440px;
}




/* ***************  TDSB Top Nav Bar  *************** */
.TDSBwwwNavBarBox {
  margin: 0 auto;
  width: 100%;
  height: 37.5px;
  background-image: url(/images/TDSB/wwwNavBar_bkg.jpg);
  background-repeat: repeat-x;
  border-top: 1px solid #C6C6C6;
  border-bottom: 1px solid #C6C6C6;
}

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


/****** Used in Skin pageFrameExtra and FullBanner with Sub Nav ********/

.fullPageSubNavFullContainer {
	margin:75px 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;
}

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

.fullPage2ColunmBoxExtra {
  width: 963px;
  margin: -20px auto 50px auto;
}

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

.fullPage2ColContentBoxRight, .fullPage2colContentPaneRight {
  float: right;
  width: 260px;
  margin: 0 0px 0 0px;
}

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


.homeLeftColumn {
	width:695px;
	float:left;
}

.homeLeftColumn img {
	width:100%;
	height:auto;
	max-width:690px;
}


.homeRightColumn {
	width:258px;
	float:right;
	height:auto;
}


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


.contentBoxLanguage, .contentBoxLanguageFullPage {
  padding-bottom: 100px;
  /*Controls the bottom margin of the content area frame */
  padding-top: 2px;
}

/* Controls the content pane for Languages home page */
.contentPaneFullPageLanguage {
  margin: 125px 0px 0px -5px;
  padding: 0 0 50px 0;
}

/* Controls the space between the Sports Banner and the Context Box */
.contentBoxSportsExtraLargeBanner {
  margin: -23px 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;
}
/******************************************/



/*****  Homepage rotator Box ******/
.homeTopContentPaneLeft {
  max-width: 695px;
  width: 100%;
  margin: 0 0px 0 0;
}

/*****  Homepage News Date & News List Box ******/
.homeTopContentPaneRight {
  max-width: 258px;
  width: 100%;
}

.homeTopContentPane {
  margin: 0px auto 0 auto;
  max-width: 969px;
  width: 100%;
}

.homeMiddleDivBox {
  max-width: 697px;
  width: 100%;
  margin: 0px 0 10px 0;
}

.homeContentPaneMiddleLeft {
  margin: 0 0 0px 0;
  width:100%;
}



/*****  Homepage rotator Box ******/
.homepageTopBox {
	margin:0 auto;
	margin-bottom:25px;
	width:100%;
	max-width: 969px;
}

#TDSBpageFrameHomeCamFullBkg .homepageTopBox {
	margin-top:-80px;
	margin-bottom:55px;
}

.homeTopDivL {
  float: left; 
  max-width: 695px;
  width: 100%;
  height: auto;
  margin:0;
  margin-right:15px;
}

/*****  Homepage News Date & News List Box ******/
.homeTopDivR, .homepageTopDivBoxR {
  float: left;
  max-width: 258px;
  width: 100%;
}

.homepageTopDivBoxR {
	float:left;
}


.divRNewsBox1, .divRNewsBox2, .divRNewsBox3, .divRBoxMoreNews {
  border-left-style: solid;
  border-left-color: #F7BF5A;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-color: #F7BF5A;
  border-right-width: 1px;
  max-width: 229px;
  width: 100%;
  height: 58px;
  padding: 15px 12px 20px 15px;
  line-height: 1.12em;
  background-color: #FCF3DC;
}

.divRNewsBox2, .divRNewsBox3 {
  border-top-style: solid;
  border-top-color: #F7BF5A;
  border-top-width: 1px;
  background-color: #FEF9EE;
}

.divRNewsBox3, .divRBoxMoreNews {
  border-bottom-style: solid;
  border-bottom-color: #F7BF5A;
  border-bottom-width: 1px;
  background-color: #FCF3DC;
}

.divRBoxMoreNews {
  max-width: 242px;
  width: 100%;
  height: 26px;
  padding: 6px 0 0 14px;
  background-color: #5679b0;
  margin-top: -9px;
}

.divRBoxMoreNewsText a:link, .divRBoxMoreNewsText a:visited, .divRBoxMoreNewsText a:active {
  position: relative;
  margin-left: 31px;
  color: #FFF;
  text-decoration: none;
  top: -20px;
}

.divRNewsBox1 a:link, .divRNewsBox1 a:visited, .divRNewsBox1 a:active, .divRNewsBox1 a:hover,
.divRNewsBox3 a:link, .divRNewsBox3 a:visited, .divRNewsBox3 a:active, .divRNewsBox3 a:hover,
.divRNewsBox2 a:link, .divRNewsBox2 a:visited, .divRNewsBox2 a:active, .divRNewsBox2 a:hover {
  text-decoration: none;
}

/*************  End of Home Top Div Items  ***********************/

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



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

/*************  Start of Home Bottom Div Items  ***********************/

.homeBottomLeftDiv2Column {
  max-width: 697px;
  width: 100%;
  margin: 40px 0px 10px 0;
}

/************ Used for Photo Gallery & Open House List ************/
.homeBottomContentPaneLeftCol1 {
  float: left;
  margin: 0 30px 0 0;  /*  changed by Paul, April 3, 2018 */
  max-width: 260px;
  width: 100%;
}

.homeBottomContentPaneLeftCol2 {
  float: left;
  max-width: 380px; 
}


.homeHeadingIMG, .homeHeadingIMGEvents {
  height: 22px;
  margin: -10px 0 4px 0;
}

.homeHeadingIMG {
  margin-top:0px;
}

.homeHeadingIMGEvents {
  margin-bottom: 10px;
}

.home_Icons_Social, .mediaPage_Icons_Social {
  position: relative;
  margin-left: 100px;
  top: -35px;
}

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

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

/***** Used for Photo Gallery with Events and Calander *******/
.homeBottomLeftDiv {
  max-width: 697px;
  width: 100%;
  margin: 0px 0 0 0;
}

.homeContentPaneBottomLeft {
  max-width: 697px;
  width: 100%;
}

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

.homeEventsDivRight {
  float: right;
  width: 61%;
  margin: 10px 0px 0px 0px;
}

.eventsDiv {
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.homeBottomDivEvents, .divEvents {
  margin: 0px 0px -8px 0px;
  height: 25px;
}

.divEvents {
  border-top: 1px solid #CCC;
  padding-top: 20px;
}

.allEventsHead {
  float: right;
  max-width: 140px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  height: 25px;
}

.homeHeadingIMGEvents, .headingIMGEvents {
  width: auto;
}

.allEventsHead a:link, .allEventsHead a:visited, .allEventsHead a:active, .allEventsHead a:hover,
.headingMain a:link, .headingMain a:visited, .headingMain a:active, .headingMain a:hover {
  color: #4F4C4D;
  text-decoration: none;
}

.eventsBox {
  width: auto;
  margin: 8px 0px 0px 0px;
  border: 1px solid #C6C6C6;
  background-color: #DEF;
}

.eventsTopDate1, .eventsTopDate2, .eventsTopDate3 {
  height: 78px;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid #C6C6C6;
  background-color: #FDF9EE;
}

.eventsTopDate2 {
  background-color: #FBF3DC;
}

.eventsTopDate3 {
  border-bottom: none;
}

.eventsDayMonthBox {
  max-width: 110px;
  width: 100%;
  height: 60px;
  margin: 0px 0 0 7px;
  border-right: 0px solid #C6C6C6;
}

.eventsDayBox {
  max-width: 40px;
  width: 100%;
  height: 25px;
  font-size: 0.92em;
  margin: -10px 0 -8px 3px;
  padding: 6px 0 0 0;
  font-weight: bold;
}

.eventsMonthBox {
  max-width: 40px;
  width: 100%;
  height: 25px;
  margin: 15px 0 0 3px;
  font-weight: bold;
  font-size: 0.92em;
}

.eventsNumberBox {
  float: right;
  max-width: 66px;
  width: 100%;
  height: 25px;
  margin: -27px 0 0 2px;
  font-weight: bold;
  font-size: 2.0em;
}

.homeEventsDayTextBox, .eventsDayTextBox {
  float: right;
  margin: -66px 25px 0 0px;
  width: 64%;
  height: 70px;
  line-height: 1.10em;
}

.eventsDayTextBox {
  width: 68%;
  margin: -65px 0 0 0px;
}

.eventsTitle, a.eventsTitle:link, a.eventsTitle:visited,
a.eventsTitle:active, a.eventsTitle:hover
{
	font-size:1.04em;
	color:#000;
	font-weight:bold;
	margin-bottom:-0.80em;
}

/*******   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 ******************/
.content2ColunmBox {
  max-width: 979px;
  width: 100%;
  margin: 90px 0px 35px -10px;
}

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

.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;
  max-width: 735px;
  width: 100%;
  margin: 0 10px 0px 0px;
}

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

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

/********** End of 2 column items ************/
/********** 3 column items ******************/
.3ColContentPane {
  max-width: 425px;
  width: 100%;
  margin: 0 0px 0 0px;
}

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

.content3ColunmRight_Even1,
.content3ColunmRight_Even2 {
  float: left;
  max-width: 340px;
  width: 100%;
  margin: 0;
}

.content3ColunmRight_Even2 {
  float: right;
}

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

.content3ColunmBox {
  max-width: 979px;
  width: 100%;
  margin: 90px 0px 35px -10px;
}

.content3ColunmRight {
  float: right;
  max-width: 750px;
  width: 100%;
  margin: 0 0px 0 0px;
  word-wrap:break-word;
}

.content3ColunmRight_Mid, .content3ColunmMid_VL {
  float: left;
  max-width: 440px;
  width: 100%;
  margin: -5px 0 0 5px;
}

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

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

/*****  Used for Virtual Library 3columnInteriorVL Skin ****/
.content3ColunmRight_VL {
  max-width: 190px;
}
/**** Used in the 3columnInterior Skin Only ****/
.content3ColunmRight_Right_InteriorSkin {
  margin: 22px 0px 0px -2px;
}

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

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

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

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

.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 {
	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;
}
/***** Message Alerts Notice CSS items  ******/
.homepageUpperEmergbox {
  width: 990px;
  margin: 20px auto -5px auto;
}

#TDSB_EmergencyNotice {
  width: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
}

#emergencyArea {
  border: 1px solid #C6C6C6;
  background-color: #FFF;
  padding: 10px 10px;
  margin-bottom: 10px;
}

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

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

/* 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: 63px;
  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 *****/
.rowItems {
	width:100%;
}

.rDivItems {
	float:left;
	margin-right:2%;
	margin-top:2%;
}

a.filltheDivBox {
	display:block;
	height:100%;
	width:100%;
	text-decoration: none;
	border:1px solid #cecece;
	/*width:256px; */
	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;
}

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


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



@media print {

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

body {
    background: white;
    font-size: 11pt;
    font-family: "Times New Roman", Times, serif;
    height: auto;
}
  
#TDSBPrintBanner {
    display: block;
    height: 56px;
    width: 518px;
    padding-bottom: 0.2in;
}

#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, #TDSBpageFrameHomeCamLte,
#TDSBpageFrameHomeCamFullBkg {
	border:none;
	background-image:none;
}

#TDSBpageFrame, #TDSBpageFrameHome, #TDSBpageFrameExtraFP, #TDSBpageFrameExtra275, #TDSBpageFrameExtraHS, #TDSBpageFrameMediumExtraFP, .homeRightColumn, .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;
  border: 1px solid #F00;
}

.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, .homeRightColumn,
.content3ColunmRight_VL  {
  float: left;
  clear: both;
}

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

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

.social_buttons, .box_list_container, #dnn_tdsbTags, .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,
.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;
}
}




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

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

.homeLeftColumn, .homeRightColumn {
	margin-top:2%;
}

.homeLeftColumn  {
	width:72%!important;
	max-width:670px;	
}

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


.homeRightColumn {
	width:35%!important;
	max-width:268px;
	float:left!important;
}

.homeRightColumn  {
	float:left!important;
}


.homeMiddleDivBox {
	width:100%!important;
	max-width:100%!important;
}
 
.homeMiddleDivBox img {
	width:100%!important;
	height:auto!important;
	max-width:695px;
}


.homeBottomContentPaneLeftCol1 {
	width:40%;
	margin-right:0;
}

.homeBottomContentPaneLeftCol1 img{
	width:100%;
	max-width:298px;
	height:auto;
}

.homeBottomContentPaneLeftCol2 {
	float:right;
	width:55%;
	margin-top:1.4em;
}

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

.content3ColunmBox {
  width:98%;
  margin-top:55px;
}

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

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


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

#TDSBpageFrameExtraFP, #TDSBpageFrameExtra275, #TDSBpageFrameExtraHS,
#TDSBpageFrameMediumExtraFP {
	background-size: 265%;
}

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

.extraBannerWithSubNav, .fullPageOrangeSubNav {
	margin-top:8%;
}

#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, #camLteBannerHome, .interiorCamLteBanner, .interiorCamLteBanner img, .homeCamLteBanner 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;
}

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

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

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

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

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

#TDSBpageFrameExtraHS .contentBox .content2ColunmBoxExtra,
#TDSBpageFrameExtraHS .contentBox .content3ColunmBoxExtraHS,
#TDSBpageFrameExtra275 .contentBox .content2ColunmRight,
#TDSBpageFrameExtra275 .contentBox .content3ColunmRight {
	padding:2.5% 1% 0 1%;
}

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

#TDSBpageFrameExtraFP .pageFrameExtra .contentBox,
#TDSBpageFrameExtra275 .contentBox .content2ColunmRight,
#TDSBpageFrameExtra275 .contentBox .content3ColunmRight,
#TDSBpageFrameExtraHS .contentBox .content2ColunmBoxExtra,
#TDSBpageFrameExtraHS .contentBox .content3ColunmBoxExtraHS, 
#TDSBpageFrameMediumExtraFP .pageFrameExtra .contentBox,
.contentBoxLanguageFullPage  {
	margin-top:8%;
}


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

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

#TDSBpageFrameExtraHS .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;
}
  
.homeCamLteBanner {
	width:100%!important;
	height:auto;
	margin-bottom:5%;
} 

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

.homeTopDivR, .homeMiddleDivBox,
homeBottomContentPaneLeftCol1, homeBottomContentPaneLeftCol2  {
	width:100%!important;
}

.content3ColunmBoxExtra, .content2ColunmBoxExtra  {
	margin-top:10%!important;
	margin: 0px 0px 35px 1%;
    padding-right: 0px;	
}

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

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

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

}

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

.contentBox {
	width:98%;
}


.homeLeftColumn  {
	width:60%!important;
	max-width:675px;
}

.homeRightColumn  {
	float:left!important;
	width:35%;
	max-width:268px!important;
	margin-right:0.7%;
	margin-left:2.5%;
}

.homeTopDivR  {
	float:right!important;
	width:35%;
}

}


 /* STYLES for IOS */
@media only screen
and (min-device-width : 375px) 
and (max-device-width : 667px) {

}


@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {

}

/* Used for Day of pink homePromo skin */
@media screen and (max-width: 969px) {
#TDSBpageFrameHomeCamFullBkg {
/*  background-image: url(/images/TDSB/camLteDay_of_Pink_BG969.jpg); */
  background-image: url(/images/TDSB/camLteDay_of_Orange_BG969.jpg);
}


#TDSBpageFrameHomeCamFullBkg .homeLeftColumn,
#TDSBpageFrameHomeCamFullBkg .homeRightColumn  {
	margin-top:-67px;
}

.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: 840px) {
/*****  Homepage Top Right Calendar Box ******/
.homepageTopDivBoxR {
  max-width: none;
}
}


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

.contentBox {
	padding: 0 0 1em 0;
	width:97% !important;
}

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

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

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



.TDSBrightADs {
	width: 100% !important;
	max-width: 100% !important;
}
    
.homeRightColumn img  {
	width:100%;
	height:auto;
	max-width:298px;
} 

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

.content3ColunmRight_Right {
   min-height: auto;
}

.interiorCamLteBanner, .homeCamLteBanner {
	margin-top:2%;
}

.homeCamLteBanner {
	margin-top:8%;
	margin-bottom:6%;
} 

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

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

#TDSBpageFrameExtraFP, TDSBpageFrameExtraBA,
#TDSBpageFrameExtraHS, #TDSBpageFrameMediumExtraFP,
#TDSBpageFrameExtra275 {
	background-size: 245%;
	background-position:center 189px;
}

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

#TDSBpageFrameExtraBA {
	background-size: 245%;
}


.fullPage2ColunmBoxExtra {
  width: 98%;
}


#TDSBpageFrameHomeCamFullBkg {
  background-position: center 185px;
}

#TDSBpageFrameHomeCamFullBkg .homeLeftColumn,
#TDSBpageFrameHomeCamFullBkg .homeRightColumn  {
	margin-top:-10px;
}

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

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


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

#TDSBpageFrameHomeCamFullBkg {
 /* background-image: url(/images/TDSB/camLteDay_of_Pink_BG415.jpg); */
  background-image: url(/images/TDSB/camLteDay_of_Orange_BG415.jpg);
  background-repeat: no-repeat;
  background-position:center 180px;
}

#TDSBpageFrameHomeCamFullBkg .homeLeftColumn,
#TDSBpageFrameHomeCamFullBkg .homeRightColumn  {
	margin-top:-57px;
}

}


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


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

.homeLeftColumn, .homeRightColumn {
	float:left;
	width:98%!important;
}

.homeRightColumn {
	width:100%!important;
}

.homeTopDivR {
	float:left!important;
	margin-top:2%;
}

.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/0/Images/equityHeader_bkg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div.equityHeaderSm {
	height:7em;
	margin:3em 0 0 0;
	background-image:url(/portals/0/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/0/Images/equityHeader_GreenBkg.jpg);
	background-repeat:no-repeat;
	border:1px solid #D8D8D8;
}

.equityHeader_OrangeBkg {
	background-image:url(/portals/0/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, #camLteBannerHome {
	margin-top:0.58em;
}

.extraBanner {
	margin-top:2.2em;
	margin-bottom:-4em!important;
}

#TDSBpageFrameExtraFP, #TDSBpageFrameExtra275,
#TDSBpageFrameExtraHS, #TDSBpageFrameMediumExtraFP {
	background-image: none;
}

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

.homeCamLteBanner {
	margin-top:0%;
	margin-bottom:12%;
} 

#TDSBpageFrameHomeCamFullBkg .homeTopDivR {
	margin-top:50px;
}

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

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

@media screen and (max-width: 480px) {
.content3ColunmBoxExtra  {
	margin-top:30%!important;
}	


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

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

#TDSBpageFrameExtraBA {
	background-image: none;
}

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

}



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

.homeLeftColumn  {
	width:96%!important;
	max-width:378px; 
}

.homeTopContentPaneRight {
	max-width:100%;
}

.homeRightColumn, .homeTopDivR  {
	float:left!important;
	width:100%!important;
	max-width:96%; 
}

.homeTopDivR  {
	max-width:100%; 
}


/* Used for Day of pink homePromo skin */
#TDSBpageFrameHomeCamFullBkg {
/*  background-image: url(/images/TDSB/camLteDay_of_Pink_BG415.jpg); */
  background-image: url(/images/TDSB/camLteDay_of_Orange_BG415.jpg);
  background-repeat: no-repeat;
  background-position:center 120px;
}

#TDSBpageFrameHomeCamFullBkg .homeLeftColumn {
	margin-top:-110px;
}


#TDSBpageFrameExtra275 .content2ColunmBox,
#TDSBpageFrameExtra275 .content3ColunmBox  {
	margin-top:30%;
}

.content2ColLtNoMenu {
	margin-top:5%;
}

.footerInsideBox {
	width:95%!important;
}

.mainFooterBottomText {
	font-size:0.64em;
}

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

.fullPageSubNav {
	margin-top:27%;
}

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

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

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

.contentBoxLanguageFullPage  .titleBoxh1Object {
	margin-top:3%;
	margin-bottom:-2%;
}

/***** Homepage Top Right Calendar Box ******/
.homepageTopDivBoxR {
	width:98%;
}

}