﻿@charset "utf-8";
 /*CSS Document */

.covid_2019 tr td:nth-child(2), .covid_2019 tr td:nth-child(3), .covid_2019 tr td:nth-child(4), .covid_2019 tr td:nth-child(5)
{
text-align:center;
}
.covid_2019 td 
{
    border: 1px solid;
    padding: 5px; 
}
.covid_2019 
{
border: 1px solid; 
}
.covid_2019 tr:nth-child(even) {
    background-color: #eaeaea;
}



.article-news  .featured-content { display:none;}

.article-news  hr {display:none;} 
#nav-fixed .logo50 img { width:130px;}
.logo .logo50 img{ width:80%}
.logo50{float: right;
    position: absolute;
    right: -28%;
    top: 20px;
    }

.footer-top-right .others li:nth-child(3){
   display:none;
}

#content-area article{min-height:1000px;}
.slider-content p {background-color:#000000;  padding:6px; font-size:1.4em !important;

 background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

} 
 #Paging {    margin-top: 50px;
    margin-bottom: 10px;}
.ms-srch-item-body { margin-bottom:30px !important;}
.ms-srch-hover-outerContainer{display:none !important;}

.ms-srch-Paging#Paging  li{display:inline !important; background:none !important; padding-left:none !important;}

.ms-srch-item-body .ms-srch-item-path, #ResultFooter, .ms-srch-upscope-top#UpScopeLinkTop{ display:none !important;}
.customWidth { width:1015px;
	
}
#s4-workspace{
	

width: 1385px !important; 

}

html{
	
overflow-y: scroll;} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	
	margin: 0;
	padding: 0;

}
:focus {/* remember to define focus styles! */
}
body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	 font-size: 1em; 
	/* font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; */
	margin:0;
	padding:0;
	overflow-x:hidden;
	text-rendering: optimizelegibility;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
.clear {
	clear:both;
}
/*------------------------------------------------------------*/
input, textarea, input[type=submit] {  
-webkit-appearance: none;
-webkit-border-radius:0; 
 }


/*body, input, textarea {
	color: #000;
	

}*/
body {
}
#page {
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
/*h1{ font-size:16px; color:#013dab; font-weight:normal; line-height:normal; }
h2{ font-size:16px; font-weight:bold; color:#013dab;line-height:normal; margin-top:20px; }
h3{ color:#000; font-weight:bold; font-size:.875em; margin-top:20px; margin-bottom:5px;}*/

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
	clear:both;
}
div.hr-bottom{ margin-top:2em; clear:both;float:left;	background-color: #ccc;
	border: 0;
	height: 1px;}
/* Text elements */
p {
	margin-bottom: 1em;
	clear:both;
	line-height:1.25em;
}
ul, ol {
	margin:0;
}
ul {
	list-style: none;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
.article-wrap { font-size:16px;font-weight:500; }
.inside-article-wrap{ font-size:16px; font-weight:500; }.inside-article-wrap a{ font-size:14px; }

#content-area-inside table{ font-size:.875em; font-weight:500; }

#content-area-inside table{ margin-bottom:2em;width:100%; border-collapse:collapse;font-weight:500;}



#content-area-inside table.two-column-90-10 td:nth-child(2n+1){  width:90%;}
#content-area-inside table.two-column-90-10 td:nth-child(2n){  width:10%;padding-left:5px;}

#content-area-inside table.two-column-80-20 td:nth-child(2n+1){  width:80%; }
#content-area-inside table.two-column-80-20 td:nth-child(2n){  width:20%;padding-left:5px;}

#content-area-inside table.two-column-70-30 td:nth-child(2n+1){  width:70%;}
#content-area-inside table.two-column-70-30 td:nth-child(2n){  width:30%;padding-left:5px; }

#content-area-inside table.two-column-60-40 td:nth-child(2n+1){  width:60%;}
#content-area-inside table.two-column-60-40 td:nth-child(2n){  width:40%;padding-left:5px;}

#content-area-inside table.two-column-50-50 td:nth-child(2n+1){  width:50%;}
#content-area-inside table.two-column-50-50 td:nth-child(2n){  width:50%;padding-left:5px;}

#content-area-inside table.two-column-40-60 td:nth-child(2n+1){  width:40%;}
#content-area-inside table.two-column-40-60 td:nth-child(2n){  width:60%;padding-left:5px;}

#content-area-inside table.two-column-30-70 td:nth-child(2n+1){  width:30%; }
#content-area-inside table.two-column-30-70 td:nth-child(2n){ width:70%;padding-left:5px;}

#content-area-inside table.two-column-20-80 td:nth-child(2n+1){  width:20%; }
#content-area-inside table.two-column-20-80 td:nth-child(2n){ width:80%;padding-left:5px; }

#content-area-inside table.two-column-10-90 td:nth-child(2n+1){  width:20%; }
#content-area-inside table.two-column-10-90 td:nth-child(2n){ width:90%;padding-left:5px; }


#content-area-inside table.three-column-33-33-33 td:nth-child(2n+1){  width:33%;}
#content-area-inside table.three-column-33-33-33 td:nth-child(2n){  width:33%;padding-left:5px; }

#content-area-inside table.three-column-40-30-30 td:nth-child(2n+1){  width:40%;}
#content-area-inside table.three-column-40-30-30 td:nth-child(2n){  width:30%;padding-left:5px; }
#content-area-inside table.three-column-40-30-30 td:nth-last-child(1){  width:30%;padding-left:5px; }

#content-area-inside table.three-column-50-25-25 td:nth-child(2n+1){  width:50%; }
#content-area-inside table.three-column-50-25-25 td:nth-child(2n){  width:25%;padding-left:5px; }
#content-area-inside table.three-column-50-25-25 td:nth-last-child(1){  width:25%;padding-left:5px;}

#content-area-inside table.three-column-30-40-30 td:nth-child(2n+1){  width:30%; }
#content-area-inside table.three-column-30-40-30 td:nth-child(2n){  width:40%;padding-left:5px; }
#content-area-inside table.three-column-30-40-30 td:nth-last-child(1){  width:30%;padding-left:5px; }

#content-area-inside table.three-column-20-60-20 td:nth-child(2n+1){  width:20%; }
#content-area-inside table.three-column-20-60-20 td:nth-child(2n){  width:60%;padding-left:5px; }
#content-area-inside table.three-column-20-60-20 td:nth-last-child(1){  width:20%;padding-left:5px; }

#content-area-inside table.three-column-20-40-40 td:nth-child(2n+1){  width:20%; }
#content-area-inside table.three-column-20-40-40 td:nth-child(2n){  width:40%;padding-left:5px; }
#content-area-inside table.three-column-20-40-40 td:nth-last-child(1){  width:40%;padding-left:5px;}


#content-area-inside table.border tr:nth-child(2n){ background:#dddddd; }
#content-area-inside table.border td, #content-area-inside table.border th{ padding:5px; border:1px solid #000;}
#content-area-inside table.border td:nth-child(2n+1){   }
#content-area-inside table.border td:nth-child(2n){  padding-left:5px;}
#content-area-inside table.border td a{}

#content-area-inside table.no-border tr:nth-child(2n){ background:#dddddd; }
#content-area-inside table.no-border td, #content-area-inside table.border th{ padding:5px; border:0px solid #000;}
#content-area-inside table.no-border td:nth-child(2n+1){ }
#content-area-inside table.no-border td:nth-child(2n){ padding-left:5px;}
#content-area-inside table.no-border td a{}

#content-area-inside table.year-calendar td:nth-child(2n+1){  width:60%; border:0px solid #000;}
#content-area-inside table.year-calendar td:nth-child(2n){  width:30%;padding-left:5px; border:0px solid #000;}

#content-area-inside table.holiday-calendar td:nth-child(2n+1){ width:38%; border:0px solid #000;}
#content-area-inside table.holiday-calendar td:nth-child(2n){ width:48%;padding-left:5px; border:0px solid #000;}

#content-area-inside table.activity-days td:nth-child(2n+1){ width:28%; border:0px solid #000;}
#content-area-inside table.activity-days td:nth-child(2n){ width:60%;padding-left:5px; border:0px solid #000;}

#content-area-inside table.about-accessdp tr:nth-child(2n){ background:#dddddd; }
#content-area-inside table.about-accessdp td, #content-area-inside table.about-accessdp th{ padding:5px; border:0px solid #000;}
#content-area-inside table.about-accessdp td:nth-child(2n+1){  width:32%; }
#content-area-inside table.about-accessdp td:nth-child(2n){  width:65%;padding-left:5px;}

#content-area-inside table.about-policies tr:nth-child(2n){ background:#dddddd; }
#content-area-inside table.about-policies td, #content-area-inside table.about-policies th{ padding:5px; }
#content-area-inside table.about-policies td:nth-child(2n+1){ width:90%; }
#content-area-inside table.about-policies td:nth-child(2n){ width:10%;padding-left:5px;}
#content-area-inside table.about-policies td{  font-weight:500;}
#content-area-inside table.about-policies td a{color:#1c3fa8;}

#content-area-inside table.course-details tr:nth-child(2n){ background:#dddddd; }
#content-area-inside table.course-details td, #content-area-inside table.course-details th{ padding:5px;  border:0px solid #000;}
#content-area-inside table.course-details th{ font-weight:bold;}
#content-area-inside table.course-details td:first-child{  width:40%; }
#content-area-inside table.course-details td{  width:15%;padding-left:5px;}
#content-area-inside table.course-details td a{color:#1c3fa8; font-weight:bold;}

dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	font-weight: normal;
 margin:;
	font-size:.75em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font-size: .75em;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font-size: 13px;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Forms */
input[type=text], input[type=password], textarea {
	/* background: #fff;
	color: #636363;
	border:1px solid #bcbcbc;
	font-size:.875em; */
}
input[type=text]:focus, textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

input#searchsubmit {
	display: none;
}
.submit {
	margin:0px 5px 0 0;
	float:left;
}
.submit-mob{ display:none;}
/* Links */
a {
color:#1C3FA8;
	text-decoration: none;
}
a:focus, a:active, a:hover {
	text-decoration: none;
color:#1C3FA8;
}

 
#branding {
	padding-bottom: 10px;
	z-index: 9999;
	margin:0 auto;
	width:1020px;
	height:177px;
}
#main {
	clear: both;
	padding: 1.625em 0 0;
}
body {
	padding: 0 0;
}
#page {
	margin: 0em auto;
	width: 100%;
}
#branding hgroup {
	margin:0 auto;
	width:1020px;
}
header{
	width:960px;
	margin:0 auto;
}

#top-bar {
	width:100%;
	background:#292929;
	float:left;
}
.top-wrap {
	width:960px;
	margin:0 auto;
}
.lang {
	float:left;
	padding: 0.2em 0.5em;
}
.lang li {
	display: inline-block;
	margin:0 .5em 0 0;
	height:20px;
}
.lang li a{float:left;}
.lang li a img{ float:left; margin-top:.3em;}
 @media screen and (-webkit-min-device-pixel-ratio:0) {.lang li a img{  margin-top:.3em;}::i-block-chrome,.lang li a img{  margin-top:.4em;}}
.social-top {
	float:right;
	/*width:83px;*/
	margin:4px 0 0 0;
}
.social-top li {
	float:left;
	width:20px;
	height:20px;
text-align:
}
.social-top li a {
	display:inline-block;
	text-indent:-99999px;
	width:20px;
	height:20px;
}

.social-top .fb {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-fb-icon.png) no-repeat center bottom;

}
.social-top .linkedin {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-linkedin-icon.png) no-repeat center bottom;

}
.social-top .twitter {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-twitter-icon.png) no-repeat center bottom;

}
.social-top .youtube {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-youtube-icon.png) no-repeat center bottom;

}
.social-top .instagram {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-instagram-icon.png) no-repeat center bottom;

}

.social-top .rss {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-rss-icon.png) no-repeat center bottom;

}
.social-top .fb:hover {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-fb-hover-icon.png) no-repeat center bottom;
}
.social-top .linkedin:hover {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-linkedin-hover-icon.png) no-repeat center bottom;
}
.social-top .twitter:hover {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-twitter-hover-icon.png) no-repeat center bottom;
}
.social-top .youtube:hover {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-youtube-hover-icon.png) no-repeat center bottom;
}

.social-top .instagram:hover {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-instagram-hover-icon.png) no-repeat center bottom;
}


.social-top .rss:hover {
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/social-top-rss-hover-icon.png) no-repeat center bottom;
}
.logo {
	float:left;
	margin:.5em 0 0 0;
}



