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

.TDSBwwwNavBarBox .collapse:not(.show) {
	display: block;
}

.TDSBwwwNavBarBox {
	height:48px;
	width:100%;   
	background-image: none;  
	background-repeat: none;
	border-top:none;
	border-bottom:none;
	margin-bottom:-5px;
}

.TDSBwwwNavBar {
	margin:0 auto;
	width:100%; 
	max-width:87.5rem; /* = 1400px */ 
	/* height:38px; */
	margin-top:-5px;
	background-image: none;  
	background-repeat: none;
}


.TDSBwwwNavBar ul#topnav
{
	display:flex;
	flex-direction:row;
	margin: 0;
	padding:0;
}

.TDSBwwwNavBar ul#topnav li
{
	font-family: "Roboto", sans-serif;
    text-transform: uppercase;
	font-weight: bold;
	list-style: none;
	flex-grow:1;
    float: left;
    text-align: center;
    border-right:2px solid #FFF;
    font-size:1.1rem;
	margin-top:-5px;
	border-bottom:5px solid #FFF;
}
	

.TDSBwwwNavBar ul#topnav li a:link, .TDSBwwwNavBar ul#topnav li a:visited,
.TDSBwwwNavBar ul#topnav li a:active, .TDSBwwwNavBar ul#topnav li a:hover
 {
    display: block;
    text-decoration: none;
	padding-top:0.28em;
	padding-bottom:3px;
	/*height:37px; */
	color:#2D4074;
}

/** CSS for main nav bar  **/
.TDSBwwwNavBar ul#topnav li a#navHome:link, .TDSBwwwNavBar ul#topnav li a#navHome:visited,
.TDSBwwwNavBar ul#topnav li a#navHome:active, .TDSBwwwNavBar ul#topnav li a#navHome:hover,

.TDSBwwwNavBar ul#topnav li a#navEY:link, .TDSBwwwNavBar ul#topnav li a#navEY:visited,
.TDSBwwwNavBar ul#topnav li a#navEY:active, .TDSBwwwNavBar ul#topnav li a#navEY:hover,

.TDSBwwwNavBar ul#topnav li a#navES:link, .TDSBwwwNavBar ul#topnav li a#navES:visited,
.TDSBwwwNavBar ul#topnav li a#navES:active, .TDSBwwwNavBar ul#topnav li a#navES:hover,

.TDSBwwwNavBar ul#topnav li a#navHS:link, .TDSBwwwNavBar ul#topnav li a#navHS:visited,
.TDSBwwwNavBar ul#topnav li a#navHS:active, .TDSBwwwNavBar ul#topnav li a#navHS:hover,

.TDSBwwwNavBar ul#topnav li a#navAL:link, .TDSBwwwNavBar ul#topnav li a#navAL:visited,
.TDSBwwwNavBar ul#topnav li a#navAL:active, .TDSBwwwNavBar ul#topnav li a#navAL:hover,

.TDSBwwwNavBar ul#topnav li a#navSE:link, .TDSBwwwNavBar ul#topnav li a#navSE:visited,
.TDSBwwwNavBar ul#topnav li a#navSE:active, .TDSBwwwNavBar ul#topnav li a#navSE:hover,

.TDSBwwwNavBar ul#topnav li a#navComm:link, .TDSBwwwNavBar ul#topnav li a#navComm:visited,
.TDSBwwwNavBar ul#topnav li a#navComm:active, .TDSBwwwNavBar ul#topnav li a#navComm:hover {
background: none;
background-repeat:no-repeat; 
border-left:0px solid #FFF;
border-right:0px solid #FFF;
}


/ Home Nav /
/*
.TDSBwwwNavBar ul#topnav li a#navHome:link, .TDSBwwwNavBar ul#topnav li a#navHome:visited,
.TDSBwwwNavBar ul#topnav li a#navHome:active, .TDSBwwwNavBar ul#topnav li a#navHome:hover {

	border-left:0px solid #FFF; 
} 

.TDSBwwwNavBar ul#topnav li a#navHome:hover {
	background: url(/images/TDSB/btn_HomeHover.jpg)!important;
	background-repeat:repeat-x;
	color:#FFF; 
}
 */

/ ÐÓ°ÉPro Nav /
.TDSBwwwNavBar ul#topnav li a#navEY:link, .TDSBwwwNavBar ul#topnav li a#navEY:visited,
.TDSBwwwNavBar ul#topnav li a#navEY:active, .TDSBwwwNavBar ul#topnav li a#navEY:hover {
	border-bottom:14px solid #E1E17F;
} 

