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

VARIABLES

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

ORIGINAL CODE

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

body {
  margin: 0;
  padding: 0;
  margin: 0 auto;
  /*	overflow-x:hidden; */
  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 {
  /*text-decoration:none;*/
  color: #03C;
}

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

/* CSS for all Tables */
table {
  color: #000;
  width: 98%;
}

thead, th {
  background-color: #FFE9C0;
  border-top: none;
  border-left: 6px solid #FFF;
}

thead tr td {
  color: #000;
  font-weight: bold;
  border-left: 6px solid #FFF;
}

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

thead, th, thead 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;
}

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

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

.homeCamLteBanner {
  margin: 0px auto 0px auto;
/*  width: 969px;  */
  width: 1000px;
}

.interiorCamLteBanner {
  margin: -64px auto 0px auto;
/*  width: 969px;  */
  width: 1000px;
}

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

.TDSBtopBannerBoxRight .searchSite,
.TDSBtopBannerBoxRight .searchSiteTextBox,
.footerSearchBox .searchSite {
  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;
}

.footerSearchBox input.searchSiteTextBox,
.footerSearchBox .searchSite {
  font-style: italic;
  font-size: 0.88em;
}

.footerSearchBox input.searchSiteTextBox {
  width: 325px;
  height: 25px;
}

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

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

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

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

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

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

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

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

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

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

.TDSBtopBannerBox {
  margin: 0 auto;
  height: 120px;
  max-width: 994px;
  width: 100%;
}

.TDSBtopBannerBoxLeft {
  float: left;
  margin: 3px 0px 20px 10px;
  height: 105px;
  width: 325px;
}

.TDSBtopBannerBoxLeft img {
  border: none;
}

.TDSBtopBannerBoxRight {
  float: right;
  margin: 15px 43px 20px 0px;
  height: 105px;
  width: 575px;
}

.TDSBtopBannerBoxRight .TBBR1 {
  float: right;
  margin: 0px 33px 20px 0px;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.70em;
  text-align: right;
  color: #43347B;
  text-decoration: none;
  height: 50px;
  width: 445px;
  border-right: 1.5px solid #DBD0BC;
  padding: 0px 8px 0px 0px;
}

a.TBBR1text:link, a.TBBR1text:visited, a.TBBR1text:active, a.TBBR1text:hover {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
  color: #43347B;
}

.TBBR1divider {
  font-weight: bold;
  color: #DBD0BC;
  margin: 0 5px 0 5px;
}

.TDSBtopBannerBoxRight .TBBR2 {
  float: right;
  font-size: 0.86em;
  font-style: italic;
  text-align: right;
  margin: -5px -20px 0px 0px;
  height: 35px;
  width: 610px;
}

.TDSBtopBannerBoxRight .searchBox, .footerSearchBox .searchBox {
  border: 1px solid #C6C6C6;
  font-style: italic;
  text-align: left;
  color: #999;
  background-image: url(/images/TDSB/icons/Icon_Search_Grey.jpg);
  background-repeat: no-repeat;
  background-position: 350px 6px;
}

.footerSearchBox .searchBox {
  height: 25px;
}

/****************** Start of Language Globe ****************/
#languageImageBox {
  position: relative;
  margin: -22px -60px 0px 0px;
  float: right;
  width: 50px;
}

div.langDropt a:link, div.langDropt a:visited, div.langDropt a:active, div.langDrop a:hover {
  position: relative;
  float: right;
  z-index: 6;
  width: 47px;
  height: 44px;
  background-image: url(/images/TDSB/bn_translation.png);
  margin: 0 0 0 133px;
}

div.langDropt .languageBox {
  position: relative;
  display: none;
}

div.langDropt a:hover .languageBox {
  margin: 0px 0 0 -133px;
  z-index: 6;
  background-image: url(/images/TDSB/bn_translation_over.png);
  background-repeat: no-repeat;
  height: 429px;
  display: block;
  width: auto;
  position: relative;
}

/******************* End of Language Globe *****************/
/* ***************  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;
}

/****** Used in Skin pageFrameExtra ********/
.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: 0 auto 0px auto;
  width: 98%;
  max-width: 969px;
  padding: 0px 10px 10px 10px;
  padding-bottom: 325px;
  /*Controls the bottom margin of the content area frame */
}

.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: 85px 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 margin between the Footer and the
         Main Content Box on the home page only  *******/
.contentBoxBottomMargin {
  background-color: #FFF;
  height: 40px;
  width: 100%;
  float: left;
}

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

.contentPaneFullPage img {
  /*	position: relative;
	left: -18px;    */
  margin-bottom: 3px;
}