.nav, .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Top level nav */
.nav {
	float: left;
	margin: 0px 0 0 -5px;/*	background: #ccc;*/
}
/* Dropdowns */
.nav ul {
	position: absolute;
	top: 5.80em;
	left: -9999px;
	opacity: 0;
	z-index:999;
	-webkit-transition: 0.1s linear opacity;
	min-width: 150px;
	/*	background: #333;*/
dispaly:inline;
	padding:0 0 .5em 0;
	-webkit-box-shadow: 0px 5px 4px rgba(50, 50, 50, 0.51);
	-moz-box-shadow: 0px 5px 4px rgba(50, 50, 50, 0.51);
	box-shadow: 0px 5px 4px rgba(50, 50, 50, 0.51);
}
.nav ul ul {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.nav li {
	float: left;
	/*	position: relative;*/
	margin-left:5px;
	text-align:center;
}
/* Top level nav items */
.nav li > a {
	/*	float: left;*/
	padding: .5em 0 2em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition: 0.1s linear opacity;
}
/* Top level hover state, preserve hover state when hovering dropdown  */
.nav li > a:hover, .nav li > a:focus, .nav li:focus > a, .nav li:hover > a {
/*background: #999;*/

}
.nav li:focus a:focus {
	background: #999;
}
/* Rounded corners for first top level nav item */
.nav > li:first-child > a {
	border-left: 0;
}
/* Rounded corners for last top level nav item */
.nav > li:last-child > a {
	border-right: 0;
}
.nav li:hover ul, .nav li:focus ul, ul.show-menu {
	left:0;
	opacity: 0.99;
}
ul.show-menu ul {
	left:-999px;
	opacity:1;
}
.nav ul li {
	float: none;
	position: static;
}
.nav ul a {
	float: none;
	display: block;
	color: #FFF;
	font-size: 12px;
	text-shadow: none;
	-webkit-transition: 0.1s linear all;
}
/* Rounded corners for ul and last list item */
.nav ul, .nav ul li:last-child a {
	border: 0;
}
.nav2, .nav2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Top level nav */
.nav2 {
	float: left;
	margin: 2px 0 0 60px;/*	background: #ccc;*/
}
/* Dropdowns */
.nav2 ul {
	position: absolute;
	top: 2.3em;
	left: -9999px;
	opacity: 0;
	z-index:999;
	-webkit-transition: 0.1s linear opacity;
	min-width: 150px;
	background: #292929;
	dispaly:inline;
	padding:0;
	margin:0;
}
.nav2 li {
	float: left;
	position: relative;
	margin-left:12px;
	text-align:left;
	font-size:.8125em;		
	padding: .4em 0 .5em;
	color:#fff;
}
/* Top level nav items */
.nav2 li > a {
	/*	float: left;*/

	color: #fff;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition: 0.1s linear opacity;

}
/* Top level hover state, preserve hover state when hovering dropdown  */
.nav2 li > a:hover, .nav2 li > a:focus, .nav2 li:focus > a, .nav2 li:hover > a {
/*background: #999;*/
color:#fbb919 ;

}
.nav2 li:focus a:focus {
	background: #999;
}
/* Rounded corners for first top level nav item */
.nav2 > li:first-child > a {
	border-left: 0;
}
/* Rounded corners for last top level nav item */
.nav2 > li:last-child > a {
	border-right: 0;
}
.nav2 li:hover ul, .nav2 li:focus ul, .nav2 ul.show-menu {
	left:-.4em;
	opacity: 0.99;
}
.nav2 ul.show-menu ul {
	left:-999px;
	opacity:1;
}
.nav2 ul li {
	float: left;
	position: static;
	width:95%;
	padding-left:5%;
	margin:0;
	padding:.4em .3em .4em .4em;
}
.nav2 ul li > a {
	padding:.4em .3em;
	float:left;
	font-size:1.2em;
}
.nav2 ul li:hover {
	background:#333;
}
/* Rounded corners for ul and last list item */
.nav2 ul, .nav2 ul li:last-child a {
	border: 0;
}
.nav3, .nav3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Top level nav */
.nav3 {
	float: left;
	/*	background: #ccc;*/
}
/* Dropdowns */
.nav3 ul {
	position: absolute;
	bottom: 1.4em;
	left: -9999px;
	opacity: 0;
	z-index:999;
	-webkit-transition: 0.1s linear opacity;
	min-width: 150px;
	background: #010B26;
	dispaly:inline;
	padding:0;
	margin:0;
}
.nav3 li {
	float: left;
	position: relative;
	text-align:left;
}
/* Top level nav items */
.nav3 li > a {
	/*	float: left;*/
	
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition: 0.1s linear opacity;
	font-size:.8125em;
}
/* Top level hover state, preserve hover state when hovering dropdown  */
.nav3 li > a:hover, .nav3 li > a:focus, .nav3 li:focus > a, .nav3 li:hover > a {
/*background: #999;*/
color:#fbb919 ;

}
.nav3 li:focus a:focus {
	background: #0e1530;
}
/* Rounded corners for first top level nav item */
.nav3 > li:first-child > a {
	border-left: 0;
}
/* Rounded corners for last top level nav item */
.nav3 > li:last-child > a {
	border-right: 0;
}
.nav3 li:hover ul, .nav3 li:focus ul, .nav3 ul.show-menu {
	left:-.4em;
	opacity: 0.99;
}
.nav3 ul.show-menu ul {
	left:-999px;
	opacity:1;
}
.nav3 ul li {
	float: left;
	position: static;
	width:95%;
	padding-left:7%;
	margin:0;
}
.nav3 ul li > a {
	padding:.5em 0em;
	float:left;
}
.nav3 ul li:hover {
	background:#0e1530;
}
/* Rounded corners for ul and last list item */
.nav3 ul, .nav3 ul li:last-child a {
	border: 0;
	display:block;
}
.menubg {
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/menu-bg.png) no-repeat;
	line-height:.875em;
}
.home {
	background-position:0 -33px;
	width:77px;
	height:132px;
}
.home.selected{background-position:0 -13px;}
.parents {
	background-position:-81px -33px;
	width:82px;
	height:132px;
}
.parents.selected{background-position:-81px -13px;}
.students {
	background-position:-167px -33px;
	width:86px;
	height:132px;
}
.students.selected{background-position:-167px -13px;}
.schools {
	background-position:-257px -33px;
	width:80px;
	height:132px;
}
.schools.selected{background-position:-257px -13px;}
.catholic {
	background-position:-342px -33px;
	width:106px;
	height:132px;
}
.catholic.selected{background-position:-342px -13px;}
.programs {
	background-position:-453px -33px;
	width:94px;
	height:132px;
}
.programs.selected{background-position:-453px -13px;}
.news {
	background-position:-551px -33px;
	width:69px;
	height:132px;
}
.news.selected{background-position:-551px -13px;}
.about {
	background-position:-625px -33px;
	width:93px;
	height:132px;
}
.about.selected{background-position:-625px -13px;}

#header-fixed-menu-wrap{width:100%; position:fixed; top:-110px; background:#fff; z-index:99;	-webkit-box-shadow: 0px 9px 9px rgba(50, 50, 50, 0.34);
	-moz-box-shadow:    0px 9px 9px rgba(50, 50, 50, 0.34);
	box-shadow:         0px 9px 9px rgba(50, 50, 50, 0.34);}
#header-fixed-menu{
width:960px;
margin:0 auto;
}
#header-fixed-menu .logo img{ width:130px;}
#nav-fixed{
	padding:0 0%;
	width:722px;
	float:left;
	margin:0 0 0 6em;
	position:relative;
}
#nav-fixed ul li a {
	font-size:.875em;
	font-weight:bold;
	display:block;
}
#nav-fixed ul li a:hover{
}
#nav-fixed ul li ul li a {
	font-size:.875em;
font-size:.845em\0/;
}
#nav-fixed .nav li a{padding: .4em 0 0;}
#nav-fixed .nav li li a{padding: .5em 0 0em;}
#nav-fixed ul li a span img{ display:none;}
#nav-fixed .more-list ul li a span img{ display:block;}

#nav {
	padding:0 0%;
	width:722px;
	float:left;
	margin:0 0 0 2.1em;
	position:relative;
}
#nav ul li a {
	font-size:.875em;
	font-weight:bold;
	display:block;
}
#nav ul li a:hover, #access ul li:hover a {
}
#nav ul li ul li a {
	font-size:.875em;
font-size:.845em\0/;
line-height:1.2em;
}
/*nav menu */
.home-fixed {
	background-position:0 -23px;
	width:77px;

}
.parents-fixed {
	background-position:-81px -23px;
	width:82px;

}
.students-fixed {
	background-position:-167px -23px;
	width:86px;

}
.schools-fixed {
	background-position:-257px -23px;
	width:80px;

}
.catholic-fixed {
	background-position:-342px -23px;
	width:106px;

}
.programs-fixed {
	background-position:-453px -23px;
	width:94px;

}
.news-fixed {
	background-position:-551px -23px;
	width:69px;

}
.about-fixed {
	background-position:-625px -23px;
	width:93px;

}

.home-fixed, .parents-fixed, .students-fixed, .schools-fixed, .catholic-fixed, .programs-fixed, .news-fixed, .about-fixed{height:75px;}
#nav-fixed .nav ul {
	top: 4.60em;
	}

ul.parents-bg {
	background: #00636a;
	width:920px;
	left:-9999em;
}
.nav li:hover ul.parents-bg {
	left:-9.7em;
*left:-9.75em;
}
.parents ul.show-menu, .parents-fixed ul.show-menu {
	left:-9.7em;
	opacity: 0.99;
}
.macClass .nav li:hover ul.parents-bg {
	left:-9.75em;
}
.macClass .parents ul.show-menu, .macClass .parents-fixed ul.show-menu {
	left:-9.75em;
	opacity: 0.99;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.nav li:hover ul.parents-bg {
left:-9.75em;
}
.parents ul.show-menu, .parents-fixed ul.show-menu {
left:-9.75em;
opacity: 0.99;
}
}
ul.students-bg {
	background:#ae1e06;
	width:920px;
	left:-9999em;
}
.nav li:hover ul.students-bg {
	left:-9.67em;
}
.students ul.show-menu, .students-fixed ul.show-menu {
	left:-9.67em;
	opacity: 0.99;
}
.macClass .nav li:hover ul.students-bg {
	left:-9.7em;
}
.macClass .students ul.show-menu, .macClass .students-fixed ul.show-menu {
	left:-9.7em;
	opacity: 0.99;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.nav li:hover ul.students-bg {
left:-9.7em;
}
.students ul.show-menu, .students-fixed ul.show-menu {
left:-9.7em;
opacity: 0.99;
}
}
ul.schools-bg {
	background:#bf4790;
	width:280px;
	left:-9999em;
}
.nav li:hover ul.schools-bg {
	left:16.3em;
}
.schools ul.show-menu, .schools-fixed ul.show-menu {
	left:16.3em;
	opacity: 0.99;
}
.macClass .nav li:hover ul.schools-bg {
	left:16.35em;
}
.macClass .schools ul.show-menu, .macClass .schools-fixed ul.show-menu {
	left:16.35em;
	opacity: 0.99;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.nav li:hover ul.schools-bg {
left:16.35em;
}
.schools ul.show-menu, .schools-fixed ul.show-menu {
left:16.35em;
opacity: 0.99;
}
}
ul.catholic-bg {
	background:#498bc9;
	width:260px;
	left:-9999em;
}
.nav li:hover ul.catholic-bg {
	left:21.6em;
*left:21.6em;
}
.catholic ul.show-menu, .catholic-fixed ul.show-menu {
	left:21.6em;
	opacity: 0.99;
}
.macClass .nav li:hover ul.catholic-bg {
	left:21.65em;
}
.macClass .catholic ul.show-menu, .macClass .catholic-fixed ul.show-menu {
	left:21.65em;
	opacity: 0.99;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.nav li:hover ul.catholic-bg {
left:21.65em;
}
.catholic ul.show-menu, .catholic-fixed ul.show-menu {
left:21.65em;
opacity: 0.99;
}
}
ul.programs-bg {
	background:#5aa602;
	width:320px;
	left:-9999em;
}
.nav li:hover ul.programs-bg {
	left:14.35em;
*left:14.35em;
}
.programs ul.show-menu, .programs-fixed ul.show-menu {
	left:14.35em;
	opacity: 0.99;
}
.macClass .nav li:hover ul.programs-bg {
	left:14.4em;
}
.macClass .programs ul.show-menu, .macClass .programs-fixed ul.show-menu {
	left:14.4em;
	opacity: 0.99;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.nav li:hover ul.programs-bg {
left:14.4em;
}
.programs ul.show-menu, .programs-fixed ul.show-menu {
left:14.4em;
opacity: 0.99;
}
}
ul.news-bg {
	background:#e0740b;
	width:260px;
	left:-9999em;
}
.nav li:hover ul.news-bg {
	left:22.75em;
*left:22.75em;
}
.news ul.show-menu, .news-fixed ul.show-menu {
	left:22.75em;
	opacity: 0.99;
}
.macClass .nav li:hover ul.news-bg {
	left:22.75em;
}
.macClass .news ul.show-menu, .macClass .news-fixed ul.show-menu {
	left:22.75em;
	opacity: 0.99;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.nav li:hover ul.news-bg {
left:22.75em;
}
.news ul.show-menu, .news-fixed ul.show-menu {
left:22.75em;
opacity: 0.99;
}
}
ul.about-bg {
	background:#7945c7;
	width:260px;
	left:-9999em;
}
.nav li:hover ul.about-bg {
	left:28.85em;
*left:28.85em;
}
.about ul.show-menu, .about-fixed ul.show-menu {
	left:28.85em;
	opacity: 0.99;
}
.macClass .nav li:hover ul.about-bg {
	left:28.9em;
}
.macClass .about ul.show-menu, .macClass .about-fixed ul.show-menu {
	left:28.9em;
	opacity: 0.99;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.nav li:hover ul.about-bg {
left:28.9em;
}
.about ul.show-menu, .about-fixed ul.show-menu {
left:28.9em;
opacity: 0.99;
}
}
ul.parents-bg .sub-list, ul.students-bg .sub-list, ul.programs-bg .sub-list, ul.news-bg .sub-list, ul.about-bg .sub-list, ul.schools-bg .sub-list, ul.catholic-bg .sub-list {
	margin:20px 0 0 20px;
}
ul.parents-bg .sub-list, ul.parents-bg .sub-list ul {
	width:505px;
	float:left;
	position:static;
}
ul.students-bg .sub-list, ul.students-bg .sub-list ul {
	width:505px;
	float:left;
	position:static;
}
ul.parents-bg .sub-list li {
	width:47%;
	float:left;
	padding:0;
	text-align:left;
}
ul.students-bg .sub-list li {
	width:47%;
	float:left;
}
ul.parents-bg .sub-list li a, ul.students-bg .sub-list li a {
	width:100%;
	float:left;
	padding:0;
	text-align:left;
}
ul.parents-bg .sub-list li a, ul.students-bg .sub-list li a {
	padding:.35em 0;
}
ul.parents-bg .more-list, ul.students-bg .more-list {
	margin:10px 0 0 20px
}
ul.parents-bg .more-list, ul.parents-bg .more-list ul {
	width:370px;
	float:right;
	position:static;
}
ul.students-bg .more-list, ul.students-bg .more-list ul {
	width:370px;
	float:right;
	position:static;
}
ul.parents-bg .more-list li, ul.parents-bg .more-list li a, ul.students-bg .more-list li, ul.students-bg .more-list li a {
	width:174px;
	float:left;
	padding:0;
	text-align:left;
}
ul.parents-bg .more-list li img {
	float:left;
	border:4px solid #81d6db;
}
ul.students-bg .more-list li img {
	float:left;
	border:4px solid #fcab9d;
}
ul.parents-bg .more-list li a, ul.students-bg .more-list li a {
	padding:.35em 0 0 0;
	line-height:1.2em;
}
ul.programs-bg .sub-list, ul.programs-bg .sub-list ul {
	width:270px;
	float:left;
	position:static;
}
ul.programs-bg .sub-list li, ul.programs-bg .sub-list li a {
	width:270px;
	float:left;
	padding:0;
	text-align:left;
}
ul.programs-bg .sub-list li a {
	padding:.35em 0;
}
ul.news-bg .sub-list, ul.news-bg .sub-list ul {
	width:210px;
	float:left;
	position:static;
}
ul.news-bg .sub-list li, ul.news-bg .sub-list li a {
	width:210px;
	float:left;
	padding:0;
	text-align:left;
}
ul.news-bg .sub-list li a {
	padding:.35em 0;
}
ul.about-bg .sub-list, ul.about-bg .sub-list ul {
	width:210px;
	float:left;
	position:static;
}
ul.about-bg .sub-list li, ul.about-bg .sub-list li a {
	width:210px;
	float:left;
	padding:0;
	text-align:left;
}
ul.about-bg .sub-list li a {
	padding:.35em 0;
}
ul.schools-bg .sub-list, ul.schools-bg .sub-list ul {
	width:225px;
	float:left;
	position:static;
}
ul.schools-bg .sub-list li, ul.schools-bg .sub-list li a {
	width:225px;
	float:left;
	padding:0;
	text-align:left;
}
ul.schools-bg .sub-list li a {
	padding:.35em 0;
}
ul.catholic-bg .sub-list, ul.catholic-bg .sub-list ul {
	width:210px;
	float:left;
	position:static;
}
ul.catholic-bg .sub-list li, ul.catholic-bg .sub-list li a {
	width:210px;
	float:left;
	padding:0;
	text-align:left;
}
ul.catholic-bg .sub-list li a {
	padding:.35em 0;
}
.nav ul.parents-bg li ul li a:hover {
	color:#000;
}
.nav ul.students-bg li ul li a:hover {
	color:#000;
}
.nav ul.programs-bg li ul li a:hover {
	color:#000;
}
.nav ul.news-bg li ul li a:hover {
	color:#000;
}
.nav ul.about-bg li ul li a:hover {
	color:#000;
}
.nav ul.schools-bg li ul li a:hover {
	color:#000;
}
.nav ul.catholic-bg li ul li a:hover {
	color:#000;
}
.nav ul li ul li a:hover img {
	border:4px solid #fff;
}
.nav li a span {
	width:100%;
	text-align:center;
	display:block;
	margin-bottom:.8em;
	padding-top:.5em;
	height:28px;

}
.nav li a span img{ vertical-align:bottom;}
#nav-fixed .nav li a span {
height:0px;	

}

