/* CSS Document */

/* HTML Tags */

body {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#9999CC;
	color:#333;

	}
	
h1,h2,h3,h4,h5,h6,p {
	padding:0;
	margin:0;
}

a {
	text-decoration:underline;
	}

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

/* Containers */


/* Main Container that holds all of the sub container */

#MainContainer {
	width:56em;
	position:relative;
	padding-top:5em;
	margin:0 auto;
}

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


/* Upper Image Container, includes logo which is absolutely positioned */

#UpperImageContainer {
	height:96px;

	background:url(images/background_upperimage.gif) repeat-x left 1px;
	
	}
	
#UpperImageContainer.youth {
	background:url(images/background_upperimageY.gif) repeat-x left 1px;
	}
	
#UpperImageContainer.family {
	background:url(images/background_upperimageF.gif) repeat-x left 1px;
	}
	
#UpperImageContainer.kids {
	background:url(images/background_upperimageK.gif) repeat-x left 1px;
	}

#UpperImageContainer div.main {
	background-color:#887abc;
	margin:0px;
	height:96px;
	width:100%;
	position:relative;
	background-image:url(images/background_upperimage2.png);
	background-repeat:no-repeat;
	background-position:left top;
	
}



#UpperImageContainer p.mainimages {
	text-align:left;
	padding-left: 238px;
	height: 96px;
	}
	
	


#upperLogo {
	position:absolute;
	top:-4.4em;
	left:19px;
	z-index:20;
}

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



/* Main Content Area, Main Content Container with four sub containers: 
   Right Side Content Container made up of Center Column and Right Column
   Left Side Column
   Utility Navigation */

#MainContentContainer {
	margin-top:1.3em;
	position:relative;
	width: 100%;
}

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

#RightSideContent {
	width:41em;
	float:right;
}

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

#CentreColumn, #CentreColumn2 {
	width:29em;
	float:left;
	/*font-size:.8em;*/
	padding-top:0.8em;
	padding-left: 0.4em;
}

#CentreColumn3,  {
	width:35em;
	float:left;
	/*font-size:.8em;*/
	padding-top:.8em;
}

#CentreColumn h1, #CentreColumn3 h1, #RightSideColumn2 h1 {
	font-size:1.1em;
	color:#333333;
	padding-bottom:0.5em;
}

#CentreColumn h2, #CentreColumn3 h2, #RightSideColumn2 h2, #CentreColumnLower h2 {
	font-size:0.9em;
	color:#333333;
	padding-bottom:0.2em;
}

#CentreColumn h3, #CentreColumn h4, #CentreColumn h5, #CentreColumn h6, #CentreColumn3 h3, #CentreColumn3 h4, #CentreColumn3 h5, #CentreColumn3 h6, #CentreColumnLower h3 {
	font-size:.8em;
	color:#0171c9;
	font-weight:bold;
	line-height:1.6em;
}

#CentreColumn h3, #CentreColumn3 h3, #CentreColumnLower h3 {
	border-top:1px solid #ccc;

	margin-top:.5em;
	padding-bottom:.2em;
}

#CentreColumn p, #CentreColumn3 p, #RightSideColumn2 p, #CentreColumnLower p {
	font-size:.8em;
	padding-bottom:.9em;

	line-height:1.6em;
}

#CentreColumn a:link, #CentreColumn3 a:link, #RightSideColumn2 a:link, #CentreColumnLower a:link {
	color:#0171c9;
}

#CentreColumn a:visited, #CentreColumn3 a:visited, #RightSideColumn2 a:visited, #CentreColumnLower a:visited {
	color:#902c90;
	/*background-color:#ffffff;*/
}

#CentreColumn a:hover, #CentreColumn3 a:hover, #RightSideColumn2 a:hover, #CentreColumnLower a:hover {
	background-color:#e9f4fd;
}

#CentreColumn ul#breadcrumb {
	font-size:.7em;
	margin:0 0 .7em 0;
	padding:0;
	list-style: none;
	}
	