/ Elementary Nav /
.TDSBwwwNavBar ul#topnav li a#navES:link, .TDSBwwwNavBar ul#topnav li a#navES:visited,
.TDSBwwwNavBar ul#topnav li a#navES:active, .TDSBwwwNavBar ul#topnav li a#navES:hover {
	border-bottom:14px solid #88BF74;
} 

/ High School Nav /
.TDSBwwwNavBar ul#topnav li a#navHS:link, .TDSBwwwNavBar ul#topnav li a#navHS:visited,
.TDSBwwwNavBar ul#topnav li a#navHS:active, .TDSBwwwNavBar ul#topnav li a#navHS:hover {
	border-bottom:14px solid #D4A06A;
 }

/ Adult Learners Nav /
.TDSBwwwNavBar ul#topnav li a#navAL:link, .TDSBwwwNavBar ul#topnav li a#navAL:visited,
.TDSBwwwNavBar ul#topnav li a#navAL:active, .TDSBwwwNavBar ul#topnav li a#navAL:hover {
	border-bottom:14px solid #5F72A1;
} 

/ Parents & Caregivers Nav /
.TDSBwwwNavBar ul#topnav li a#navSE:link, .TDSBwwwNavBar ul#topnav li a#navSE:visited,
.TDSBwwwNavBar ul#topnav li a#navSE:active, .TDSBwwwNavBar ul#topnav li a#navSE:hover {
	border-bottom:14px solid #ECDBB6;
} 

/ Community Nav /
.TDSBwwwNavBar ul#topnav li a#navComm:link, .TDSBwwwNavBar ul#topnav li a#navComm:visited,
.TDSBwwwNavBar ul#topnav li a#navComm:active, .TDSBwwwNavBar ul#topnav li a#navComm:hover {
	border-bottom:14px solid #BB6059;
} 


.TDSBwwwNavBar ul#topnav li a#navHome:hover,
.TDSBwwwNavBar ul#topnav li a#navEY:hover,
.TDSBwwwNavBar ul#topnav li a#navES:hover,
.TDSBwwwNavBar ul#topnav li a#navHS:hover,
.TDSBwwwNavBar ul#topnav li a#navAL:hover,
.TDSBwwwNavBar ul#topnav li a#navSE:hover,
.TDSBwwwNavBar ul#topnav li a#navComm:hover {
background: none;
background-repeat:no-repeat; 
background-image:linear-gradient(to top, rgba(156, 190, 212, 0.3) 10%, #FFF 85%);
box-shadow:0px 1px 0px 1px rgb(0, 0, 0, 0.1);
}

/** CSS for main nav bar bottom thick border  *
.TDSBwwwNavBar ul#topnav li a#navES:link, .TDSBwwwNavBar ul#topnav li a#navES:visited,
.TDSBwwwNavBar ul#topnav li a#navES:active, .TDSBwwwNavBar ul#topnav li a#navES:hover,

 .TDSBwwwNavBar ul#topnav li a#navEY:link, .TDSBwwwNavBar ul#topnav li a#navEY:visited,
.TDSBwwwNavBar ul#topnav li a#navEY:active, .TDSBwwwNavBar ul#topnav li a#navEY:hover,

.TDSBwwwNavBar ul#topnav li a#navES:link, .TDSBwwwNavBar ul#topnav li a#navES:visited,
.TDSBwwwNavBar ul#topnav li a#navES:active, .TDSBwwwNavBar ul#topnav li a#navES:hover,

.TDSBwwwNavBar ul#topnav li a#navHS:link, .TDSBwwwNavBar ul#topnav li a#navHS:visited,
.TDSBwwwNavBar ul#topnav li a#navHS:active, .TDSBwwwNavBar ul#topnav li a#navHS:hover,

.TDSBwwwNavBar ul#topnav li a#navAL:link, .TDSBwwwNavBar ul#topnav li a#navAL:visited,
.TDSBwwwNavBar ul#topnav li a#navAL:active, .TDSBwwwNavBar ul#topnav li a#navAL:hover,

.TDSBwwwNavBar ul#topnav li a#navSE:link, .TDSBwwwNavBar ul#topnav li a#navSE:visited,
.TDSBwwwNavBar ul#topnav li a#navSE:active, .TDSBwwwNavBar ul#topnav li a#navSE:hover,

.TDSBwwwNavBar ul#topnav li a#navComm:link, .TDSBwwwNavBar ul#topnav li a#navComm:visited,
.TDSBwwwNavBar ul#topnav li a#navComm:active, .TDSBwwwNavBar ul#topnav li a#navComm:hover  {

}
*/