#rainbow {
	width:100%;
	float:left;
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/rainbow.gif) repeat-x bottom center;
	-webkit-box-shadow: 0px 9px 9px rgba(50, 50, 50, 0.34);
	-moz-box-shadow:    0px 9px 9px rgba(50, 50, 50, 0.34);
	box-shadow:         0px 9px 9px rgba(50, 50, 50, 0.34);
	padding:.5em 0 .6em 0;
	position:relative;
	z-index:1;
}
.rainbow-wrap {
	width:960px;
	margin:0 auto;
}
.rainbow-wrap .title {
	float:left;
	font-size:1em;
	font-style:normal;
	color:#3b3b3b;
	font-weight:500;
}
.r-right {
	float:right;
width:20.5em;
margin-right:-20px;
	
}
.font-s {
	float:left;
}
.font-s a, .print {
	float:left;
	margin:0 5px 0 0;
}
.print {
	margin:0 5px 0 5px;
}
#rainbow #ctl00_UC_search_txtBoxSearch {
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0; font-size:0.87em;
	padding: 3px 5px 2px; font-weight:300;
	width: 155px; border:1px solid #b2b2b2;
	font-family: 'Open Sans', sans-serif;
}
#rainbow ##ctl00_UC_search_txtBoxSearch:focus {
	background-color: #fff;
	width: 155px
}
#rainbow #searchsubmit {
	float:left;
	margin:0;
}

#page {
	width:100%;
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/bg.jpg) repeat-y 0 -110px fixed;
	background-size:100%;
	clear:both;
	position:relative;
	z-index:0;
}
#page-content {
	width:1014px;
	background:#fff;
	-webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.77);
	-moz-box-shadow:    0px 3px 8px rgba(50, 50, 50, 0.77);
	box-shadow:         0px 3px 8px rgba(50, 50, 50, 0.77);
	margin:0 auto;
	padding-bottom:14em;
}
#banner {
	width:100%;
	height:100%; overflow:hidden;
	background:#6a6a6a;
	}

.banner-wrap{width:77%; margin:0 auto;}
.banner-wrap .flexslider{ overflow:visible;}
.banner-wrap .flex-viewport {overflow:visible !important;}
.banner-wrap .flex-viewport li{ opacity:.3 ;}
.banner-wrap .flex-viewport li.flex-active-slide{ opacity:1 !important; border-left:4px solid #fff;border-right:4px solid #fff;}
.slides li {
	position: relative;
}

.slides li .slider-content {
	position:absolute;
	z-index:1;
	left:35px;
	bottom:30px;
	display:inline;
	width:60%;
}
.slider-content p {
	font-size:2.1875em;
	line-height:1.25em;
	font-weight:bold;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
	 filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=000000); 
	color:#fff;
	width:100%;
}
.slider-content .slider-register-bt {
	background:#032694;
	padding: 3px 10px 5px;
	color:#fff;
	-webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 3px 8px rgba(50, 50, 50, 0.77);
	box-shadow:         0px 3px 8px rgba(50, 50, 50, 0.77);
	font-size:1.125em;
	font-weight:bold;
}
.slider-content-mob{display:none;}
#alert-box {
	width:100%;
}
#alert-box td{	text-align:center;
	color:#000;
	font-size:.875em;
	font-weight:600;
	line-height:1.2em;
	padding:.7em 0;
	position:relative;
	width:100%;
	float:left;}

#alert-box tr:nth-child(2n){background:#e1ce00; }
#alert-box tr:nth-child(2n+1){ background:#ffea00;}

#alert-box td .close-alert {
	font-size:1em;
	font-weight:bold;
	position:absolute;
	right:.7%;
	top:10%;
	color:#252525;
        cursor:pointer;
}
.home-chiclets {
	width:100%;
	float:left;
	margin-top:1em;
}
.home-chiclets ul {
	width:100%;
	margin-left:30px;
}
.home-chiclets ul li {
	float:left;
	width:144px;
	margin:0 1.17em 0 0;
	position:relative;
}
.home-chiclets ul li .h3class2 {
        font-size: .85em;
        font-weight: bold;
        line-height: 1.4em;
        display: table-cell;
        vertical-align: bottom;
        width: 144px;
    }
.home-chiclets ul li h3 {
	font-size:.85em;
	font-weight:bold;
	line-height:1.4em;
	display:table-cell;
	vertical-align:bottom;
	width:144px;
}
.home-chiclets ul li .chiclet-item{ position:relative; float:left;}
.home-chiclets ul li ul {
	position:absolute;
	opacity:0;
	top:0px;
	left:0;
	margin:0;
}
.home-chiclets ul li .chiclet-item:hover ul {
	position:absolute;
	opacity:1;
	z-index:9;
	width:114px;
	height:95px;
}
.home-chiclets ul li li {
	background:#000000;
	opacity:.9;

}
.home-chiclets ul li li a {
display:block;
width:112px; height:85px;
	padding:.45em 1em;
}
.home-chiclets ul li li p {
	color:#fff;
	opacity:1;
	font-size:.875em;
	font-weight:500;
	margin:0;
}
.sidebar-parents h3, .newcomers-chiclets h3, .chiclets-1 h3{
	color:#00636a;
	border-bottom:4px solid #00636a;
}
.sidebar-parents .h3class2, .newcomers-chiclets .h3class2, .chiclets-1 .h3class2 {
    color: #00636a;
    border-bottom: 4px solid #00636a;
}
.sidebar-parents h3 a, .newcomers-chiclets h3 a {
	color:#00636a;
}

.sidebar-parents .h3Class, .newcomers-chiclets .h3Class, .chiclets-1 .h3Class {
    color: #00636a;
    border-bottom: 4px solid #00636a;
}

    .sidebar-parents .h3Class a, .newcomers-chiclets .h3Class a {
        color: #00636a;
    }

.sidebar-parents ul li a:hover{color:#00636a;}
.chiclets-1 h3, .chiclets-1 h3 a{
	color:#00636a;
	}
.chiclets-1 .h3class2, .chiclets-1 .h3class2 a {
    color: #00636a;
}
.sidebar-students h3, .register-chiclets h3, .chiclets-2 h3 {
	color:#ae1e06;
	border-bottom:4px solid #ae1e06;
}
.sidebar-students .h3class2, .register-chiclets .h3class2, .chiclets-2 .h3class2 {
    color: #ae1e06;
    border-bottom: 4px solid #ae1e06;
}
.sidebar-students h3 a, .register-chiclets h3 a, .chiclets-2 h3 a{
	color:#ae1e06;
}
.sidebar-students .h3class2 a, .register-chiclets .h3class2 a, .chiclets-2 .h3class2 a {
    color: #ae1e06;
}
.sidebar-students .h3Class, .register-chiclets.h3Class, .chiclets-2 .h3Class {
    color: #ae1e06;
    border-bottom: 4px solid #ae1e06;
}

.sidebar-students .h3Class a, .register-chiclets .h3Class a, .chiclets-2 .h3Class a {
        color: #ae1e06;
    }

.sidebar-students ul li a:hover {
	color:#ae1e06;
}
.chiclets-2 h3, .chiclets-2 h3 a {
	color:#ae1e06;
}

.chiclets-2 .h3class2, .chiclets-2 .h3class2 a {
    color: #ae1e06;
}
.sidebar-schools h3, .locator-chiclets h3, .chiclets-3 h3 {
	color:#bf4790;
	border-bottom:4px solid #bf4790;
}
.sidebar-schools .h3class2, .locator-chiclets .h3class2, .chiclets-3 .h3class2 {
    color: #bf4790;
    border-bottom: 4px solid #bf4790;
}
.sidebar-schools .h3Class, .locator-chiclets .h3Class, .chiclets-3 .h3Class {
    color: #bf4790;
    border-bottom: 4px solid #bf4790;
}
.sidebar-schools h3 a, .locator-chiclets h3 a{
	color:#bf4790;
}
.sidebar-schools ul li a:hover{color:#bf4790;}
.chiclets-3 h3, .chiclets-3 h3 a {
	color:#a93b7f;
}
.chiclets-3 .h3class2, .chiclets-3 .h3class2 a {
    color: #a93b7f;
}

.sidebar-news .h3class2, .calendar-chiclets .h3class2, .chiclets-4 .h3class2 {
    color: #e0740b;
    border-bottom: 4px solid #8c4600;
}
.sidebar-news h3, .calendar-chiclets h3, .chiclets-4 h3 {
	color:#e0740b;
	border-bottom:4px solid #8c4600;
}
.sidebar-news h3 a, .calendar-chiclets h3 a {
	color:#e0740b;
}
.chiclets-4 h3, .chiclets-4 h3 a {
	color:#8c4600;
}
.chiclets-4 .h3class2, .chiclets-4 .h3class2 a {
    color: #8c4600;
}
.sidebar-news ul li a:hover, .sidebar-news ul li a.selected, .article-news ul li a:hover, .article-news ul li a.selected{color:#e0740b;}
.sidebar-programs h3, .involved-chiclets h3, .chiclets-5 h3 {
	color:#5aa602;
	border-bottom:4px solid #5aa602;
}

.sidebar-programs .h3class2, .involved-chiclets .h3class2, .chiclets-5 .h3class2 {
    color: #5aa602;
    border-bottom: 4px solid #5aa602;
}
.sidebar-programs h3 a, .involved-chiclets h3 a {
	color:#5aa602;
}
.chiclets-5 h3, .chiclets-5 h3 a {
	color:#4c820e;
}
.chiclets-5 .h3class2, .chiclets-5 .h3class2 a {
    color: #4c820e;
}
.sidebar-programs ul li a:hover{color:#5aa602;}
.sidebar-catholic h3, .virtue-chiclets h3, .chiclets-6 h3 {
	color:#498bc9;
	border-bottom:4px solid #498bc9;
}
.sidebar-catholic .h3class2, .virtue-chiclets .h3class2, .chiclets-6 .h3class2 {
    color: #498bc9;
    border-bottom: 4px solid #498bc9;
}
.sidebar-catholic h3 a, .virtue-chiclets h3 a {
	color:#498bc9;
}
.sidebar-catholic h3 span, .virtue-chiclets span a {
    color: #498bc9;
}
.chiclets-6 h3, .chiclets-6 h3 a {
	color:#3778b5;
}
.chiclets-6 .h3class2, .chiclets-6 .h3class2 a {
    color: #3778b5;
}

.sidebar-catholic ul li a:hover{color:#498bc9;}
.sidebar-about h3{
	color:#7945c7;
	border-bottom:4px solid #7945c7;
}
.sidebar-about h3 a{
	color:#7945c7;
}
.sidebar-about ul li a:hover{color:#7945c7;}
.sidebar-socialmedia h3, .sidebar-media h3, .sidebar-careers h3, .sidebar-contact h3{
	color:#1c3fa8;
	border-bottom:4px solid #1c3fa8;
}
.sidebar-socialmedia h3 a, .sidebar-media h3 a, .sidebar-careers h3 a, .sidebar-contact h3 a{
	color:#1c3fa8;
}
.sidebar-socialmedia ul li a:hover, .sidebar-media ul li a:hover, .sidebar-careers ul li a:hover, .sidebar-contact ul li a:hover{color:#1c3fa8;}


.purple h3 {
	color:#498bc9;
	border-bottom:4px solid #498bc9;
}
.purple h3 a {
	color:#498bc9;
}
.purple ul li a:hover{color:#498bc9;}

.black h3, .sidebar-connect h3 {
	color:#010001;
	border-bottom:4px solid #010001;
}

.black h3 a , .sidebar-connect h3 a {
	color:#010001;
}
#content-area {
	float:left;
	margin-left:30px;
	margin-top:45px;
	position:relative;
	width:960px;
}
aside {
	width:230px;
	float:left;
}
.right {
	position:absolute;
	right:0;
	width:230px;
}
.sidebar-box {
	width:230px;
	float:left;
	margin-bottom:1.5em;
}
.sidebar-box h3 {
	font-size:1.125em;
	font-weight:bold;
	margin-bottom:.5em;
	padding-bottom:.2em;
	line-height:1.1em;
}

.sidebar-box h3 img {
	display: inline-block;
	margin-bottom: 4px;
	margin-right: 5px;
	vertical-align: bottom;
}

.sidebar-box h3 span {
	display: inline-block;
	width: 71%;
}

 .sidebar-box .h3Class {
        font-size: 1.125em;
        font-weight: bold;
        margin-bottom: .5em;
        padding-bottom: .2em;
        line-height: 1.1em;
    }

 .sidebar-box .h3Class img {
            display: inline-block;
            margin-bottom: 4px;
            margin-right: 5px;
            vertical-align: bottom;
        }

  .sidebar-box .h3Class span {
            display: inline-block;
            width: 71%;
        }

.sidebar-box ul {
	width:100%;
}
.sidebar-box ul li {
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/arw-l.gif) no-repeat 0 40%;
	padding:0em 0 .3em .8em;
	float:left;
	font-size:.875em;
	font-weight:bold;
	width:100%;
}
.sidebar-box ul li a {
	color:#000;
}
.side-box-chiclets {
	margin-bottom:1.5em;
}
.sidebar .select-wrap select {
	background: transparent url("//cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat right center;
	width: 113% !important;
	padding: 4px;
	/*line-height: 1;*/
	border: none !important;
	border-radius: 0;
	-webkit-appearance: none !important;
	-moz-appearance:none !important;
	-moz-appearance: window !important;
	appearance: none !important;
	font-family: 'Open Sans', sans-serif;
	color:#4f4f4f;
	font-size:.875em;
}
.sidebar .select-wrap {
	/* width: 80%; */
	overflow: hidden;
	background: url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/select-arw.gif) 94% 50% no-repeat #fff;
	border: 1px solid #bf4790;
	margin-bottom:.6em;
}
.sidebar .select-wrap options {
	margin-left:-5px;
	width: 91.5%;
	font-family: 'Open Sans', sans-serif;
}
.select-wrap select {
	background: transparent url("//cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat right center;
	width: 240px !important;
	padding: 4px;
	/*line-height: 1;*/
	border: none !important;
	border-radius: 0;
	-webkit-appearance: none !important;
	-moz-appearance:none !important;
	-moz-appearance: window !important;
	appearance: none !important;
	font-family: 'Open Sans', sans-serif;
	color:#4f4f4f;
	font-size:.875em;
}
.select-wrap {
	/*width: 213px;*/
	overflow: hidden;
	background: url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/select-arw.gif) 94% 50% no-repeat #fff;
	border: 1px solid #bf4790;
	margin-bottom:.6em;
}
.select-wrap options {
	margin-left:-5px;
	width: 91.5%;
	font-family: 'Open Sans', sans-serif;
}
.ui-btn-inner {
	display:none;
}
#newsletter {
	float:left;
	margin:0px 0em .6em 0;
	padding:0;
}
#newsletter div {
	margin: 0;
	padding:0;
	border:1px solid #e0740b;
	float:left;
}
#newsletter #nl {
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 4px 5px 2px;
	width: 136px;
	font-family: 'Open Sans', sans-serif;
	border:none;
	color:#4f4f4f;
	height:20px;
}
#newsletter .submit {
	float:left;
	margin:0;
	background-color: #e0740b;
	font-family: 'Open Sans', sans-serif;
	border:none;
	font-weight:bold;
	color:#fff;
	padding:.215em;
	font-size:.875em;
	height:26px;
}
article {
	float:left;
	width:430px;
	margin-left:2em;
}
#tabs {
	margin: 0px 0;
	width:98%;
	padding:0 0;
}
#tabs ul.s-e {
	padding-top: 4px;
	margin:0;
}
#tabs ul.s-e li {
	margin-left: 0px;
	list-style: none;
	background:#ebebeb;
	border:1px solid #dddddd;
	border-bottom:none;
	position:relative;
	top:1px;
	z-index:9999;
	height:41px;
}
#tabs ul.s-e li:hover {
	background:#fff;
}
* html #tabs ul.s-e li {
	display: inline;
}
#tabs ul.s-e li, #tabs ul.s-e li a {
	float: left;
}
#tabs ul.s-e li.active {
	background: url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/tab-active.png) no-repeat top center;
	position:relative;
	z-index:9999;
	top:1px;
	height:42px;
	border:none;
	padding:11px 0;
}
#tabs ul.s-e li.active a {
	color: #fff;
	padding:0px 19px;
	margin-top:-3px;
}
#tabs div {
	background: #f9f9f9;
	clear: both;
	padding: 4%;
	min-height: 150px;
	margin:0 0 0 0px;
	position:relative;
	z-index:999;
	width:94%;
	border:1px solid #dddddd;
	top:-22px;
	float:left;
}
#tabs div div, #tabs div div div {
	
	display:block;
	clear: both;
	padding:0;
 min-height:;
	margin:0 0 0 0px;
	position:static;
	z-index:999;
	width:auto;
	border:none;
	top:0;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 #tabs {
 width:98%;
}
}
#tabs div h3 {
	margin-bottom: 12px;
}
#tabs div p {
	line-height: 150%;
}
#tabs ul.s-e li a {
	text-decoration: none;
	padding: 8px 19px;
	color: #313131;
	font-weight: bold;
	font-size:1.125em;

}
.item-wrap {
	display: block;
	margin-left: 20px;
	width: 90%;
	margin-bottom:2 em;
	float:left;
	margin-top:1em;
}
.item-wrap .date {
	font-size:.75em;
	color:#000;
	margin-bottom:1em;
	font-weight:bold;
	display:block;
}