#CentreColumn ul#breadcrumb a {
	padding:0 2px 0 11px;
	background-image:url(images/arrow_breadcrumb.gif);
	background-position: left center;
	background-repeat:no-repeat;
	color:#555;
	}
	
#CentreColumn ul#breadcrumb a.nobkgd {
	padding-left:0;
	background:none;
	}
	
#CentreColumn ul#breadcrumb a:hover {
	color:#0171c9;
	background-color:#fff;
	}

#CentreColumn ul#breadcrumb li {
	display:inline;
	}
	
#CentreColumn ul, #CentreColumn  ol, #CentreColumn3 ul, #CentreColumn3  ol, #CentreColumnLower ul {
	font-size: .8em;
	line-height:1.6em;
}

#CentreColumn ul, #CentreColumn3 ul, #CentreColumnLower ul {
	list-style: none;
	padding:.2em 0 .9em 0;
	margin:0 0 0 .2em;
	}
	
#CentreColumn ol, #CentreColumn3 ol {
	margin:0 0 0 .2em;
	}

#CentreColumn ul li, #CentreColumn3 ul li, #CentreColumnLower ul li {
	padding:0 0 .4em 1em;
	background-image:url(images/bullet_mainContent.gif);
	background-position:.1em .65em;
	background-repeat:no-repeat;
	}
	
#CentreColumn ul ul, #CentreColumn3 ul ul {
	list-style: none;
	padding:.5em 0 0 0;
	margin:0 0 0 .8em;
	}
	
#CentreColumn ul ul ul, #CentreColumn3 ul ul ul {
	list-style: none;
	padding:.6em 0 0 0;
	margin:0 0 0 1em;
	}
	
	
#CentreColumn ul ul li, #CentreColumn3 ul ul li {
	padding:0 0 .5em 1.5em;
	background-image:url(images/bullet_mainContent2.gif);
	background-position:.5em .5em;
	background-repeat:no-repeat;
	font-size:1.2em;
	}
	
#CentreColumn ul ul ul li, #CentreColumn3 ul ul ul li {
	padding:0 0 .6em 1.5em;
	background-image:url(images/bullet_mainContent3.gif);
	background-position:.5em .5em;
	background-repeat:no-repeat;
	font-size:1.3em;
	}
	
#CentreColumn ul li ol, #CentreColumn ol li ol, #CentreColumn3 ul li ol, #CentreColumn3 ol li ol {
	padding:0;
	margin:.4em 0 0 3em;
	}
	
#CentreColumn ul li ol li, #CentreColumn ol li ol li, #CentreColumn3 ul li ol li, #CentreColumn3 ol li ol li {
	padding:0 0 .8em 0em;
	font-size:1.2em;
}
	
#CentreColumn input, #CentreColumn textarea, #CentreColumn3 input, #CentreColumn3 textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:0 .2em;
	margin-top:.1em;
	}
	
#CentreColumn select, #CentreColumn option, #CentreColumn3 select, #CentreColumn3 option {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
	
#CentreColumn select, #CentreColumn3 select {
	 margin-top:.1em;
	 }
	 
#CentreColumn label.typical_form, #CentreColumn span.typical_form, #CentreColumn3 label.typical_form, #CentreColumn3 span.typical_form {
	width:13em;
	clear:both;
	display:block;
	float:left;
	}
	
#CentreColumn sup, #CentreColumn3 sup {
	font-size:.8em;
	}

#CentreColumn sup a, #CentreColumn3 sup a {
	text-decoration:none;
	}
	
#CentreColumn ul.newsevents, #CentreColumn3 ul.newsevents {
	width:18em; 
	float:left; 
	padding-top:.5em;
	line-height:1.3em;
}

#CentreColumn ul.newsevents li, #CentreColumn3 ul.newsevents li {
	background:none; 
	padding:0 0 .5em 0; margin:0;
}


#CentreColumn a.pdf_icon, #CentreColumn3 a.pdf_icon {
	padding-left:18px;
	background-image:url(images/pdficon_small.gif);
	background-repeat:no-repeat;
	background-position:.15em .15em;
}