@media (max-width: 991px) {
.TDSBwwwNavBarBox .collapse:not(.show) {
	display: block;
} 

.TDSBwwwNavBarBox .navbar-collapse {
	background-color: white;
}

.navbar-collapse collapse {
	display:none;
}

.TDSBwwwNavBarBox {
	margin-bottom: 32px!important;
}

.TDSBwwwNavBarBox .col {
	margin-top:1rem;
	padding-left:0;
	padding-right:0;
}

.TDSBwwwNavBar ul#topnav li {
    font-size:0.86rem;
}
}


@media (max-width: 780px) {
.TDSBwwwNavBarBox .collapse:not(.show) {
	display: none;
} 

.TDSBwwwNavBarBox {
	border:none!important;
}	
	
.TDSBwwwNavBarBox .col {
	width:100%;
	background-color: #F2F2F2; 
	padding-left:0!important;
	padding-right:0!important;
	border:none;
}

.TDSBwwwNavBarBox .pt-3 {
	padding-top:0!important;
}

.TDSBwwwNavBar {
	width:100%;
	background-color:#d4dce2;
	padding-left:0;
	padding-right:0;
	background:none;
	display:inline-block;
	border-bottom:2px solid grey;
	margin-bottom:1.1rem;
}

.header-right {
	margin-top:2px;
}

.navbar-collapse collapse {
	display:none;
}

.TDSBwwwNavBar ul#topnav {
	height: auto;
	width:100%;
	max-width:100%;
	display: list-item;
	background-color: #e4e4e4;
}

.TDSBwwwNavBar ul#topnav li {
    list-style: none;
    float: none;
    text-align: left;
    border-right:none;
	margin-top: -0.88em;
	border-bottom:1px dotted #919191!important; 
}
	
.TDSBwwwNavBar ul#topnav li a:link, .TDSBwwwNavBar ul#topnav li a:visited,
.TDSBwwwNavBar ul#topnav li a:active, .TDSBwwwNavBar ul#topnav li a:hover,

.TDSBwwwNavBar ul#topnav li a#navHome:link, .TDSBwwwNavBar ul#topnav li a#navHome:visited,
.TDSBwwwNavBar ul#topnav li a#navHome:active, .TDSBwwwNavBar ul#topnav li a#navHome:hover,

.TDSBwwwNavBar ul#topnav li a#navEY:link, .TDSBwwwNavBar ul#topnav li a#navEY:visited,
.TDSBwwwNavBar ul#topnav li a#navEY:active, .TDSBwwwNavBar ul#topnav li a#navEY:hover,

.TDSBwwwNavBar ul#topnav li a#navES:link, .TDSBwwwNavBar ul#topnav li a#navES:visited,
.TDSBwwwNavBar ul#topnav li a#navES:active, .TDSBwwwNavBar ul#topnav li a#navES:hover,

.TDSBwwwNavBar ul#topnav li a#navHS:link, .TDSBwwwNavBar ul#topnav li a#navHS:visited,
.TDSBwwwNavBar ul#topnav li a#navHS:active, .TDSBwwwNavBar ul#topnav li a#navHS:hover,

.TDSBwwwNavBar ul#topnav li a#navAL:link, .TDSBwwwNavBar ul#topnav li a#navAL:visited,
.TDSBwwwNavBar ul#topnav li a#navAL:active, .TDSBwwwNavBar ul#topnav li a#navAL:hover,

.TDSBwwwNavBar ul#topnav li a#navSE:link, .TDSBwwwNavBar ul#topnav li a#navSE:visited,
.TDSBwwwNavBar ul#topnav li a#navSE:active, .TDSBwwwNavBar ul#topnav li a#navSE:hover,

.TDSBwwwNavBar ul#topnav li a#navComm:link, .TDSBwwwNavBar ul#topnav li a#navComm:visited,
.TDSBwwwNavBar ul#topnav li a#navComm:active, .TDSBwwwNavBar ul#topnav li a#navComm:hover {
	
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
	background:none!important;
	padding-left:3%;
	padding-bottom:0.44em;
	padding-top:0.88em;
	margin-top:0.68em;
	border-left:none;
	border-bottom:none!important;
	box-shadow: none;
}

.TDSBwwwNavBar ul#topnav li a#navEY {
	border-top:2px solid grey;
}

}