.item-wrap .h2 {
	font-size:1.125em;
	color:#1c3fa8;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:1em;
}
.item-wrap .h2 a {
	color:#1c3fa8;
}
.item-wrap .h2 a:hover {
	color:#7e99e9;
}

.item-wrap .h2class {
	font-size:1.125em;
	color:#1c3fa8;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:1em;
}
.item-wrap .h2class a {
	color:#1c3fa8;
}
.item-wrap .h2class a:hover {
	color:#7e99e9;
}
.item-wrap p {
	font-size:.875em;
	color:#000;
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:1em;
}
.item-wrap p a {
	color:#1c3fa8;
}
.item-wrap p a:hover {
	color:#1c3fa8;
	font-weight:600;
}
a.more-link {
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/arw-bl-l.png) no-repeat 0 40%;
	padding:0 1em 0 1em;
	font-size:.875em;
	font-weight:bold;
	color:#1c3fa8;
	float:right;
	margin:1em 0;
}
a.more-link:hover {
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/arw-bl-l.png) no-repeat 0 40%;
	padding:0 0 0 1em;
	font-size:.875em;
	font-weight:bold;
	color:#7e99e9;
	float:right;
	margin:1em 0;
}
#footer-wrap {
	width:100%;
	display:block;
	clear:both;
}
.footer-top {
	width:100%;
	background:#031859;
	float:left;
}
.footer-top-area {
	width:960px;
	margin:0 auto;
	padding:1em 0 0 0;
}
.footer-top-left ul.home {
	width:8%;
	float:left;
	height:auto;
}
.footer-top-left ul {
	width:90%;
	float:left;
}
.footer-top-left li ul {
	width:100%;
}
.footer-top-left li {
	width:139px;
	display:inline-block;
	margin-bottom:1em;
}
.footer-top-left li li {
	width:90%;
	display:block;
	height:auto;
	margin-bottom:0em;
	line-height:1.2em;
}
.footer-top-left li h6 {
	font-size:.75em;
	font-weight:bold;
}
.footer-top-left li li a {
	font-size:.75em;
	color:#fff;
}
.footer-top-left li li a:hover {
	font-size:.75em;
	color:#9eb6ff;

}
.footer-top-left li h6.footer-home a {
	color:#fff;
}
.footer-top-left li h6.footer-parents a {
	color:#00636a;
}
.footer-top-left li h6.footer-students a {
	color:#ae1e06;
}
.footer-top-left li h6.footer-schools a {
	color:#ca62a2;
}
.footer-top-left li h6.footer-catholic a {
	color:#94c1eb;
}
.footer-top-left li h6.footer-news a {
	color:#e0740b;
}
.footer-top-left li h6.footer-programs a {
	color:#5aa602;
}
.footer-top-left li h6.footer-about a {
	color:#498bc9;
}
.footer-top-left {
	float:left;
	width:75%;
}
.footer-top-right {
	float:right;
	width:22%;
}
.address {
	width:100%;
	float:left;
}
.address li h6 {
	color:#fff;
	font-weight:bold;
	margin-bottom:.5em;
	font-size:.975em;
}
.address li {
	line-height:normal;
	color:#fff;
	font-size:.75em;
}
.address li.phone {
	color:#7ed0e0;
}
.others {
	width:100%;
	float:left;
	margin-top:1em;
}
.others li h6 {
	color:#fff;
	margin-bottom:.5em;
	font-size:.975em;
	font-weight:bold;
}
.others li {
	line-height:normal;
	font-size:.75em;
	color:#fff !important;
}
.others li a{color:#fff !important;}
a[href^="tel"] { color:#fff;text-decoration: none;}
ul.twitter-box {
	margin:2em 0 0px 0;
	padding:0;
	float:left;
	clear:both;
}
ul.twitter-box li {
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
	color:#fff;
	line-height:normal;
	font-size:.75em;
}
ul.twitter-box li h6 {
	font-weight:bold;
	margin:0 0 1em 0;
	padding:0;
	color:#fff;
	font-size:.975em;
}
ul.twitter-box li a {
	color:#fff;
	font-weight:bold;
}
ul.twitter-box li a:hover {
	color:#9eb6ff;
	font-weight:bold;
}
#twitter-widget-0{ height:300px;}
#twitter-widget-0 .timeline-header{ display:none;}
#twitter-widget-0 .thm-dark{ background:#031859 !important; }

.footer-bottom {
	width:100%;
	background:#010b26;
	float:left;
	padding:1em 0;
	-webkit-box-shadow: 0px -5px 9px rgba(0, 22, 94, 0.71);
	-moz-box-shadow:    0px -5px 9px rgba(0, 22, 94, 0.71);
	box-shadow:         0px -5px 9px rgba(0, 22, 94, 0.71);
}
.footer-bottom-area {
	width:960px;
	margin:0 auto;
}
.footer-bottom-left {
	float:left;
	width:65%;
}
.footer-bottom-left ul {
	width:91%;
	float:left;
}
.footer-bottom-left li ul {
	width:100%;
}
.footer-bottom-left li {
	padding:0 2.5% 0 0;
	display:inline-block;
}
.footer-bottom-left li li {
	width:90.5%;
	display:block;
	height:auto;
	margin-bottom:0em;
	line-height:1.8em;
	font-size:.975em;
}
.footer-bottom-left li h6 {
	font-size:.75em;
}
.footer-bottom-left li{
	font-size:.75em;
	color:#fff;
	font-weight:bold;
}
.footer-bottom-left li a {

	font-size:1em;
	color:#fff;
	font-weight:bold;

}
.footer-bottom-left li li a {
	font-weight:normal;
	font-size:1em;
}
.footer-bottom-left li a:hover {
	font-size:1em;
	color:#fbb919;
	font-weight:bold;
}
.footer-bottom-left li:hover{	color:#fbb919;}
.footer-bottom-left li li a:hover {
	font-weight:normal;
	font-size:1em;
}
.footer-bottom-right {
	float:right;
	width:22%;
}
.footer-bottom-right li ul {
	width:100%;
}
.footer-bottom-right li {
	font-size:.75em;
	font-weight:bold;
	float:left;
	margin-top:.2em;
	color:#fff;
	padding-right:1em;
}
.footer-bottom-right li a {
	color:#fff;
	font-weight:bold;
}
.footer-bottom-right li a:hover {
	color:#9eb6ff;
	font-weight:bold;
}
.ui-loader {
	display:none;
}
.chiclet-mob {
	display:none;
}
.chiclet-tab {
	display:none;
}
.menu-mob, #menu-mob {
	display:none;
}

.how-do-i{ position:absolute; right:-65px; top:0; z-index:999;}
.how-do-close { font-size:.875em; font-weight:bold; color:#f7bf12; font-style:italic; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/grey-bg.png) repeat; height:20px; width:267px; padding:.3em .5em;}
.how-do-close p{width:100px; float:left; margin-top:2px;}
.how-do-close a{ float:right; width:14px; height:14px; margin:0px 0 0 0;}
.how-do-close a img{ width:auto !important; height:auto !important;}


.how-do-open{ background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/grey-bg.png) repeat; width:305px; padding:.3em .5em; }
.how-do-open p{ font-size:1.5em; color:#f7bf12; font-weight:bold; margin-bottom:.3em;}
.how-do-open a{ float:right; width:14px; height:14px; margin:-5px 0 0 0;}
.how-do-open a img{ width:auto !important; height:auto !important;}

.how-do-wrap select {
	background: transparent url("//cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat right center;
	padding: 2px;
	/*line-height: 1;*/
	border: none !important;
	border-radius: 0;
	-webkit-appearance: none !important;
	-moz-appearance:none !important;
	-moz-appearance: window !important;
	appearance: none !important;
	font-family: 'Open Sans', sans-serif;
	color:#4f4f4f;
	font-size:.875em;
 	margin-left: -65px;
    padding: 2px 2px 2px 70px;
    width: 140% !important;
}
.how-do-wrap {
	width: 88%;
	overflow: hidden;
	background: url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/yellow-arw-dwn.png) 98% 50% no-repeat #fff;
	border: 1px solid #f7bf12;
	margin-bottom:.6em;
	float:left;

}
.how-do-wrap options {
	margin-left:-5px;
	width: 91.5%;
	font-family: 'Open Sans', sans-serif;

}

.how-do-open input[type=submit]{ color:#000; background:#f7bf12; float:left; border:none; font-size:1em; font-weight:bold;padding: 4px 2px 3px; margin-left:5px; }

@media all and (-webkit-min-device-pixel-ratio: 0) { .how-do-open input[type=submit]{ width:29px; margin-top:-1px; } } 

.connect-tab{ position:fixed; z-index:9999; top:325px; left:-268px;}
.connect-button{ background-image:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/connect-tab-bg.png); background-repeat:no-repeat; height:194px; width:24px; display:block; float:left; position:relative; left:-263px;}
.connect-off{ background-position:0px 0px;height:194px; width:24px; display:block; float:left;left:0px; position:relative; }
.connect-on{ background-position:-25px 0px;height:194px; width:24px; display:block; float:left; position:relative;  }

.connect-box{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/grey-bg.png) repeat; display:block; height:146px; float:left; padding:1.5em; position:relative; left:0px;width:220px;}
.connect-box .title{ font-size:.875em; color:#fff; font-weight:500; margin-bottom:1em; float:left; font-style:italic; line-height:1.5em;}
.connect-box .title img{ margin-right:5px; float:left;}
.connect-box h2{ font-size:1.125em; font-weight:bold; color:#fff; margin-bottom:.2em;}
.connect-box span {
        clear:both;
        font-size: 1.125em;
        font-weight: bold;
        color: #fff;
        margin-bottom: .2em;
 }
.skip-content {
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/buttons/skip-to-content.png) no-repeat;
width:56px; height:84px; position:fixed; top:255px; right:20px;
text-indent:-9999px; z-index:999;
    }
.skip-content:hover {
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/buttons/skip-to-content-hover.png) no-repeat;
    }	
	

.back-to-top{ width:56px; height:84px; position:fixed; top:125px; right:20px; display:block; text-indent:-9999px; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/buttons/back-to-top.png) no-repeat; }
.back-to-top:hover{ background:url(//wwwresources.dpcdsb.org/Style%20Library/images/buttons/back-to-top-hover.png) no-repeat; }

/* ----------- Inner Index page -        */
.back-bt{ font-size:.75em; font-weight:bold; color:#000; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/arw-back.png) 0 5px no-repeat; margin-bottom:1em; padding:0 0 0 10px; display:block; float:left; clear:both;}


.banner-img{float:left;width:100%;}
.parents-index-banner{ border-bottom:12px solid #00636a;float:left;}
.programs-index-banner{ border-bottom:12px solid #5aa602;float:left;}
.schools-index-banner{ border-bottom:12px solid #bf4790;float:left;}
.catholic-index-banner{border-bottom:12px solid #498bc9;float:left;}
.news-index-banner{ border-bottom:12px solid #e0740b;float:left;}
.about-index-banner{ border-bottom:12px solid #7945c7;float:left;}
.socialmedia-index-banner,
.media-index-banner,
.careers-index-banner,
.contact-index-banner
{ border-bottom:12px solid #1c3fa8;float:left;}


.inside-banner-schools{ border-bottom:12px solid #bf4790;float:left;}



#sidebar-banner{ margin-top:-30px; margin-left:-30px; margin-bottom:1.5em; float:left;}

.parents-inside-banner{ border-bottom:12px solid #00636a;float:left;}
.schools-inside-banner{ border-bottom:12px solid #bf4790;float:left;}
.about-inside-banner{ border-bottom:12px solid #7945c7;float:left;}
.news-inside-banner{ border-bottom:12px solid #e0740b;float:left;}
.programs-inside-banner{ border-bottom:12px solid #5aa602;float:left;}
.catholic-inside-banner{ border-bottom:12px solid #498bc9;float:left;}



.article-wrap{ display:inline-block; border-bottom:1px solid #ccc; padding-bottom:2em; min-height:800px; margin-bottom:1em;width:100%;}
.inside-article-wrap{ display:inline-block; border-bottom:1px solid #ccc; padding-bottom:2em; min-height:800px; margin-bottom:1em;width:100%;}

.bottom-chiclets {
   	background: none repeat scroll 0 0 #F6F6F6;
    float: left;
    margin-bottom: -4em;
    margin-top: 1em;
    padding: 2em 0;
    width: 100%;
}
.bottom-chiclets ul {
	width:100%;
	margin-left:30px;
}
.bottom-chiclets ul li {
	float:left;
	width:144px;
	margin:0 1.17em 0 0;
	position:relative;
}
.bottom-chiclets ul li h3 {
	font-size:.85em;
	font-weight:bold;
	line-height:1.4em;
	display:table-cell;
	vertical-align:bottom;
	width:144px;
}

.bottom-chiclets ul li .h3class2 {
        font-size: .85em;
        font-weight: bold;
        line-height: 1.4em;
        display: table-cell;
        vertical-align: bottom;
        width: 144px;
        height:38px;
    }
.bottom-chiclets ul li .chiclet-item{ position:relative; float:left;}
.bottom-chiclets ul li ul {
	position:absolute;
	opacity:0;
	top:0px;
	left:0;
	margin:0;
}
.bottom-chiclets ul li .chiclet-item:hover ul {
	position:absolute;
	opacity:1;
	z-index:9;
	width:114px;
	height:95px;
}
.bottom-chiclets ul li li {
	background:#000000;
	opacity:.9;

}
.bottom-chiclets ul li li a {
		display: table-cell;
		vertical-align: middle;
width:112px; height:85px;
	padding:.45em 1em;
}
.bottom-chiclets ul li li p {
	color:#fff;
	opacity:1;
	font-size:.875em;
	font-weight:500;
	margin:0;
}

#content-area-inside {
	float:left;
	margin-left:30px;
	margin-top:30px;
	position:relative;
	width:960px;
}

#content-area-inside article {
    float: right;
    margin-left: 2em;
    width: 71%;
}
#content-area-inside .article-parents .index-parents,
.article-programs .index-programs,
.article-schools .index-schools,
.article-catholic .index-catholic,
.article-news .index-news,
.article-about .index-about,
.article-socialmedia .index-socialmedia,
.article-media .index-media,
.article-careers .index-careers,
.article-contact .index-contact,
.article-search .index-search,
.article-404 .index-404{ font-size:2.8125em; font-weight:bold; }
/*#content-area-inside article .index-parents, #content-area-inside article .index-programs, #content-area-inside article .index-schools, #content-area-inside article .index-news, #content-area-inside article .index-about, #content-area-inside article .index-socialmedia, #content-area-inside article .index-media, #content-area-inside article .index-catholic, #content-area-inside article .index-careers, #content-area-inside article .index-contact{ font-size:2.8125em; font-weight:bold; }*/
#content-area-inside article .index-blurb, #content-area-inside article .inside-blurb{ font-size:1em;color:#000; font-weight:600; margin-bottom:2em; margin-top:1em; }

#content-area-inside article h1{ font-size:1.5em; font-weight:bold; }
/*#content-area-inside article .inside-parents, #content-area-inside article .inside-programs, #content-area-inside article .inside-schools, #content-area-inside article .inside-news, #content-area-inside article .inside-catholic, #content-area-inside article .inside-about, #content-area-inside article .inside-socialmedia, #content-area-inside article .inside-media, #content-area-inside article .inside-careers, #content-area-inside article .inside-contact{ font-size:1.5em; font-weight:bold; }*/

#content-area-inside article h2{ font-size:1.125em;color:#000; font-weight:700; margin-bottom:.5em; margin-top:0em; }
#content-area-inside article h2 a{ }

#content-area-inside article h3{ font-size:1em;color:#000; font-weight:bold; margin-bottom:0em;  }
#content-area-inside article h4{ font-size:.875em;color:#000; font-weight:bold; margin-bottom:0em;  }
#content-area-inside article h5{ font-size:.875em;color:#000; font-weight:bold; margin-bottom:0em;  }
#content-area-inside article h6{ font-size:.75em;color:#000; font-weight:bold; margin-bottom:0em;  }

.featured-content h1{font-size:1.5em; font-weight:bold;}


#content-area-inside article p{   color: #000000;
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 2em;
    margin-top: .5em; }
	
#content-area-inside article p a{color: #1c3fa8;}	
#content-area-inside article p img{max-width:100%;height:auto;}
#content-area-inside article p img.width{width:96%;}
#content-area-inside article img.width{width:96%;}



.article-parents .index-parents, .article-parents .inside-parents,.article-parents .featured-content{color:#00636a;}
.article-programs .index-programs, .article-programs .inside-programs, .article-programs .featured-content{color:#5aa602;}
.article-schools .index-schools, .article-schools .inside-schools, .article-schools .featured-content{ color:#bf4790;}
.article-catholic .index-catholic, .article-catholic .inside-catholic, .article-catholic .featured-content{color:#498bc9;}
.article-news .index-news, .article-news .inside-news, .article-news .featured-content{color:#e0740b;}
.article-about .index-about, .article-about .inside-about, .article-about .featured-content{color:#7945c7;}

.article-404 .index-404,.article-socialmedia .index-socialmedia, .article-socialmedia .inside-socialmedia, 
.article-media .index-media, .article-media .inside-media,
.article-careers .index-careers, .article-careers .inside-careers,
.article-contact .index-contact, .article-contact .inside-contact,
.article-search .index-search, .article-search .inside-search,
.article-socialmedia .featured-content,
.article-media .featured-content,
.article-careers .featured-content,
.article-contact .featured-content,
.article-search .featured-content
{color:#1c3fa8;}






.side-chiclets {
display:none;
   	background: none repeat scroll 0 0 #F6F6F6;
    position:absolute;
	right:0;
	top:0; 
    margin-bottom: -4em;
    margin-top: 0em;
    padding: 2em 0;
    width: 200px;
}
.side-chiclets ul {
	width:100%;
	margin-left:30px;
}
.side-chiclets ul li {
	float:left;
	width:144px;
	margin:0 1.17em 0 0;
	position:relative;
}
.side-chiclets ul li h3 {
	font-size:.85em;
	font-weight:bold;
	line-height:2em;
}
.side-chiclets ul li ul {
	position:absolute;
	opacity:0;
	top:31px;
	left:0;
	margin:0;
}
.side-chiclets ul li:hover ul {
	position:absolute;
	opacity:1;
	z-index:9;
	width:114px;
	height:95px;
}
.side-chiclets ul li li {
	background:#000000;
	opacity:.9;

}
.side-chiclets ul li li a {
		display: table-cell;
		vertical-align: middle;
		width:112px; height:85px;
		padding:.45em 1em;

}
.side-chiclets ul li li p {
	color:#fff;
	opacity:1;
	font-size:.875em;
	font-weight:500;
	margin:0;
}


.sidebar-box-inside {
	width:230px;
	float:left;
	margin-bottom:1.5em;
}
.sidebar-box-inside h3{
	font-size:1.125em;
	font-weight:bold;
	margin-bottom:.5em;
	padding-bottom:.4em;
	line-height:1.1em;
}
.sidebar-box-inside h3 img {
	display: inline-block;
		margin-right: 5px;
	vertical-align: bottom;
	margin-bottom:3px;
}
.sidebar-box-inside h3 span {
	display: inline-block;
	width: 71%;
	vertical-align: bottom;
}
.sidebar-box-inside ul {
	width:100%;
}
.sidebar-box-inside ul li {
	background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/arw-l.gif) no-repeat 0 40%;
	padding:0em 0 .3em .8em;
	float:left;
	font-size:.875em;
	font-weight:bold;
}
.sidebar-box-inside ul li li {
	padding:0em 0 .2em 0em;
	float:left;
	font-size:.975em;
	font-weight:bold;
}
.sidebar-box-inside ul li a {
	color:#000;
}

.sidebar-box-inside ul.plus li{ background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/plus-icon.gif) no-repeat left 6px;}
.sidebar-box-inside ul.plus li li{ background:none;}

.sidebar-quick h3 {
	color:#282828;
	font-size:1em;
	font-weight:bold;
	margin-bottom:.5em;
	padding-bottom:.2em;
	line-height:1.1em;	
}
.sidebar-quick ul li{ font-size:.875em; font-weight:normal; float:none;}
.sidebar-quick ul li li{ font-size:.975em;}
.sidebar-quick h3 a {
	color:#282828;
}
.sidebar-quick ul li a{color:#282828;}
.sidebar-quick ul li a:hover{color:#000;}



.article-top{ width:100%; float:left;}

.breadcrumb{float:left; width:70%; height:38px; line-height:normal; font-size:.65em; margin-top:-15px; margin-bottom:1em;}
.breadcrumb a{color:#000000}
.breadcrumb a.active{color:#1c3fa8; font-weight:bold;}


.share-box{ width:138px; float:right; margin-top:-20px;}
.share-box h4{ font-size:.875em; font-weight:bold; float:left;}
.share-box ul{ float:right; margin-left:0px; clear:none!important;}
.share-box ul li{ width:20px; height:20px; float:left; margin-right:2px; text-align:center; background:none!important; padding-left:0!important;}
.share-box ul li a{ display: table-cell; float:left; width:20px; height:20px;}

.share-box ul li.fb{ background-position:0 0;}
.share-box ul li.twitter{ background-position:-18px 0;}
.share-box ul li.share{ background-position:-40px 0;}
.share-box ul li.rss{ background-position:-63px 0 !important;}

.stButton .chicklets:hover{ opacity:1 !important;filter: alpha(opacity=100) !important;}

.article-parents .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-parents-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-parents .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-parents-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-parents .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-parents-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}



.article-programs .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-programs-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-programs .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-programs-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-programs .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-programs-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}


.article-schools .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-schools-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-schools .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-schools-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-schools .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-schools-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.article-news .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-news-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-news .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-news-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-news .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-news-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.article-catholic .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-catholic-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-catholic .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-catholic-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-catholic .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-catholic-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.article-about .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-about-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-about .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-about-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-about .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-about-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.article-socialmedia .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-socialmedia-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-socialmedia .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-socialmedia-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-socialmedia .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-socialmedia-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}


.article-careers .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-careers-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-careers .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-careers-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-careers .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-careers-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.article-contact .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-contact-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-contact .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-contact-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-contact .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-contact-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.article-media .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-media-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-media .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-media-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-media .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-media-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.article-search .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-search-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-search .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-search-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-search .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-search-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.article-language .stButton .sharethis{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/share-language-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}
.article-language .stButton .facebook{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/fb-language-inside-icon.png) no-repeat 6px 0 !important; width:20px; height:20px; float:left;text-align:center;}
.article-language .stButton .twitter{background:url(//wwwresources.dpcdsb.org/Style%20Library/images/icons/twitter-language-inside-icon.png) no-repeat !important; width:20px; height:20px; float:left; text-align:center;}

.stButton .chicklets{ padding:0 !important;}

.story-box{width:95%; border:1px solid #dddddd; background:#f9f9f9; padding:2%; margin-bottom:30px;}

.story-box h3{ margin:0;}
.story-box .flexslider {
    border-radius:none; -moz-border-radius:none; -webkit-border-radius:none;
    box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
    margin: 0;
    position: relative;
}

.story-box .flex-viewport{ border-bottom:1px solid #ddd; margin-bottom:1em;}
.story-box #carousel .flex-viewport{ border-bottom:0px solid #ddd; margin-bottom:0em;}
.story-box #slider .slides li { background:none !important; padding-left:0 !important; font-size:.975em;}


.story-box #carousel.flexslider .slides { list-style:none;}
.story-box #carousel.flexslider .slides li img{}
.story-box #carousel.flexslider .slides li { border:3px solid #dddddd; margin:0 5px; background:none !important; padding-left:0 !important;}
.story-box #carousel.flexslider .slides li.flex-active-slide{ border:3px solid #00636a;background:none !important; padding-left:0 !important;}



.story-box #carousel .flex-direction-nav{ display:none;}
.story-box #carousel ul{ margin-left:-5px;}

.spotlight-slider li{ background:#f9f9f9;}

.spotlight-slider:hover .flex-next:hover, .spotlight-slider:hover .flex-prev:hover, .events-slider:hover .flex-next:hover, .events-slider:hover .flex-prev:hover {opacity: 1;}
.spotlight-slider .flex-direction-nav .flex-disabled, .events-slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.spotlight-slider p{ font-size:.75em; color:#353535; float:left; margin-top:1em !important; line-height:1.4em !important; background:#f9f9f9;}
.spotlight-slider p a{color:#1c3fa8;}
.spotlight-slider p a:hover{color:#1c3fa8; font-weight:bold;}


.story-box .img-box{width:51%; float:left;}
.story-box .sucess-list{   margin-left: 24px;
    width: 44%; float:left;}


.story-box .slides > li {display: none; -webkit-backface-visibility: hidden;}
.story-box .slides img {width: 100%; display: block; }
@media all and (-webkit-min-device-pixel-ratio: 0) {  /* Safari */   }

.story-box .slides img{width: 100%; display: block;  float:left; }

.story-box .slides img { -bracket-:hack[; width: 100%;]; }



.select-wrap-connect select {
	background: transparent url("//cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat right center;
	width: 115% !important;
	padding: 4px;
	
	border: none !important;
	border-radius: 0;
	-webkit-appearance: none !important;
	-moz-appearance:none !important;
	-moz-appearance: window !important;
	appearance: none !important;
	font-family: 'Open Sans', sans-serif;
	color:#4f4f4f;
	font-size:.875em;
}
.select-wrap-connect {
	
	overflow: hidden;
	background: url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/grey-arw-dwn.png) 94% 50% no-repeat #fff;
	border: 1px solid #000;
	margin-bottom:.6em;
}
.select-wrap-connect options {
	margin-left:-5px;
	width: 91.5%;
	font-family: 'Open Sans', sans-serif;
}


.share-bottom{ float:left; }
.mob-bottom{display:none;}



#sidebar-nav {

	margin:0px;
	padding:0px;
	width:100%;
	float:left;
	
}

#sidebar-nav li ul {
	margin:0px 0 10px 0;
	padding:0px;
	height:auto;
	float:left;
}
#sidebar-nav li {
	list-style:none outside none; padding-top:2px; padding-bottom:2px; 
	background:none;
	padding-left:0;
	width:100%;

}

#sidebar-nav li li {
	list-style:none outside none; float:left; margin:3px 0px 3px 3px; clear:both; padding-top:0px; padding-bottom:0px;

}
#sidebar-nav li li a {
	display:block;
	text-decoration: none;
	padding-left:17px;
	font-weight:normal;
}
#sidebar-nav li li a:hover {
	font-weight:bold;
}


.programs-more-list, .schools-more-list, .catholic-more-list{ float:left; margin-left:-10px; list-style:none !important;}
.programs-more-list li, .programs-more-list li a, .schools-more-list li, .schools-more-list li a, .catholic-more-list li, .catholic-more-list li a{
	width:100%;
	float:left;
	padding:0;
	text-align:left;
	font-weight:bold;
	
}
.programs-more-list li, .schools-more-list li, .catholic-more-list li{margin:5px 1%;width:31%; background:none !important; padding:0 !important;}

.programs-more-list li a{color:#5aa602; font-size:.875em;}
.programs-more-list li img {
	float:left;
	border:6px solid #d4eeb7;
	width:90%;
}

.schools-more-list li a{color:#bf4790; font-size:.875em;}
.schools-more-list li img {
	float:left;
	border:6px solid #e6cedc;
	width:90%;
}
.catholic-more-list li a{color:#498bc9; font-size:.875em;}
.catholic-more-list li img {
	float:left;
	border:6px solid #a2cbf2;
	width:90%;
}



.news-list{width:100%; margin-bottom:0em; margin-top:1em; display:inline-block;}
.news-img{ float:left;}
.news-item{ margin-left:10px;  float:left;width:65%;}
.news-list h3{width:80%;}
.news-list .date{font-size:.875em; font-weight:600; margin-top:-8px;}
.news-item p{clear:none;}
.archive-list{ margin:1em 4% 0 0; float:left;width:45%;}
.archive-list a{ font-weight:normal !important; clear:both; float:left; color:#1c3fa8; padding:.4em 0;}
.archive-list.even{ clear: both;}


.socialmedia-list{width:100%; margin-bottom:1em; margin-top:1em; display:inline-block;}
.socialmedia-img{ float:left;}
.socialmedia-item{ margin-left:20px;  float:left;width:65%;}
.socialmedia-list h3{width:80%;}
.socialmedia-item .date{font-size:.875em;}
.socialmedia-item p{clear:none;}


.admin-link{ font-weight:normal !important;}

#content-area-inside article ol{ float:left; display:block;  margin-left:15px;margin-bottom:2em; margin-top:1em; width:100%;}
#content-area-inside article ol li{  font-size: 0.875em;
    font-weight: 500; line-height:1.4em; }
#content-area-inside article ol li a, #content-area-inside article ol li li a{}
#content-area-inside article ul{ clear:both;}
#content-area-inside article ul li{ background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/black-bullet.gif) no-repeat 0px 11px; padding-left:10px;font-size:.875em; line-height:1.7em;font-weight: 500;}
#content-area-inside article ul li ul{ clear:both; margin-top:5px; margin-left:20px;}
#content-area-inside article ul li li{ background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/circle-bullet.gif) no-repeat 0px 11px; padding-left:10px; }
#content-area-inside article ul li ul li ul{ clear:both; margin-top:5px; margin-left:20px;}
#content-area-inside article ul li li li{ background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/black-bullet.gif) no-repeat 0px 11px; padding-left:10px; }
#content-area-inside article ul li a, #content-area-inside article ul li li a{ }

#content-area-inside article .careers-list{ float:left; margin-bottom:2em;width:44%; margin-right:5%; clear:none !important; list-style:none; }
#content-area-inside article .careers-list li{width:100%; float:left; margin-bottom:0em; background:none; padding:0; font-size:.975em;}
#content-area-inside article .careers-list li ul{ margin:0; margin-left:0!important;clear:none!important;} 
#content-area-inside article .careers-list li ul li{ width:100%; font-weight:600; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/bullet.gif) no-repeat 0px 11px; padding:2px 0 2px 10px; margin-bottom:0; }
#content-area-inside article .careers-list li li a{ color:#000;}

#content-area-inside article .careers-list-more{ float:left; margin:2em 0 0 0!important;clear:none ;}
#content-area-inside article .careers-list-more li{ width:100%; font-size:.975em; font-weight:600; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/left-arw-bl.gif) no-repeat 0px 8px !important; padding:2px 0 2px 10px !important; }
#content-area-inside article .careers-list-more li ul{ margin:2em 0 0 0;clear:none ; float:left;}
#content-area-inside article .careers-list-more li a{ color:#1c3fa8 !important;}

.careers-question{ float:left; position:relative; width:100%; margin-bottom:1em;}
.careers-question p{ float:left;width:100%; position:relative; margin-bottom:.5em !important;}
.careers-question p span{width:75%; float:left;}
.careers-question a{ font-weight:normal !important;}
.careers-question a.careers-login-bt{ font-weight:normal !important; font-size:.875em; background:#1c3fa8; padding:.2em 1em; color:#fff !important; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; -o-border-radius:1px;right:0; position:absolute; bottom:0;}

.careers-posting{ font-size:.75em; font-style:italic; margin:-5px 0 0 0; float:left; clear:both; padding:0;}
.careers-posts{ width:100%; float:left;}
.careers-posts li{width:44% !important; margin-right:1%; background:none !important; padding-left:0 !important; font-size:.875em !important;}
.careers-posts li a{ color:#1c3fa8 !important;}

#content-area-inside article .contact-common-questions{ float:left; width:80%; background:#f9f9f9; border:1px solid #dddddd; padding:2%; margin-bottom:2em;}
#content-area-inside article .contact-common-questions li{ float:left; width:46%; font-size:.875em;font-weight:700; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/blue-bullet.gif) no-repeat 0 8px!important;padding:0% 0 0%  3%!important;}
#content-area-inside article .contact-common-questions li a{ color:#1c3fa8;}

.contact-urgent{ float:left; margin-bottom:2em;}
.contact-urgent p{ font-size:1.125em !important; line-height:normal !important; margin:0 !important;}

#content-area-inside article .contact-list{ float:left; margin-bottom:2em;}
#content-area-inside article .contact-list li{width:48%;float:left;background:none !important; padding:0 !important;}
#content-area-inside article .contact-list li li{ width:100%; font-size:.975em; font-weight:500; padding:1px 0 0px 0px;background:none !important; padding:0 !important; }
#content-area-inside article .contact-list li ul{ margin-bottom:2em; float:left; margin-left:0!important;}
#content-area-inside article .contact-list li li a{ color:#000;}
#content-area-inside article .contact-location{ margin-top:1em;}


#content-area-inside article .contact-general{ float:left;width:70%;}
#content-area-inside article .contact-general li{width:100%; color:#6e6e6e; padding:0 0 5px 0 !important;background:none !important;}
#content-area-inside article .contact-general input{width:60%; padding:1%; font-size:.875em; font-family:'Open Sans',sans-serif;}
#content-area-inside article .contact-general textarea{width:97.7%; height:120px;padding:1%; font-size:.875em; font-family:'Open Sans',sans-serif; margin:0;}
#content-area-inside article .contact-general li span{ float:left; width:50%; font-size:.75em;}
#content-area-inside article .contact-general input[type=submit]{width:auto; padding:5px 5px; float:right; background:#1c3fa8; border:none; color:#fff; font-weight:bold;}

#content-area-inside article .eqao-list{ width:48%; float:left; clear:none; margin-right:2%; margin-bottom:2em;}
#content-area-inside article .eqao-list li{ width:100%; padding:2px 10px;}
#content-area-inside article .eqao-list li a{ color:#1c3fa8 !important;}
#content-area-inside article .eqao-list li li{widh:100%;}

#content-area-inside article .online-reg-form{ float:left;width:70%; margin-bottom:2em;}
#content-area-inside article .online-reg-form li{width:100%; color:#6e6e6e; padding:0 0 5px 0 !important;background:none !important; margin-bottom:1em;}
#content-area-inside article .online-reg-form label{width:60%;   font-family:'Open Sans',sans-serif; color:#000;}
#content-area-inside article .online-reg-form input{width:60%; padding:1%; font-size:.875em; font-family:'Open Sans',sans-serif;}
#content-area-inside article .online-reg-form textarea{width:97.7%; height:160px;padding:1%; font-size:.875em; font-family:'Open Sans',sans-serif; margin:0;}
#content-area-inside article .online-reg-form li span{ float:left; width:50%; font-size:.75em;}
#content-area-inside article .online-reg-form input[type=submit]{width:auto; padding:5px 10px; float:right; background:#1c3fa8; border:none; color:#fff; font-weight:bold;}


#content-area-inside article .trustees-list{ float:left; width:100%; }
#content-area-inside article .trustees-list li {  float:left; width:27%; margin-right:6%; margin-bottom:6%; font-size:.875em;background:none !important; padding:0 !important;}
#content-area-inside .article-parents .trustees-list li {height:180px;}
#content-area-inside article .trustees-list li img{width:100%;}
#content-area-inside article .trustees-list li span{width:100%; display:inline-block;}
#content-area-inside article .trustees-list li span.trustees-name a{color:#1c3fa8 ; font-weight:bold;}
#content-area-inside article .trustees-list li span.trustees-ward{color:#000;}
#content-area-inside article .trustees-list li span.trustees-email a{color:#000;}

.error-page{width:50%; float:left;}
.error-image{width:48%;float:left;}
.error-image img{ float:left;}
.no-height{ height:auto !important; min-height:0; padding-bottom:0;}



.trustees-image{float:left; margin-right:2%;}
.trustees-bio{ float:left; width:60%; margin-top:-7px;}

.virtue-image{float:left; margin-right:2%;}
.virtue-content{ float:left; width:60%; margin-top:-7px; margin-bottom:1em;}
.virtue-content .no-border{ border:none !important;}



#content-area-inside article .trustees-represented{ float:left; width:48%;}
#content-area-inside article .trustees-represented li{width:100%; float:left; font-size:.875em;background:none !important; padding:0 !important;}
#content-area-inside article .trustees-represented li:first-child{ font-weight:bold;}


#content-area-inside article .schools-family{ float:left; margin:0em 0 2em 0!important;clear:none ;}
#content-area-inside article .schools-family li{ width:100%; font-size:.875em; font-weight:600; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/left-arw-bl.gif) no-repeat 0px 8px !important; padding:2px 0 2px 10px !important; }
#content-area-inside article .schools-family li ul{ margin:2em 0 0 0;clear:none ; float:left;}
#content-area-inside article .schools-family li a{ color:#1c3fa8 !important;}

#content-area-inside article .schools-listing{ float:left; margin-bottom:2em;width:100%; clear:none !important; list-style:none; }
#content-area-inside article .schools-listing li{width:48%; float:left; margin-bottom:0em; background:none; padding:0 !important;}
#content-area-inside article .schools-listing li li:first-child{ font-weight:bold;}
#content-area-inside article .schools-listing li ul{ margin:0; margin-left:0!important;clear:none!important;} 
#content-area-inside article .schools-listing li ul li{ width:100%; font-size:.975em;  font-weight:600; background:none;  padding:0px !important; margin-bottom:0; }
#content-area-inside article .schools-listing li li a{ color:#000;}


#content-area-inside article .extended-listing{ float:left; margin-bottom:2em;width:100%; clear:none !important; list-style:none; }
#content-area-inside article .extended-listing li{width:48%; float:left; margin-bottom:0em; background:none; padding:0 !important;}
#content-area-inside article .extended-listing li ul{ margin:0; margin-left:0!important;clear:none!important;} 
#content-area-inside article .extended-listing li ul li{ width:100%; font-size:.975em;  font-weight:600; background:none;  padding:0px !important; margin-bottom:2em; }
#content-area-inside article .extended-listing li li a{ color:#000;}


#content-area-inside article .catholic-virtue, #content-area-inside article .extended-boundary, #content-area-inside article .error-links{ float:left; margin:0em 0 2em 0!important;clear:none ;}
#content-area-inside article .catholic-virtue li, #content-area-inside article .extended-boundary li, #content-area-inside article .error-links li{ width:100%; font-size:.875em; font-weight:600; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/arw-l.gif) no-repeat 0px 10px !important; padding:2px 0 2px 10px !important; }
#content-area-inside article .catholic-virtue li ul, #content-area-inside article .extended-boundary li ul, #content-area-inside article .error-links li ul{ margin:2em 0 0 0;clear:none ; float:left;}
#content-area-inside article .catholic-virtue li a, #content-area-inside article .extended-boundary li a, #content-area-inside article .error-links li a{ color:#1c3fa8 !important;}





#content-area-inside article .news-board{ float:left; margin:0em 0 2em 0!important;clear:none ; width:13em;}
#content-area-inside article .news-board li{ width:100%; font-size:.875em; font-weight:600; background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/arw-l.gif) no-repeat 0px 8px !important; padding:2px 0 2px 10px !important; }
#content-area-inside article .news-board li ul{ margin:2em 0 0 0;clear:none ; float:left;}
#content-area-inside article .news-board li a{ color:#1c3fa8 !important;}

#content-area-inside article .news-inside p{ clear:none;}
#content-area-inside article .align-right{ float:right; margin:0 1% 0 1%;}
#content-area-inside article .align-left{ float:left; margin:0 1% 1% 0 ;}


.pagination{width:100%; float:right; text-align:right;}
.pagination li{ font-size:.70em; display:inline-block; margin-left:.5%;background:none !important; padding:0 !important;} 
.pagination li a{ color:#000;}


/* ----------- Inner Index page ends -        */

 @media screen and (min-width: 1569px) and (max-width: 2024px) {
 .side-chiclets {
display:block;
   	background: none repeat scroll 0 0 #F6F6F6;
    position:absolute;
	right:0;
	top:0; 
    margin-bottom: -4em;
    margin-top: 0em;
    padding: 2em 0;
    width: 200px;
}
.side-chiclets ul {
	width:100%;
	margin-left:30px;
}
.side-chiclets ul li {
	float:left;
	width:144px;
	margin:0 1.17em 0 0;
	position:relative;
}
.side-chiclets ul li h3 {
	font-size:.85em;
	font-weight:bold;
	line-height:1.4em;
	display:table-cell;
	vertical-align:bottom;
	width:144px;
}

.side-chiclets ul li .h3class2 {
        font-size: .85em;
        font-weight: bold;
        line-height: 1.4em;
        display: table-cell;
        vertical-align: bottom;
        width: 144px;
    }
.side-chiclets ul li .chiclet-item{ position:relative; float:left;}
.side-chiclets ul li ul {
	position:absolute;
	opacity:0;
	top:0px;
	left:0;
	margin:0;
}
.side-chiclets ul li .chiclet-item:hover ul {
	position:absolute;
	opacity:1;
	z-index:9;
	width:114px;
	height:95px;
}
.side-chiclets ul li li {
	background:#000000;
	opacity:.9;

}
.side-chiclets ul li li a {
display:block;
width:112px; height:85px;
	padding:.45em 1em;
}
.side-chiclets ul li li p {
	color:#fff;
	opacity:1;
	font-size:.875em;
	font-weight:500;
	margin:0;
}
 
 }

 @media screen and (min-width: 759px) and (max-width: 1024px) {

.print { display:none; }
.logo50{    float: right;
    position: relative;
    right: -2%;
    top: 10px;
   }

#content-area-inside .sidebar-box{
    width: 210px;
}

 .slider-content-mob{display:none;}
 .slider-content p{ font-size:1.8em;}
 #page {
width:100%;
clear:both;
position:relative;
z-index:0;
}
#page-content {
width:100%;
background:#fff;
margin:0 auto;
}
 .topmenu, #nav, .font-s {
display:none;
}
 #top-bar, .top-wrap, header, #rainbow, .rainbow-wrap {
width:100%;
}
.logo {
	margin:.5em 0 0 1em;
}
.lang, .connect-tab {
display:none;
}
 #top-bar {
padding:.2em;
}
#header-fixed-menu-wrap{ display:none !important;}
.rainbow-wrap .title {
color: #3B3B3B;
float: none;
font-size: 1em;
font-style: normal;
font-weight: 500;
position: absolute;
right: 2%;
top: -82px;
}
 .r-right {
float: right;
margin-top: -48px;
text-align: right;
width: 15.5em;
margin-right:8px;
}
 .home-chiclets > .ui-scrollview-view {
 width:995px !important;
 overflow:hidden;
 display:block;
}

#content-area {
   margin-left:3%;
	width:94%;
}
aside {
	width:32%;
	float:left;
}
article{width:63%;}

 #newsletter {
width:101%;
}
 #newsletter #nl {
width:82%;
height:22px;
}
#newsletter .ui-input-text {
width:68%;
}
#newsletter input {
height:22px;
}
#newsletter .ui-submit {
width:30%;
}
#newsletter .submit {
height:28px;
padding:3px;
font-size:75%;
width:100%;
}

.right {
position:static;
float:left;
width:100%;
}
.side-box-chiclets {
display:none;
}
.chiclet-tab {
display:block;
margin-bottom:1em;
}
.chiclet-tab img, .chiclet-tab img a{width:100%;}
.chiclet-mob {
display:none;
}
 .footer-top-area, .footer-bottom-area {
width:95%;
}
 .menu-mob {
width:80px;
height:31px;
float:left;
position:relative;
top:2px;
left:2%;
z-index:999;
display:block !important;
cursor:pointer;
}
#menu-mob {
width:375px;
background:#1d1d1d;
position:absolute;
left:0;
top:37px;
padding:0;
z-index:999;
}
#menu-mob h1 {
font-size:.875em;
font-weight:bold;
color:#fff;
padding: 10px 0 10px 20px;
}

#menu-mob span {
        font-size: .875em;
        font-weight: bold;
        color: #fff;
        /* padding: 10px 0 10px 20px;*/
    }
 .accordionButton {
 width: 96%;
 float: left;
 _float: none;  /* Float works in all browsers but IE6 */
 border-top: 1px solid #303030;
 
 color:#fff;
/*	background: # url(//wwwresources.dpcdsb.org/Style%20Library/images/white-arw-dwn.png) no-repeat 260px 18px;*/
	font-size:.875em;
 font-weight:bold;
 padding:5px 10px 5px 5px;
 line-height:2em;
 height:28px;
}
.accordionButton a {
color:#fff;

}
.accordionButton a img {
vertical-align:middle
}
.on a, /*.accordionButton a:hover{ color:#7dd0df ;}*/ .accordionContent {
 width: 100%;

 _float: none; /* Float works in all browsers but IE6 */
}
.accordionButton a span {
float:left;
width:60px;
text-align:center;
}
#menu-mob .nolink span {
float:left;
width:60px;
text-align:center;
}

 #menu-mob .on {
/*background: url(//wwwresources.dpcdsb.org/Style%20Library/images/white-arw-up.png) no-repeat  260px 18px;*/
	}
 .over {
/*background: url(//wwwresources.dpcdsb.org/Style%20Library/images/white-arw-dwn.png) no-repeat  260px 18px;*/
	}
 #home.accordionButton {
background:#1c3fa8;
}
#home.on {
background:#1c3fa8;
}
#home.over {
background:#1c3fa8;
}
 #parents.accordionButton {
background:#00adb8 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/parents-on.gif) 4px 0 no-repeat;
}
#parents.on {
background:#00adb8 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/parents-over.gif) 4px 0 no-repeat;
}
#parents.over {
background:#00adb8 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/parents-over.gif) 4px 0 no-repeat;
}

.accordionContent ul.parents {
float:left;
width:100%;
background:#00858d;
}
.accordionContent ul.parents li {
border-bottom: 1px solid #00636a;
}
 #students.accordionButton {
background:#f07153 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/students-on.gif) 4px 0 no-repeat;
}
#students.on {
background:#f07153 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/students-over.gif) 4px 0 no-repeat;
}
#students.over {
background:#f07153 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/students-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.students {
float:left;
background:#a03a29;
}
.accordionContent ul.students li {
border-bottom: 1px solid #ae1e06;
}
 #schools.accordionButton {
background:#cc60a1 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/schools-on.gif) 4px 0 no-repeat;
}
#schools.on {
background:#cc60a1 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/schools-over.gif) 4px 0 no-repeat;
}
#schools.over {
background:#cc60a1 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/schools-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.schools {
float:left;
width:100%;
background:#8f336b;
}
.accordionContent ul.schools li {
border-bottom: 1px solid #bf4790;
}
 #catholic.accordionButton {
background:#599ed3 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/catholic-on.gif) 4px 0 no-repeat;
}
#catholic.on {
background:#599ed3 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/catholic-over.gif) 4px 0 no-repeat;
}
#catholic.over {
background:#599ed3 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/catholic-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.catholic {
float:left;
width:100%;
background:#95adc5;
}
.accordionContent ul.catholic li {
border-bottom: 1px solid #498bc9;
}
 #programs.accordionButton {