#CentreColumn dl.footnotes, #CentreColumn3 dl.footnotes {
	margin-top: .2em;
	border-top:1px solid #ccc;
	padding-top:.4em;
	padding-bottom:.9em;
}

#CentreColumn dl.footnotes dt, #CentreColumn3 dl.footnotes dt {
	float:left;
	clear:both;
	font-size:.7em;
	}
	
#CentreColumn dl.footnotes dd, #CentreColumn3 dl.footnotes dd {
	font-size:.7em;
	padding-bottom:.4em;
	}
	
#CentreColumn dl.footnotes a, #CentreColumn3 dl.footnotes a {
	text-decoration:none;
	}
	
#CentreColumn table, #CentreColumn2 table {
	
	}
	
#CentreColumn table th, #CentreColumn table td, #CentreColumn3 table th, #CentreColumn3 table td {
	font-size:.7em;
	padding:.2em .4em .5em .3em;
	text-align:left;
	line-height:1.2em;
	}
	
#CentreColumn table th, #CentreColumn2 table th {
	color:#fff;
	background-color:#0271CA;
}

#CentreColumn table caption, #CentreColumn2 table caption {
	font-size:.8em;
	color:#0171c9;
	font-weight:bold;
	line-height:1.6em;
	border-top:1px solid #ccc;
	padding-top:.2em;
	margin-top:.5em;
	text-align:left;
	padding-bottom:.5em;
}

#CentreColumn table tr p, #CentreColumn2 table tr p {
	font-size:1em;
	padding:0;
	margin:0;
	line-height:1.2em;
}

#CentreColumn dl.conference, #CentreColumn2 dl.conference  {
	padding:0;
	margin:0;
	clear:both;
	line-height:1.2em;
}

#CentreColumn dl.conference dt, #CentreColumn2 dl.conference dt {
	width:13em;
	float:left;
	font-size:.8em;
	clear:both;
}

#CentreColumn dl.conference dd, #CentreColumn2 dl.conference dd {
	width:10em;
	float:left;
	font-size:.8em;
}

#CentreColumn .imageGreen a:hover {
	background:none;
	}


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

#RightSideColumn, #RightSideColumn2 {
	width:11em;
	float:right;
	padding-top:1.1em;
}

#RightSideColumn div.menuBox, #RightSideColumn2 div.menuBox  {
	margin-bottom:.7em;
}

#RightSideColumn p, #RightSideColumn2 p {
	font-size:.7em;
	text-align:left;
	line-height:1.2em;
}

#RightSideColumn div.menuBox p, #RightSideColumn2 div.menuBox p {
	padding:3px .8em;
	margin-bottom:0;
}

#RightSideColumn div.menuBox p.title, #RightSideColumn2 div.menuBox p.title {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#12ad2a;
}

#RightSideColumn div.menuBox ul, #RightSideColumn2 div.menuBox ul {
	padding:.4em .8em;
	margin:1px 0 0 0;
	background:url(images/background_rightcolumn.jpg) repeat-x left top #f2f7fb;
	border-top:1px solid #438bc5;
	text-align:left;
}

#RightSideColumn div.menuBox li, #RightSideColumn2 div.menuBox li {
	font-size:.7em;
	padding-bottom: .6em;
	list-style:none;
	line-height:1.2em;
}

#RightSideColumn p a, div.menuBox li a, #RightSideColumn2 p a {
	color:#0171c9;
	}
	
#RightSideColumn p a:hover, div.menuBox li a:hover, #RightSideColumn2 p a:hover {
	color:#12ad2a;
	}
	
#RightSideColumn p, #RightSideColumn2 p {
	margin-bottom:.7em;
	}

#RightSideColumn ul#corners {
	padding:0;
	margin:0;
	list-style:none;
	}
	
#RightSideColumn ul#corners a {
	display:block;
	margin-bottom:.7em;
	}
	
#RightSideColumn ul#corners li {
	display:inline;
	}
	
#RightSideColumn2 .image142Rblue p {
	font-size:.8em; 
	line-height:1.6em;
	margin-bottom:0 !important;
}
	
#RightSideColumn2 .image142Rblue a:hover {
	color:#0171c9 !important;
}

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