/*****  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: -37px 0 10px 0;
}

.homeContentPaneMiddleLeft {
  margin: 0 0 0px 0;
}

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

.homeContentPaneBottomRight {
  margin: -35px auto 0 auto;
  max-width: 258px;
  width: 100%;
}

.homeTopDivBox {
  max-width: 970px;
  width: 100%;
  height: 345px;
  margin: 0px 0 20px 0;
}

/*****  Homepage rotator Box ******/
.homeTopDivL {
  float: left;
  max-width: 695px;
  width: 100%;
  height: 343px;
  margin: 0 0px 0 0;
}

/*****  Homepage News Date & News List Box ******/
.homeTopDivR {
  float: right;
  max-width: 258px;
  width: 100%;
  height: 345px;
  margin-right: 2px;
}

.dateContainer {
  max-width: 258px;
  width: 100%;
  height: 30px;
  margin: 20px 0 2px 10px;
}

.divRDateBox, .divRDateBoxText {
  float: left;
  font-size: 1.02em;
  color: #666;
}

.divRDateBox {
  font-weight: bold;
  max-width: 125px;
  width: 100%;
}

.divRDateBoxText {
  margin: -1px 0px 0px 7px;
}

.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  ***********************/
/*************  Start of Home Bottom Div Items  ***********************/
.homeBottomLeftContainer, .homeBottomRighContainer {
  float: left;
}

.homeBottomRightContainer {
  float: right;
}

.homeBottomDivBox {
  max-width: 970px;
  width: 100%;
  float: left;
  margin: 45px 0 20px 0;
}

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

/************ Used for Photo Gallery & Open House List ************/
.homeBottomContentPaneLeftCol1 {
  float: left;
  margin: 0 15px 0 0;
  max-width: 260px;
  width: 100%;
}

.homeBottomContentPaneLeftCol2 {
  float: left;
  max-width: 400px;
/*  width: 100%; */
}

/***************End of Photo Gallery & Open House List ************/
.homeBottomDivR {
  float: right;
  max-width: 258px;
  width: 100%;
  margin-right: 2px;
}

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

.homeHeadingIMGEvents {
  margin-bottom: 10px;
}

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

.TDSBrightADs {
  float: right;
  max-width: 260px;
  width: 100%;
  margin: -30px -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;
}

.homeBottomDivBox2 {
  max-width: 697px;
  width: 100%;
  margin: 30px 0 20px 0;
}

.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: 9px 10px 11px 10px;
  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: 1px solid #C6C6C6;
}

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

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

.eventsNumberBox {
  float: right;
  max-width: 60px;
  width: 100%;
  height: 45px;
  margin: -34px 0 0 0;
  font-weight: bold;
  font-size: 2.40em;
}

.homeEventsDayTextBox, .eventsDayTextBox {
  float: right;
  margin: -60px 9px 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;
}



/* ***********  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 0 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 0 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 {
  float: left;
  max-width: 340px;
  width: 100%;
  margin: 0;
}

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

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

.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;
}
/*****  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 {
  font-size: 1.02em;
  color: #000;
  line-height: 2.08em;
  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;
}

/**********************  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  *************************/
.footerFrame {
  position: absolute;
  bottom: 0px;
  padding: 10px 0 0 0;
  width: 100%;
  background-color: #FFFDFA;
  /*	height:390px;   */
  height: 288px;
  background-image: url(/images/TDSB/footer5px_bkg.jpg);
  background-repeat: repeat-x;
  border-top: solid 1px #C6C6C6;
}

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

.footerInsideBoxLeft {
  float: left;
  margin: 3px 0 0 10px;
  padding: 0 0 0 85px;
  height: 275px;
  width: 415px;
  background-image: url(/images/TDSB/Logo_TDSBFooter.png);
  background-repeat: no-repeat;
  background-position: left -2px;
}

.footerInsideBoxLeftHeading {
  height: 30px;
  width: 380px;
  margin-left: 5px;
  margin-top: 2px;
}

.footerInsideBox3col {
  width: 410px;
  height: 160px;
  margin-left: 50px;
  display: block;
}

.footerBox3ColLeft {
  float: left;
  width: 165px;
}

.footerBox3ColRight {
  float: right;
  width: 235px;
}

.box3ColRight1 {
  float: left;
  width: 115px;
}

.box3ColRight2 {
  float: right;
  width: 100px;
}

.footerBox3ColLeft ul, .box3ColRight1 ul, .box3ColRight2 ul {
  color: #5946A7;
  margin: -2px 0px 0 -30px;
}

.footerBox3ColLeft li, .box3ColRight1 li, .box3ColRight2 li {
  line-height: 1.26em;
  list-style-image: url(/images/TDSB/dot.png);
  /*text-indent:-5px; */
}