background:#6ab100 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/programs-on.gif) 4px 0 no-repeat;
}
#programs.on {
background:#6ab100 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/programs-over.gif) 4px 0 no-repeat;
}
#programs.over {
background:#6ab100 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/programs-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.programs {
float:left;
width:100%;
background:#3d7100;
}
.accordionContent ul.programs li {
border-bottom: 1px solid #5aa602;
}
 #news.accordionButton {
background:#e88806 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/news-on.gif) 4px 0 no-repeat;
}
#news.on {
background:#e88806 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/news-over.gif) 4px 0 no-repeat;
}
#news.over {
background:#e88806 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/news-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.news {
float:left;
width:100%;
background:#9c5209;
}
.accordionContent ul.news li {
border-bottom: 1px solid #e0740b;
}
 #about.accordionButton {
background:#8d60d2 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/about-on.gif) 4px 0 no-repeat;
}
#about.on {
background:#8d60d2 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/about-over.gif) 4px 0 no-repeat;
}
#about.over {
background:#8d60d2 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/about-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.about {
float:left;
width:100%;
background:#57318f;
}
.accordionContent ul.about li {
border-bottom: 1px solid #7945c7;
}
 #other.accordionButton, #languages.accordionButton {
background:#272727 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/other-on.gif) 4px 0 no-repeat;
}
#other.on, #languages.on {
background:#272727 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/other-over.gif) 4px 0 no-repeat;
}
#other.over, #languages.over {
background:#272727 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/other-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.other {
float:left;
width:100%;
background:#000;
}
.accordionContent ul.other li {
border-bottom: 1px solid #676767;
}
 #media.accordionButton, #contact.accordionButton, #careers.accordionButton, #stafflogin.accordionButton, #socialmedia.accordionButton, #students2.accordionButton {