#LeftSideColumn {
	width:12em;
	}
	
#LeftSideColumn:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#LeftSideColumn ul  {
	margin:0;
	padding:0;
	list-style: none;
}

#LeftSideColumn ul a {
	color: #FFFFFF;
	font-size:.75em;
	font-weight:bold;
	text-decoration:none;
	/* background-image:url(images/bg.gif); */
	background-color:#887ABC;
	padding:.25em 10px .3em 22px;
	display:block;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#LeftSideColumn ul a:hover {
	background-color:#8b8bbc;
	border-top-color:#006acf;
	border-bottom-color:#00427a;
	color: #FFFFFF;
}


body#aboutbloorview a#aboutbloorviewLink,
body#bloorviewschoolauthority a#bloorviewschoolauthorityLink,
body#programsservices a#programsservicesLink,
body#resourcecentre a#resourcecentreLink,
body#professionaleducation a#professionaleducationLink,
body#research a#researchLink,
body#foundation a#foundationLink,
body#careers a#careersLink,
body#volunteering a#volunteeringLink,
body#newsroom a#newsroomLink {
	background-image:url(images/arrow_mainMenu.gif);
	background-position:10px center;
	background-repeat:no-repeat;
}


#LeftSideColumn ul ul a {
	color: #FFFFFF;
	font-size:.7em;
	font-weight:normal;
	text-decoration:none;
	background-color:#a293db;
	padding:0px 15px 0px 22px;
	display:block;
	border-top:0;
	border-bottom:0;
}

#LeftSideColumn ul ul a span {
	display:block;
	border-top:1px solid #000000;
	padding:4px 0;
	}

#LeftSideColumn ul ul a.selected {
	background-image:url(images/arrow_mainMenu2.gif);
	background-position: 10px .55em;
	background-repeat:no-repeat;
	
	
}

#LeftSideColumn ul ul a.selected span.selected {
	border-bottom:1px solid #000000;
}

#LeftSideColumn ul ul a.selected:hover {
	background-image:url(images/arrow_mainMenu2-over.gif);
	}
	
#LeftSideColumn ul ul a:hover {
	background-color:#D1E5F4;
	color: #333333;
}


#LeftSideColumn ul ul ul {
	background-color:#fbfdf2;
}


#LeftSideColumn ul ul ul a, #LeftSideColumn ul ul ul span {
	color: #0171c9;
	font-size:.7em;
	font-weight:normal;
	text-decoration:none;
	background-image:url(images/bullet_mainMenu3.gif);
	background-repeat:no-repeat;
	background-position:24px .7em;
	background-color:#fbfdf2;
	padding:.25em 15px .3em 31px;
	display:block;
	border-top:0;
	border-bottom:0;
}

#LeftSideColumn ul ul ul span {
	background-image:none;
}

#LeftSideColumn ul ul ul ul {
	padding-left:10px;
}

#LeftSideColumn ul ul ul a:hover {
	color: #0171c9;
	background-color:#e4f0ed;
	background-image:url(images/bullet_mainMenu3.gif);
}

#LeftSideColumn a {
	color:#333;
}

#LeftSideColumn a:hover {
	color:#0171c9;
}

div#textSize p {
	font-size:.7em;
	margin-left:22px;
	position:relative;
	top:3.6em;
	visibility: visible;
	
}

div#textSize ul {
	padding:0;
	margin:0 0 2em 22px;
	list-style:none;
	font-size:.8em;
	line-height:1.9em;
	
	}

div#textSize li {
	display:inline;

}



div#textSize a {
	display:inline;
	padding:2px 3px;
	border:1px solid #000000;
	margin:0 0 0 0;
	background-color:#887ABC;
	color:#000000;
	font-weight:normal;
}


div#textSize a.textS {
	font-size:110%;
}

div#textSize a.textM {
	font-size:118%;
}

div#textSize a.textL {
	font-size:125%;
}

div#textSize a:hover {
	border:1px solid #000000;
	background-color:#e4daf1;
	color:#000000;
} 