.footerBox3ColLeft li a:link, .footerBox3ColLeft li a:visited, .footerBox3ColLeft li a:active, .footerBox3ColLeft li a:hover,
.box3ColRight1 li a:link, .box3ColRight1 li a:visited, .box3ColRight1 li a:active, .box3ColRight1 li a:hover,
.box3ColRight2 li a:link, .box3ColRight2 li a:visited, .box3ColRight2 li a:active, .box3ColRight2 li a:hover {
  color: #5946A7;
  left: -6px;
  font-size: 0.86em;
  line-height: 1.30em;
  text-decoration: none;
}

.footerSearchBox {
  width: 410px;
  height: 50px;
  margin: 7px 0 0 180px;
}

/*************** Right side footer Items **************/
.footerInsideBoxRight {
  float: right;
  margin: 5px 10px 0 0;
  height: 275px;
  width: 100%;
  max-width: 435px;
}

.footerInsideBoxSocial {
  float: left;
  height: 200px;
  width: 155px;
}

.footerInsideBoxIconsHeading {
  height: 30px;
  width: 155px;
}

.footerInsideBoxIcons {
  float: left;
  margin: 0 0px 2px 0;
  height: 30px;
  width: 155px;
}

.footerIconsSocial {
  float: left;
  height: 30px;
  width: 30px;
  margin: 0 5px 0 0;
}

.footerIconsSocialText, .footerIconsSocialText a.footerIconsSocialText:link, .footerIconsSocialText a.footerIconsSocialText:visited,
.footerIconsSocialText a.footerIconsSocialText:active, .footerIconsSocialText a.footerIconsSocialText:hover {
  float: left;
  height: 30px;
  margin: 4px 0px 0 2px;
  text-decoration: none;
  color: #402A9A;
}

.footerInsideBoxMission {
  float: right;
  width: 260px;
  display: block;
}

.footerInsideBoxMissionHeading {
  height: 30px;
  width: 260px;
}

.footerInsideBoxMissionText {
  width: 260px;
  color: #000;
}

.footerAccessibility {
  font-size: 1.2em;
}

.footerAccessibility img {
  position: relative;
  left: -22px;
  margin-right: -27px;
  border: none;
}

.footerAccessibility a {
  color: #402a9a;
  float: left;
  height: 30px;
  margin: 4px 0 0 2px;
  text-decoration: none;
}

.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: fixed;
  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;
  text-decoration: none;
}

/***********************  End of Footer *************************/
/** 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, .Normal h2, .Normal h3, h1, h1 input, h2, h2 input, h3, h3 input {
  font-weight: bold;
  color: #3A3A3A;
  font-size: 1.58em;
  margin-bottom: 0.28em;
  line-height: 1.10em;
}

.Normal h2, h2, h2 input {
  font-size: 1.18em;
  color: #3A3A3A;
}

.Normal h3, h3, h3 input {
  font-size: 1.10em;
  color: #3A3A3A;
}

/* ***********  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 {
  /*border:1px solid #F00;*/
  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;
  /*    background: -webkit-linear-gradient(rgba(190,205,174,1),rgba(146,174,113,1)) ; /* For Safari 5.1 to 6.0 */
  /*    background: -o-linear-gradient(rgba(190,205,174,1),rgba(146,174,113,1)) ;  /* For Opera 11.1 to 12.0 */
  /*    background: -moz-linear-gradient(rgba(190,205,174,1),rgba(146,174,113,1)) ; /* For Firefox 3.6 to 15 */
  /*    background: linear-gradient(rgba(190,205,174,1),rgba(146,174,113,1)) ; /* Standard syntax */
  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 ********************************/
/***** 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: 63px;
  overflow: hidden;
}

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

/* Styles for School Landing Page */
#TDSB_EmergencyAlertBox {
  width: 720px;
  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;
}

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

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

.spcOpenHouseNoticeIcon {
  width: 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:#FDF2E3; */
	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;
}

@media print {
  @page {
    size: 8.5in 11in;
    margin: 0.4in 0.4in 0.4in 0.4in;
    padding: 5pt 5pt;
  }
  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, .footerFrame {
    display: none;
  }
  #TDSBpageFrame, #TDSBpageFrameHome, #TDSBpageFrameExtra {
    background-image: none;
    float: left;
  }
  .contentBox, .content2ColunmRight, .content3ColunmRight, .content3ColunmRight_Mid {
    width: 700px;
    margin: 10pt 0 0 0;
    padding: 0 0;
    height: auto;
    background-color: #93C;
  }
  .content2ColunmRight, .content3ColunmRight {
    margin: 0px 0 0 10px;
    width: 680px;
    float: left;
  }
  .content3ColunmRight {
    margin-top: -75px;
  }
  .content2ColunmRight {
    margin-top: -50px;
  }
  .contentPaneFullPage {
    margin-top: -50px;
    width: 680px;
    height: auto;
  }
  .content3ColunmRight_Mid {
    width: 680px;
  }
  .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 {
    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;
  }
}

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

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