background: url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/grey-m.gif)
}
 .accordionContent ul {
float:left;
width:100%;
height:auto !important;
background:#000000;

}
 .accordionContent ul li {
float: left;
 _float: none;  /* Float works in all browsers but IE6 */
 border-bottom: 1px solid #676767;

 color:#fff;
 padding:5px 10px 5px 20px;
 width: 92%;
 list-style:none;
 font-size:.875em;
 font-weight:600;
 display:block;
}
.accordionContent ul li a {
color:#fff;

}
.flex-pauseplay{ bottom:20%;}

/* ----------- Inner Index page -        */

.breadcrumb{ display:none;}
#content-area-inside {
width:92%;
margin-right:4%;
margin-left:4%;
}

.share-box{width:138px;}
#content-area-inside article{width:65%}
.story-box .img-box{width:100%;}
#content-area-inside .sidebar-box{}


.story-box .sucess-list{width:100%; margin-left: 0px; margin-top:20px;}
#content-area-inside aside{width:29%;}
#content-area-inside .sidebar-box-inside{width:100%;}

 .bottom-chiclets > .ui-scrollview-view {
 width:995px !important;
 overflow:hidden;
 display:block;
}



.mob-bottom, .side-chiclets{display:none;}

.trustees-list{width:108%;}
.trustees-list li { float:left; width:27%; margin-right:6%; margin-bottom:6%; font-size:.775em;}

