@charset "utf-8";
/* CSS Document */


.TDSBwwwNavBar
{
	margin: 0 auto;
	height:38px;
	width:994px;
	margin-top:0px;
	background-image: url(/images/TDSB/btn_Nav_normal_Bkg.jpg); 
	background-repeat:repeat-x;
}

ul#topnav
{
	list-style: none;
	padding: 0;
	margin: -19px 0 0 0px;
	float: left;
	font-size:1.00em;
	height: 38px;
	width:994px;
	border-left: 1px solid #c6c6c6;
}


ul#topnav li
{
	margin: 0;	
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	list-style-type:none;
	display:block;
	float: left; 
} 


ul#topnav li a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.18em;
	height: 27px;
	color: #43347b;  
	text-decoration: none;
	float: left; 
	margin:.5px 0 0 0; 
	padding: 2px auto; /**/
}


.navHome
{
	padding-left:38px;
}

.navEY
{
	padding-left:25px;
}

#navESpad
{
	padding-left:27px;
}

.navHS
{
	padding-left:30px;
}

#navALpad
{
	padding-left:33px;
}

.navCommunity
{
	padding-left:40px;
}




/* Remove if the Home Page has a sub menu  */
.navHome a:hover
{
	height: 26px;
	background-image: url(/images/TDSB/btn_homeHover.jpg);
	padding: 6px auto 2px auto; 
	margin: -4px 0 0 0; 
	text-align:center;
	width:70px;
	float:left;   /* */
}

/* Use if the a Main Nav has no sub menu  
#navHS a:hover
{
	height: 26px;
	padding: 6px 35px;
	margin: -0px 0 0 0;
	display: block;
	background-image: url(/images/TDSB/btn_HighSchHover.jpg);
}

#navES a:hover
{
	color:#FFF;
}
*/


/*************************************************************************/
/*****************     Start of Sub Nav Box Items     ********************/
/*************************************************************************/
ul#topnav li ul.subnav, ul#topnav li ul.subnavEY, ul#topnav li ul.subnavES,
ul#topnav li ul.subnavAL, ul#topnav li ul.subnavCommunity
{
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	float: left;
	list-style:none;
	left: 0;
	top: 60px;
	background: #819f79; 
	margin: 0;
	padding: 0 0 10px 0;
	display: none;  
	width: 240px;
	border: 1px solid #c6c6c6;
	z-index:9999;
}


/********* Dropdown Menu *********/
.subMenuBoxLeft, .subMenuBoxRight,
.subMenuBoxESLeft, .subMenuBoxESRight,
.subMenuBoxALLeft, .subMenuBoxALRight,
.subMenuBoxHSLeft, .subMenuBoxHSRight,
.subMenuBoxComLeft, .subMenuBoxComRight
{
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	float:left;
	margin:0 6px 0  0px;
	width:240px;
	border-left:5px solid #FCDEAA;
	padding:4px 0 0 0;
	height:328px;	
	left: 0;
}

.subMenuBoxRight, .subMenuBoxESRight, .subMenuBoxALRight,
.subMenuBoxHSRight, .subMenuBoxComRight
{
	margin:0 0;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	top: 0;
	left: 290px;
	background: #fff9eb;	
}

ul#topnav li ul.subnavEY, ul#topnav li ul.subnavES, ul#topnav li ul.subnavAL,
ul#topnav li ul.subnavHS, ul#topnav li ul.subnavCommunity
{
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow-- */
	list-style: none;
	display:none;
	left: 0px; 	/**/
	top: 38px;
	margin: 0;
	padding: 10px 0 10px 0;
 	float: left;   /* */
	width:875px;
	border: 1px solid #c6c6c6; 
	background-color:#FAE1AB;  /**/
	background-image: url(/images/TDSB/bkg_subMenu.jpg);
	background-repeat:repeat-x;
	height:342px;
	z-index:999;
}

/******  Bottom border colour's of Drop Down Menu Box *****/
ul#topnav li ul.subnavEY
{
	left: -2px;
	background-image: url(/images/TDSB/bkg_subMenuEY.jpg); 
}

ul#topnav li ul.subnavES 
{
	left: -144px;
	background-image: url(/images/TDSB/bkg_subMenuES.jpg);
}


ul#topnav li ul.subnavHS
{
	left: -348px;
	background-image: url(/images/TDSB/bkg_subMenuHS.jpg);
}