NEW CODE

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

RESPONSIVE CONTENT

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

.homeBottomDivBox {
  width: 970px;
}

@media screen and (max-width: 1000px) {
  .contentBox {
    height: auto;
    padding: 0 0 288px 0;
    margin: 0 10px;
  }
  .contentBox .leftNavBox {
    /* Left Nav Bar Items */
    width: 100% !important;
    max-width: 100% !important;
  }
  .contentBox .content3ColunmRight {
    width: 95%;
    max-width: 95%;
    float: left;
    margin-left: 10px !important;
  }
  .contentBox .content2ColunmLeft,
  .contentBox .content3ColunmLeft {
    /* Left Nav Bar Items */
    width: 95% !important;
    max-width: 95% !important;
  }
  .contentBox .content2ColunmRight {
    width: 95% !important;
    max-width: 95% !important;
    float: left !important;
    margin: 0 0 0 10px !important;
  }
  .contentBox .3colContentPaneRight,
  .contentBox .content3ColunmRight {
    width: 95% !important;
    max-width: 95% !important;
    float: left !important;
    margin: 0 0 0 10px !important;
  }
  .contentBox .content3ColunmRight {
    width: 100%;
    max-width: 100%;
  }
  .footerFrame {
    height: 288px;
  }
  .footerFrame .footerInsideBox {
    width: auto;
  }
  .footerFrame .footerInsideBoxRight {
    max-width: 175px;
  }
  .footerFrame .footerInsideBoxMission {
    display: none;
  }
  
   /***** Message Alerts Notice CSS items  ******/
 .homepageUpperEmergbox
 {
  width:100%;
 }
  
}

/*@media screen and (max-width: $mediumLargeMobileSizeBreakpoint) {
	.homeTopDivR{	
		max-width:100%;
	}

	.homeBottomRightContainer {
		max-width:100%;
	}

	.contentBox .homeBottomDivR {
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 30px;
	}

}*/
@media screen and (max-width: 780px) {
  .contentBox {
    padding: 0 0 205px 0;
  }
  .contentBox .content3ColunmRight_Right, .content3ColunmRight_VL {
    width: 100%;
    max-width: 100%;
  }
  .TDSBrightADs {
    width: 100% !important;
    max-width: 100% !important;
  }
  .footerFrame {
    height: 205px;
  }
  .footerFrame .footerInsideBox,
  .footerFrame .footerInsideBoxLeft,
  .footerFrame .footerInsideBoxRight {
    height: auto;
  }
  .footerFrame .footerInsideBoxLeft {
    width: auto;
  }
  .footerFrame .footerInsideBox3col {
    display: none;
  }
  .footerFrame .footerInsideBoxLeft,
  .footerFrame .footerInsideBoxLeftHeading,
  .footerFrame .footerSearchBox,
  .footerFrame #dnn_tdsbWwwFooter_divSearchBoot {
    width: auto;
  }
  .footerFrame .footerSearchBox {
    margin: 0 !important;
  }
  .footerFrame .footerSearchBox .TBBR2 {
    height: auto;
    width: auto;
  }
  .footerFrame #dnn_tdsbWwwFooter_divSearchBoot {
    height: 60px;
    float: left;
  }
  

}

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

}

@media screen and (max-width: 635px) {
  .footerFrame {
    height: 172px;
  }
  .footerFrame .footerSearchBox .TBBR2 {
    float: left;
  }
  .footerFrame .footerInsideBoxLeft,
  .footerFrame .footerInsideBoxRight {
    width: 80%;
    margin: 0 auto;
    float: none;
  }
  .footerFrame .footerInsideBoxLeft {
    padding-left: 20%;
  }
  .footerFrame .footerInsideBoxLeftHeading,
  .footerFrame .footerSearchBox {
    margin: 0 auto;
  }
  .footerFrame .footerInsideBoxLeftHeading {
    margin: 5px 0 !important;
    padding-left: 10%;
  }
  .footerFrame .footerInsideBoxSocial {
    height: auto;
    min-width: 190px;
    width: 100%;
    margin: 0 auto;
  }
  .footerFrame .footerInsideBoxIcons {
    width: auto !important;
    display: inline-block !important;
  }
  .footerFrame .footerInsideBoxIcons .footerIconsSocialText {
    display: none !important;
  }
  .footerFrame #dnn_tdsbWwwFooter_divSearchBoot {
    margin: 5px 0 5px 20px !important;
  }
  

}

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