.trustees-represented{ float:none; width:48%; margin-bottom:1em;}
.trustees-represented li{ float:none;}



/* ----------- Inner Index page end -        */

}
 @media screen and (min-width: 200px) and (max-width: 758px) {
.print { display:none; }
.logo a img{ width:45%;}
.logo50{    float: right;
    position: relative;
    right: -2%;
    top: 10px;
   }

 #page {
width:100%;
clear:both;
position:relative;
z-index:0;
}
#page-content {
width:100%;
background:#fff;
margin:0 auto;
}
.lang {
display:none;
}
 .topmenu, #nav, .font-s, .rainbow-wrap .title, .social-top {
display:none;
}

 #top-bar, header, #rainbow, .rainbow-wrap {
width:100%;
}


.submit-mob{ display:block; float:left;}
.submit-desktop{display:none;}

#rainbow #searchform div {
border:none;

}



#rainbow #ctl00_UC_search_txtBoxSearch, #rainbow #ctl00_UC_search_txtBoxSearch:focus{ }
#top-bar {
padding:.2em;
}
.logo {
	margin:.5em 0 0 1em;
}

 #rainbow #searchform {
position:absolute;
top:-136px;
right:0%;
background:#000;
padding-left:5px; margin-top: 0.4em;

}

#rainbow #searchform {
	float:right;
	
	padding:0;
}
#rainbow #searchform div {
	margin: 0;
	padding:0;
	
	float:left;
}







.print {
float:right;
margin:-55px 15px 0 0;
}
 .menu-mob {
width:80px;
height:31px;
float:left;
position:relative;
top:2px;
left:2%;
z-index:999;
display:block !important;
cursor:pointer;
}
#menu-mob {
width:268px;
background:#1d1d1d;
position:absolute;
left:0;
top:37px;
padding: 0;
z-index:999;
}
#menu-mob h1 {
font-size:.875em;
font-weight:bold;
color:#fff;
padding: 10px 0 10px 20px;
}
#menu-mob span {
        font-size: .875em;
        font-weight: bold;
        color: #fff;
      /* padding: 10px 0 10px 20px;*/ 
    }