div#textSize a:active {
	border:1px solid #000000;
	background-color:#e4daf1;
	color:#000000;
} 

div#LeftSideColumn p.normal {
	font-size:.7em;
	margin:.8em 0 .8em 22px;
}

#UtilityNavigation {
	position:absolute;
	top:-1.3em;
	left:1px;
	width:100%;
	height:1.3em;
	background-color:#e4daf1;
	clear:both;
	}

#UtilityNavigation ul {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

#UtilityNavigation a {
	font-size:.7em;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	display:block;
	padding:.3em .8em 0 .9em;
	background:url(images/vertLine_utilityMenu.gif) left center  no-repeat;
}

#UtilityNavigation a:hover {
	color:#FFFFFF;
	}
	
#UtilityNavigation a.home {
	padding-left:22px;
	padding-right:0;
	width:18.6em;
	background-image:url(images/arrow_utilityMenu.gif);
	background-position:-1000px center;
	background-repeat:no-repeat;
}

#UtilityNavigation a.home:hover {
	background-position:10px center;
}

#UtilityNavigation a.secondItem {
	margin-left:-.9em; 
	background-image:none;
}

#UtilityNavigation ul li {
	float:left;
}

#Header {
	position:absolute;
	top:0;
	left:0;
	height:5em;
	width:100%;
	text-align:left;
	font-size:0.7em;
	padding:1.4em 0 .4em 0;
	padding-left:20em;
	;
}

#Header ul  {
	margin:0;
	padding:0;
	list-style: none;
	margin-right:-0.7em;
	}

#Header ul a {
	padding:0 .7em 0 .8em;
	color:#0171c9;
	background:url(images/vertLine_secondaryMenu.gif) left center  no-repeat;
}

#Header ul a.nobkgd {
	background-image:none;
}

#Header ul a:hover {
	color:#0171c9;
}

#Header ul li {
	/*float: right;*/
	/*display:inherit;*/
}

* html #Header input.textField {
	margin-bottom:0em;
}

#Footer {
	padding:1px 0 0 0;
	border-top:1px solid #666666;
	margin:2em 0 0 0;
}

#Footer div.main {
	background-color:#8b8bbc;
	height:7em;
	/* background-image:url(images/background_footer.jpg); */
	background-repeat:no-repeat;
	background-position:-180px 0px;
}

#Footer div.lastUpdated {
	width:18em;
	float:left;
	position:relative;
	top:-2.2em;
	font-size:.7em;
	line-height:1.6em;
	padding-left:22px;
}

#Footer div.content {
	width:41em;
	float:right;
	color:#FFFFFF;
	padding-top:1em;
	}
	
#Footer div.content p {
	font-size:.7em;
	line-height:1.6em;
	}
	
#Footer div.content a {
	font-weight:bold;
	color:#FFFFFF;
	}
	
#Footer div.content a:hover {
	color:#d1e5f4;
	}
	
#Footer div.content ul {
	font-size:.7em;
	line-height:1.6em;
	margin:0;
	padding:0;
	list-style: none;
	}
	
#Footer div.content ul li a {
	padding:0 8px 0 10px;
	background-image:url(images/vertLine_footer.gif);
	background-position: left center;
	background-repeat:no-repeat;
	}

#Footer div.content li {
	display:inline;
	}
	
#Footer p.addressOne {
	float:left;
	margin-right:.5em;
}

#Footer div.content ul {
	clear:both;
}

.copyright {
	font-size:.65em;
	margin-top:.5em;
	}
	
.abbr {
  border-bottom-width: 1px;
  border-bottom-style:dotted;
}

/* IE Hacks */

#LeftSideColumn ul li {
	display:inline;
}

* html #LeftSideColumn ul a {
	height: 1px;
	}

/* See the Missing Manual for additional hacks */

#Header ul li  {
	display:inline;
}

#UtilityNavigation ul li  {
	display:inline;
}

/* General Styles */
.do_not_display {
	display:none;
	}
	
.clear:after {
	content: ".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
	}
	
.clear {
	min-height: 1px;
	}
	
* html .clear {
	height: 1px;
	}