ul#topnav li ul.subnavAL 
{
	left: -509px;
	background-image: url(/images/TDSB/bkg_subMenuAL.jpg);
}

ul#topnav li ul.subnavCommunity
{
	left: -690px;
	background-image: url(/images/TDSB/bkg_subMenuComm.jpg);
}

ul#topnav li ul.menuCol li a
{
	margin-left:-18px; 
	width:190px; 
	height:auto;
	padding:0 0 0 15px;
	color:#2E3F77;
}

ul#topnav li ul.menuCol li a,
ul#topnav li ul.menuCol .dropdownOverviewHead,
ul#topnav li ul.menuCol .dropdownSubHead a,
ul#topnav li ul.menuCol .dropdownSubHead a:hover,
ul#topnav li ul.menuCol .level2menu a,
ul#topnav li ul.menuCol .level2menu a:hover,
ul#topnav li ul.menuCol .dropdownflyOutHead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.82em;
	font-weight:bold;
	text-align:left;
	border-right:none;	
	letter-spacing:0.02em;
	border-bottom: 1px solid #CCC;  /**/
	margin:0px 0 0 -18px;
	width:240px;
	padding:5px 0 5px 8px;
	text-indent:0;
	line-height:1.46em;	
}



ul#topnav li ul.menuCol .dropdownOverviewHead
{
	
	color:#2E3F77;
	letter-spacing:0.03em;
	padding-bottom:3px;
	margin:7px 0 0 -18px;
	width:233px;
}


ul#topnav li ul.menuCol .dropdownSubHead a:hover,
ul#topnav li ul.menuCol .dropdownSubHeadNM a:hover
{
	background:#FCDEAA;
}


ul#topnav li ul.menuCol .dropdownSubHead a
{
	text-indent:0px;
	background-image: url(/images/TDSB/arrowRight.png);
	background-repeat:no-repeat;
	background-position:227px 3px;
	width:233px;
}


ul#topnav li ul.menuCol .dropdownSubHead a:hover
{
	width:237px;
	background-image: url(/images/TDSB/arrowRight.png);
	background-repeat:no-repeat;
	background-position:227px 3px;	
}


ul#topnav li ul.menuCol .dropdownSubHeadNM a, ul#topnav li ul.menuCol .dropdownSubHeadNM a:hover
{
	background-image:none;
	width:233px;

}

/**** This controls the padding for the Right Arrow ***/
ul#topnav li ul.menuCol .dropdownSubHead a,
ul#topnav li ul.menuCol .dropdownSubHead a:hover
{
	padding-right: 0px;  /**/
}


ul#topnav li ul.menuCol .dropdownflyOutHead
{
	font-size:0.88em;
	color:#E98025;
	letter-spacing:0.01em;	
	padding-bottom:3px;
	margin:0px 0 0 0px;
	background-image:none;
	width:282px;	
}


ul#topnav li ul.menuCol .level2menu a, ul#topnav li ul.menuCol .level2menu a:hover
{
	font-size:0.88em;
	font-weight:normal;
	margin:0px 0 0 0px;
	background-image:none;
	padding:5px 0 6px 12px;
	text-indent:0;
	line-height:1.30em;
	width:278px;
}


ul#topnav li ul.menuCol .level2menu a:hover
{
	background-image:none;
	background:#FCDEAA;
}


.subMenuBoxLeft, .subMenuBoxRight, .flyoutMenuBox, .promoMenuImage
{
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	float:left;
	margin:0 0;
}

.subMenuBoxLeft, .subMenuBoxRight
{
	margin:0 6px 0  0px;
	padding:4px 0 0 0;
	width:240px;
	height:328px;
	border-left:5px solid #FCDEAA;
	left: 0;
	
/*	background-color:#6C3;  */
}


.subMenuBoxRight
{
	padding: 0;
	width: 660px;
	height: 333px;
	top:-36px;
	left:224px; 	
	border-left:5px solid #FCDEAA;
	list-style: none;
	background:none;
	
/*	background-color:#CCC;  */
}


.flyoutMenuBox
{
	width:290px;
	height:325px;
	padding:2px 0 0 0;
	display:none;
	z-index:900;
}	


#js_nav
{
    height: 40px;
	border: none;
}

.promoMenuImage
{
	top: 52px;
	left:555px;
	height:300px;
	width:335px; 
	padding:0;
	z-index:99; 
	padding-left:0px;
}