.accordionButton {
 width: 96%;
 float: left;
 _float: none;  /* Float works in all browsers but IE6 */
 border-top: 1px solid #303030;

 color:#fff;
/*	background: # url(//wwwresources.dpcdsb.org/Style%20Library/images/white-arw-dwn.png) no-repeat 260px 18px;*/
	font-size:.875em;
 font-weight:bold;
 padding:5px 6px 5px 5px;
 line-height:2em;
 height:28px;
 background-position:-107px 0 !important;
}
.accordionButton a {
color:#fff;

}
.accordionButton a img {
vertical-align:middle
}
.on a, /*.accordionButton a:hover{ color:#7dd0df ;}*/ .accordionContent {
 width: 100%;

 _float: none; /* Float works in all browsers but IE6 */
}
.accordionButton a span {
float:left;
width:60px;
text-align:center;
}
#menu-mob .nolink span {
float:left;
width:60px;
text-align:center;
}

 #menu-mob .on {
/*background: url(//wwwresources.dpcdsb.org/Style%20Library/images/white-arw-up.png) no-repeat  260px 18px;*/
	}
 .over {
/*background: url(//wwwresources.dpcdsb.org/Style%20Library/images/white-arw-dwn.png) no-repeat  260px 18px;*/
	}
 #home.accordionButton {
background:#1c3fa8;
}
#home.on {
background:#1c3fa8;
}
#home.over {
background:#1c3fa8;
}
 #parents.accordionButton {
background:#00adb8 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/parents-on.gif) 4px 0 no-repeat;
}
#parents.on {
background:#00adb8 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/parents-over.gif) 4px 0 no-repeat;
}
#parents.over {
background:#00adb8 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/parents-over.gif) 4px 0 no-repeat;
}

.accordionContent ul.parents {
float:left;
width:100%;
background:#00858d;
}
.accordionContent ul.parents li {
border-bottom: 1px solid #00636a;
}
 #students.accordionButton {
background:#f07153 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/students-on.gif) 4px 0 no-repeat;
}
#students.on {
background:#f07153 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/students-over.gif) 4px 0 no-repeat;
}
#students.over {
background:#f07153 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/students-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.students {
float:left;
background:#a03a29;
}
.accordionContent ul.students li {
border-bottom: 1px solid #ae1e06;
}
 #schools.accordionButton {
background:#cc60a1 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/schools-on.gif) 4px 0 no-repeat;
}
#schools.on {
background:#cc60a1 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/schools-over.gif) 4px 0 no-repeat;
}
#schools.over {
background:#cc60a1 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/schools-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.schools {
float:left;
width:100%;
background:#8f336b;
}
.accordionContent ul.schools li {
border-bottom: 1px solid #bf4790;
}
 #catholic.accordionButton {
background:#599ed3 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/catholic-on.gif) 4px 0 no-repeat;
}
#catholic.on {
background:#599ed3 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/catholic-over.gif) 4px 0 no-repeat;
}
#catholic.over {
background:#599ed3 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/catholic-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.catholic {
float:left;
width:100%;
background:#95adc5;
}
.accordionContent ul.catholic li {
border-bottom: 1px solid #498bc9;
}
 #programs.accordionButton {
background:#6ab100 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/programs-on.gif) 4px 0 no-repeat;
}
#programs.on {
background:#6ab100 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/programs-over.gif) 4px 0 no-repeat;
}
#programs.over {
background:#6ab100 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/programs-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.programs {
float:left;
width:100%;
background:#3d7100;
}
.accordionContent ul.programs li {
border-bottom: 1px solid #5aa602;
}
 #news.accordionButton {
background:#e88806 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/news-on.gif) 4px 0 no-repeat;
}
#news.on {
background:#e88806 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/news-over.gif) 4px 0 no-repeat;
}
#news.over {
background:#e88806 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/news-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.news {
float:left;
width:100%;
background:#9c5209;
}
.accordionContent ul.news li {
border-bottom: 1px solid #e0740b;
}
 #about.accordionButton {
background:#8d60d2 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/about-on.gif) 4px 0 no-repeat;
}
#about.on {
background:#8d60d2 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/about-over.gif) 4px 0 no-repeat;
}
#about.over {
background:#8d60d2 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/about-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.about {
float:left;
width:100%;
background:#57318f;
}
.accordionContent ul.about li {
border-bottom: 1px solid #7945c7;
}
 #other.accordionButton, #languages.accordionButton {
background:#272727 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/other-on.gif) 4px 0 no-repeat;
}
#other.on, #languages.on {
background:#272727 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/other-over.gif) 4px 0 no-repeat;
}
#other.over, #languages.over {
background:#272727 url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/other-over.gif) 4px 0 no-repeat;
}
.accordionContent ul.other {
float:left;
width:100%;
background:#000;
}
.accordionContent ul.other li {
border-bottom: 1px solid #676767;
}
 #media.accordionButton, #contact.accordionButton, #careers.accordionButton, #stafflogin.accordionButton, #socialmedia.accordionButton, #students2.accordionButton {
background: url(//wwwresources.dpcdsb.org/Style%20Library/images/bg/grey-m.gif)
}
 .accordionContent ul {
float:left;
width:100%;
background:#000000;
height:auto !important;
}
 .accordionContent ul li {
float: left;
 _float: none;  /* Float works in all browsers but IE6 */
 border-bottom: 1px solid #676767;

 color:#fff;
 padding:5px 10px 5px 20px;
 width: 88.7%;
 list-style:none;
 font-size:.875em;
 font-weight:600;
 display:block;
}
.accordionContent ul li a {
color:#fff;

}

.skip-content {top:-400px; dispaly:none !important;  }
.back-to-top{top:-400px; dispaly:none !important; }


 #banner .flex-direction-nav {
display:none;
}
.flex-pauseplay{ bottom:40%;}
#header-fixed-menu-wrap{ display:none !important;}
 .r-right {
float: right;
margin-top: -48px;
text-align: right;
width: 15.5em;
margin-right:5px;
}
#content-area {
width:92%;
margin-right:4%;
margin-left:4%;
}
article {
width:100%;
margin:0;
}
.item-wrap {
margin-bottom:1em;
float:left;
}
#alert-box {
line-height: 1.5em;
 padding: 0em 0em;
}
 aside, .sidebar-box, .right {
width:100%;
}
/*.sidebar .select-wrap{width:99.5%;}*/
 #newsletter {
width:101%;
}
 #newsletter #nl {
width:66%;
height:22px;
}
#newsletter .ui-input-text {
width:74%;
}
#newsletter input {
height:22px;
}
#newsletter .ui-submit {
width:24%;
}
#newsletter .submit {
height:28px;
padding:3px;
font-size:75%;
width:100%;
}
 .home-chiclets ul {
margin-left:4%;
}
.home-chiclets > .ui-scrollview-view {
 width:995px !important;
 overflow:hidden;
 display:block;
}
.right {
position:static;
float:left;
}
.side-box-chiclets {
display:none;
}
.chiclet-tab {
display:none;
}
.chiclet-mob {
display:block;
margin-bottom:1em;
float:left;
width:100%;
}
.chiclet-mob a img {
width:100%;

}
.slider-content {display:none !important;}
.banner-wrap .slides li{background:#404040;}
 .slides li .slider-content-mob {
width:92%;
z-index:1;
left:35px;
bottom:30px;
background:#404040;
display:block;
padding:4% 4% 9%;
float:left;
position:static;
height:120px;

}
.slider-content-mob p {
font-size:.875em;
line-height:1.5em;
font-weight:bold;
width:60%;
color:#fff;
text-shadow:none;
}
.slider-content-mob .slider-register-bt {
padding:0 10px 0 10px;
color:#fff;
font-size:.875em;
font-weight:bold;
background:url(//wwwresources.dpcdsb.org/Style%20Library/images/arw/white-arw.png) no-repeat 0 48%;
float:right;
text-shadow:none;
-webkit-box-shadow: none;
-moz-box-shadow:  none;
box-shadow:  none;
}
 .footer-top-area, .footer-bottom-area {
width:95%;
}
.footer-top-left ul.home {
width:100%;
}
.footer-top-left {
margin:1em 0;
}
.footer-top-left li {
margin-bottom:.3em;
width:100%;
}
.footer-top-left li li {
display:none;
}
.footer-top-left li li a:hover{
display:none;
}
.footer-top-right {
float:left;
width:100%;
}
 .footer-bottom-left, .footer-bottom-right {
width:100%;
margin:.3em 0;
}

/*-----inside index page------------*/

.breadcrumb{ display:none;}
#content-area-inside {
width:92%;
margin-right:4%;
margin-left:4%;
}


.share-box{width:138px;}
#content-area-inside article{width:100%; margin-left:0;}
.story-box .img-box{width:100%;}
#content-area-inside .sidebar-box{width:100%}


.story-box .sucess-list{width:100%; margin-left: 0px; margin-top:20px;}
#content-area-inside aside{width:100%; margin-top:2em;}
.sidebar-box-inside ul li{width:100%;}
#content-area-inside .sidebar-box-inside{width:100%;}
#sidebar-banner{ display:none;}

.article-top{ position:absolute; float:none; right:0%; top:0;}


 .side-chiclets, .how-do-i, .connect-tab{display:none;}
.mob-bottom{ display:block;}
.black h3 , .sidebar-connect h3{color: #010001 !important;}
 .bottom-chiclets > .ui-scrollview-view {
 width:995px !important;
 overflow:hidden;
 display:block;
}


.story-box .flex-direction-nav a, .events-slider .flex-direction-nav a{top:65%;}

#content-area-inside article .careers-list{ float:left;width:100%; margin-bottom:2em;} 

.archive-list{ margin:1em 0 1em 0; float:left;width:100%;}
.archive-list.even{ clear: both;}

.contact-common-questions li{ float:none;width:97%;}
.contact-list li{ float:none; width:97%; display:inline-block;}

.contact-general{ float:left;width:100%;}
.contact-general li{width:100%;}
.contact-general input{width:97.7%;}
.contact-general textarea{width:97.7%;}

.trustees-list{ float:left; width:100%;}
.trustees-list li { float:left; width:100%!important; margin-right:6%; margin-bottom:6%; font-size:.775em;}
.trustees-list li img{width:20% !important; float:left; margin-right:3%;}
.trustees-list li span{width:70% !important; display:inline-block;}
.trustees-list li span.trustees-name a{color:#1c3fa8 ; font-weight:bold;}
.trustees-list li span.trustees-ward{color:#000;}
.trustees-list li span.trustees-email a{color:#000;}


#content-area-inside article .schools-listing, #content-area-inside article .extended-listing{ float:left; margin-bottom:2em;width:100%; }
#content-area-inside article .schools-listing li, #content-area-inside article .extended-listing li{width:97%; float:none;margin-bottom:2em;}




p a img{width:90%;}

.trustees-represented{ float:none; width:48%; margin-bottom:1em;}
.trustees-represented li{ float:none;}

.trustees-bio{ float:none; width:100%;}

#content-area-inside article .online-reg-form{ float:left;width:98%; margin-bottom:2em;}
#content-area-inside article .online-reg-form li{width:100%; color:#6e6e6e; padding:0 0 5px 0 !important;background:none !important; margin-bottom:1em;}
#content-area-inside article .online-reg-form label{width:97%;   font-family:'Open Sans',sans-serif; color:#000;}
#content-area-inside article .online-reg-form input{width:97%; padding:1%; font-size:.875em; font-family:'Open Sans',sans-serif;}
#content-area-inside article .online-reg-form textarea{width:97.7%; height:160px;padding:1%; font-size:.875em; font-family:'Open Sans',sans-serif; margin:0;}
#content-area-inside article .online-reg-form li span{ float:left; width:50%; font-size:.75em;}
#content-area-inside article .online-reg-form input[type=submit]{width:auto; padding:5px 10px; float:right; background:#1c3fa8; border:none; color:#fff; font-weight:bold;}

#content-area-inside article .news-inside p{ clear:both;}
#content-area-inside article .align-right{ float:left; margin:0 0 1% 0; }
#content-area-inside article .align-left{ float:left; margin:0 0 1% 0 ;}

#content-area-inside article .eqao-list{ width:100%; float:none; clear:none; margin-bottom:2em;}
#content-area-inside article .eqao-list li{ width:100%; padding:2px 10px;}
#content-area-inside article .eqao-list li a{ color:#1c3fa8 !important;}
#content-area-inside article .eqao-list li li{widh:100%;}

.error-page{width:100%; float:left;}
.error-image{ display:none;}

/*-----inside index page ends------------*/

}
/*
 color: #000 !important;
    background: #ffffff !important;
    float: right !important;
    border: 1px !important;
    font-size: 1em !important;
    font-weight: bold !important;
    margin-left: 5px !important;
    width: 32px !important;
    height: 29px !important;
    margin: 0px 0px 0px 0px !important;
    text-align: center !important; */

.connect-box a.goSec, .connect-box a.goElem {

 color: #000 !important;
    background: #ffffff !important;
    float: right !important;
    border: 1px !important;
    font-size: 1em !important;
    font-weight: bold !important;
    margin-left: 5px !important;
    width: 32px !important;
    height: 23px;
    margin: 1px 0px 0px 0px !important;
    text-align: center !important;
padding:3px;

}



a.goButton {

    color: #000 !important;
    background: #f7bf12 !important;
    float: right !important;
    border: 1px !important;
    font-size: 1em !important;
    font-weight: bold !important;
    margin-left: 5px !important;
    width: 32px !important;
    height: 28px;
    margin: 0px 0px 0px 0px !important;
    text-align: center !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    a.goButton{height: 25px !important;} 
.connect-box a.goSec, .connect-box a.goElem {height: 21px !important;}
.sidebar-schools a.goElem, .sidebar-schools a.goSec {  height: 23px !important; }

}


.sidebar-schools a.goElem, .sidebar-schools a.goSec {

    color: #FFFFFF !important;
    background: #bf4790 !important;
    float: right !important;
    border: 1px !important;
    font-size: 1em !important;
    font-weight: bold !important;
    margin-left: 5px !important;
    width: 32px !important;
    height: 25px;
   padding:3px;
    text-align: center !important;
margin: 0px 0px 0px 1px !important;
}


.sidebar-connect a.goElem,  .sidebar-connect a.goSec{
    color: #FFF !important;
    background: #000000 !important;
    float: right !important;
    border: 1px !important;
    font-size: 1em !important;
    font-weight: bold !important;
    margin-left: 5px !important;
    width: 32px !important;
    height: 25px !important;
padding:3px;
margin: 0px 0px 0px 1px !important;
    text-align: center !important;
}

.ms-srch-result-personalResult{display:none;}