/* BCTF Styles */
/*MLi Sep 13, 2007: added the list-style-image: none; to the class .abc on line 181. This enable IE7 to display ordered lists correctly withing an unordered list*/ 

/* for proper display in Opera, although there's still padding on top */
body {padding: 0; }


td.topheader
{
    background-image: url(/gif/bg_topbar-repeatable.gif);
    background-repeat:  repeat-x;
   
}
div.head {position: absolute;}

/* Styles for the left side navigation and dropdowns */
td.teachers { height: 24px; line-height: 24px; background-color: #ff9a02; font: bold 11px Verdana; color: #FFF; text-align: left; vertical-align:middle; border-bottom: 1px solid #FFF;}
td.teachers em { text-transform: lowercase; font: italic 11px Times New Roman; }
td.teachers a:link { color: #FFF; text-decoration: none;  padding: 0px 0px 0px 10px;}
td.teachers a:visited { color: #FFF; text-decoration: none;  padding: 0px 0px 0px 10px;}
td.teachers a:hover { color: #FFF; text-decoration: underline;  padding: 0px 0px 0px 10px;}
td.teachers table td {background-color: #ffe5be; padding: 3px 5px 12px 0px;}
td.teachers table td ul { margin: 0px; padding: 0px; list-style: outside url("/gif/bullet_teachers.gif"); }
td.teachers table td ul li {margin: 0px 0px 0px 22px; padding: 2px 0px 4px 0px; line-height: 12px; }
td.teachers table td a:link { font: bold 10px Verdana; color: #ff9a02; text-decoration: none; padding: 0px;}
td.teachers table td a:visited { font: bold 10px Verdana; color: #ff9a02; text-decoration: none; padding: 0px;}
td.teachers table td a:hover { font: bold 10px Verdana; color: #000; text-decoration: underline; padding: 0px;}
td.teachers table td a:active { font: bold 10px Verdana; color: #ff9a02; text-decoration: none; padding: 0px;}
tr.hide_teachers {display: none;}

td.parents { height: 24px; line-height: 24px; background-color: #ff6600; font: bold 11px Verdana; color: #FFF; text-align: left; vertical-align:middle; border-bottom: 1px solid #FFF;}
td.parents em { text-transform: lowercase; font: italic 11px Times New Roman; }
td.parents a:link { color: #FFF; text-decoration: none;  padding: 0px 0px 0px 10px;}
td.parents a:visited { color: #FFF; text-decoration: none;  padding: 0px 0px 0px 10px;}
td.parents a:hover { color: #FFF; text-decoration: underline;  padding: 0px 0px 0px 10px;}
td.parents table td {background-color: #ffd7bd; padding: 3px 5px 12px 0px;}
td.parents table td ul { margin: 0px; padding: 0px; list-style: outside url("/gif/bullet_parents.gif"); width: 139px;}
td.parents table td ul li {margin: 0px 0px 0px 22px; padding: 2px 0px 4px 0px; line-height: 12px; }
td.parents table td a:link { font: bold 10px Verdana; color: #ff6600; text-decoration: none; padding: 0px;}
td.parents table td a:visited { font: bold 10px Verdana; color: #ff6600; text-decoration: none; padding: 0px;}
td.parents table td a:hover { font: bold 10px Verdana; color: #000; text-decoration: underline; padding: 0px;}
td.parents table td a:active { font: bold 10px Verdana; color: #ff6600; text-decoration: none; padding: 0px;}
tr.hide_parents {display: none;}

td.media { height: 24px; line-height: 24px; background-color: #3968c4; font: bold 11px Verdana; color: #FFF; text-align: left; vertical-align:middle; border-bottom: 1px solid #FFF;}
td.media em { text-transform: lowercase; font: italic 11px Times New Roman; }
td.media a:link { color: #FFF; text-decoration: none;  padding: 0px 0px 0px 10px;}
td.media a:visited { color: #FFF; text-decoration: none;  padding: 0px 0px 0px 10px;}
td.media a:hover { color: #FFF; text-decoration: underline;  padding: 0px 0px 0px 10px;}
td.media table td {background-color: #ccd8f0; padding: 3px 5px 12px 0px;}
td.media table td ul { margin: 0px; padding: 0px; list-style: outside url("/gif/bullet_media.gif"); }
td.media table td ul li {margin: 0px 0px 0px 22px; padding: 2px 0px 4px 0px; line-height: 12px; }
td.media table td a:link { font: bold 10px Verdana; color: #3968c4; text-decoration: none; padding: 0px;}
td.media table td a:visited { font: bold 10px Verdana; color: #3968c4; text-decoration: none; padding: 0px;}
td.media table td a:hover { font: bold 10px Verdana; color: #000; text-decoration: underline; padding: 0px;}
td.media table td a:active { font: bold 10px Verdana; color: #3968c4; text-decoration: none; padding: 0px;}
tr.hide_media {display: none;}

td.local { height: 24px; line-height: 24px; background-color: #993399; font: bold 11px Verdana; color: #FFF; text-align: left; vertical-align:middle; border-bottom: 1px solid #FFF;}
td.local em { text-transform: lowercase; font: italic 11px Times New Roman; }
td.local a:link { color: #FFF; text-decoration: none;  padding: 0px 0px 0px 10px;}
td.local a:visited { color: #FFF; text-decoration: none;  padding: 0px 0px 0px 10px;}
td.local a:hover { color: #FFF; text-decoration: underline;  padding: 0px 0px 0px 10px;}
td.local table td {background-color: #e5cae5; padding: 3px 5px 12px 0px;}
td.local table td ul { margin: 0px; padding: 0px; list-style: outside url("/gif/bullet_local.gif"); }
td.local table td ul li {margin: 0px 0px 0px 22px; padding: 2px 0px 4px 0px; line-height: 12px; }
td.local table td a:link { font: bold 10px Verdana; color: #993399; text-decoration: none; padding: 0px;}
td.local table td a:visited { font: bold 10px Verdana; color: #993399; text-decoration: none; padding: 0px;}
td.local table td a:hover { font: bold 10px Verdana; color: #000; text-decoration: underline; padding: 0px;}
td.local table td a:active { font: bold 10px Verdana; color: #993399; text-decoration: none; padding: 0px;}
tr.hide_local {display: none;}

td.title {background-color: #026C85; border-left: 3px solid #fff; border-right: 3px solid #fff; text-transform: uppercase; font: bold 10px Verdana; color: #fff; padding: 3px; text-align: left; }
td.smalltext {font: 10px Verdana; color: #000; padding: 0px 8px 10px 8px; text-align: left; vertical-align: top; line-height: 12px; }

/* Topbar and top nav styles  */
td.topnav { font: bold 10px Verdana; color: #ccc; text-transform: capitalize; text-align: left; padding-left: 9px; line-height: 24px;}
td.topnav a:link { color: #FFF; text-decoration: none;}
td.topnav a:visited { color: #FFF; text-decoration: none;}
td.topnav a:hover { color: #FFF; text-decoration: underline;}

td.subnav { font: 9px Verdana; color: #cc6600; text-transform: capitalize; text-align: right; vertical-align: top; padding: 4px;}
td.subnav a:link { color: #660000; text-decoration: none;}
td.subnav a:visited { color: #000; text-decoration: none;}
td.subnav a:hover { color: #FFF; text-decoration: underline;}

td.subnav-whitefont { font: 9px Verdana; color: #FFE704; text-transform: capitalize; text-align: right; vertical-align: top; padding: 4px;}
td.subnav-whitefont a:link { color: #FFE704; text-decoration: none;}
td.subnav-whitefont a:visited { color: #fff; text-decoration: none;}
td.subnav-whitefont a:hover { color: #FFE704; text-decoration: underline;}

/* Footer styles  */
td.footer { font: 10px Verdana; text-align: left; padding-left: 9px; line-height: 24px;}
td.lfooter { font: 10px Verdana; text-align: left; padding-left: 9px; line-height: 14px;}
td.rfooter { font: 10px Verdana bold; font-weight: bold; text-align: right; padding-right: 9px; line-height: 14px;}
td.footer a:link { color: #026C85; text-decoration: none;}
td.footer a:visited { color: #026C85; text-decoration: none;}
td.footer a:hover { color: #999; text-decoration: underline;}
#333 {color: #333;}
td.lfooter a:link { color: #026C85; text-decoration: none;}
td.lfooter a:visited { color: #026C85; text-decoration: none;}
td.lfooter a:hover { color: #999; text-decoration: underline;}
td.rfooter a:link { color: #026C85; text-decoration: none;}
td.rfooter a:visited { color: #026C85; text-decoration: none;}
td.rfooter a:hover { color: #999; text-decoration: underline;}
td.tagfooter { font: 10px Verdana; text-align: left; padding-left: 11px; }

#333 {color: #333;}
#leftline {border-left: 1px solid #dceefa;}
#rightline {border-right: 1px solid #dceefa;}

/* Searchbox Control styles 
td.searchhead {background-color: #b7b7b7; padding-left: 5px; font: bold 10px Verdana; color: #000; line-height: 21px; text-align: left;}
td.search {background-color: #b7b7b7; padding-left: 5px; font: 10px Verdana; color: #000; line-height: 19px; text-align: left;}
td.search IMG {margin-right: 5px;}
td.search a:link { font-weight: normal; color: #FFF; text-decoration: none;}
td.search a:visited { font-weight: normal; color: #FFF; text-decoration: none;}
td.search a:hover { font-weight: normal; color: #FFF; text-decoration: underline;}
td.search select {width: 140px; font: 11px Arial; color: #333333; margin-top: 7px;}
td.search .TextBox {width: 110px; font: 12px Arial; color: #333333;}
td.search Text {width: 110px; font: 12px Arial; color: #333333;}
td.search .button {border: 1px solid #528494; background-color: #9cbdce; font: bold 9px Verdana; color: #000; width: 28px; margin-right: 2px; margin-left: 2px; cursor: hand;}
*/

/* 2007-04-12 je: new Search box styles defined included google image */
td.searchhead {background-color: #D0E3E6; padding-left: 5px; font: bold 10px Verdana; color: #000; line-height: 21px; text-align: left;}
td.search {background-color: #D0E3E6; padding-left: 0px; font: 11px Verdana ; font-weight: bold;  color: #000; text-align: left; }
td.search a:link { color: #528494; text-decoration: none;}
td.search a:visited { color: #528494; text-decoration: none;}
td.search a:hover { color: #999; text-decoration: underline;}
td.search .textbox {width: 112px; border: solid 1 #528494; margin-left: 5px; font: 12px Arial; }
td.search .googleimage {margin-left: 10px; margin-top:1px; padding-top: 2px; padding-left:3px; padding-bottom:2px;  font: 9px Verdana; }
td.search .button {border: 1px solid #528494; background-color: #9cbdce; font: bold 9px Verdana; color: #000; padding-left:2px; width: 28px; margin-right: 2px; margin-left: 1px; margin-bottom:1px; cursor: hand;}
td.search select {margin-left: 5px; width: 140px; font: 11px Arial; color: #000000; margin-top: 5px;margin-bottom: 15px;}
div.SearchBox {margin: 0px 0px 10px 8px;}
form.qlink {margin-bottom:0px;}


/* Sidebar object styles  */
td.PresMessage {font: 11px Verdana; padding: 5px; color: #000;}
td.PresMessage strong {color: #cc3300;}
td.PresMessage ul { margin: 0px; padding: 0px; list-style: outside url("/gif/bullet_universal.gif"); }
td.PresMessage li  {margin: 0px 0px 0px 22px; padding: 2px 0px 4px 0px; line-height: 12px; }
td.PresMessage a:link { font-weight: normal; color: #cc3300; text-decoration: none;}
td.PresMessage a:visited { font-weight: normal; color: #000fff; text-decoration: none;}
td.PresMessage a:hover { font-weight: normal; color: #000fff; text-decoration: underline;}

IMG#left {margin-right: 7px; margin-bottom: 5px;}
IMG#right {margin-left: 7px; margin-bottom: 5px;}

/* Main Content Area styles  */
td.content  {font: 11px Verdana; color: #000; line-height: 13px;}
td.searchContent {margin: 16px 0px 10px 20px; font: 11px Verdana; color: #000; line-height: 13px;}
td.content  h1 {margin:  16px 0px 10px 0px; font: normal 19px Verdana; color: #cc3300; }
td.content  h2 {margin: 16px 0px 10px 0px; font: bold 12px Verdana; color: #cc3300; }
td.content  h3 {margin: 16px 0px 10px 0px; font: bold 11px Verdana; color: #cc3300;}
td.content  h4 {margin: 14px 0px 10px 0px; font: bold 11px Verdana; color: #cc3300;}
td.content  p {margin: 0px 0px 10px 0px; font: 11px Verdana; color: #000; line-height: 13px;}
/*td.content  div {margin: 0px 20px 0px 20px; font: 11px Verdana; color: #000; line-height: 13px;}*/
td.content  hr {margin: 0px 0px 0px 0px; }
td.content  hr.noindent {margin: 0px 0px 0px 0px; }
/* for use with news releases */
td.content  p.broadcast {line-height: 20px; text-transform: uppercase; text-indent: 30px;}
p.broadcast {line-height: 20px; text-transform: uppercase; text-indent: 30px;}

td.content  p.footer { font: 10px Verdana; text-align: right; margin-top: -5px;}
td.content  strong {color: #cc3300; font-weight: bold;}
td.content  a:link {color: #0000ff; text-decoration: none;}
td.content  a:visited {color: #cc3300; text-decoration: none;}
td.content  a:hover {color: #0000ff; text-decoration: underline;}
td.content  a:active {color: #0000ff; text-decoration: none;}
td.content  ul { margin: 0px 20px 10px 40px; padding: 0px; font: 11px Verdana; color: #000; list-style: outside url("/gif/bullet_universal.gif");}
td.content  li ol { padding: 2px; }
td.content  .abc {list-style-image: none; list-style: lower-alpha;}
td.content  ol {margin: 0px 20px 10px 40px; padding: 2px; font: 11px Verdana; color: #000; }
td.content  ul ul {margin: 0px 0px 0px 15px; padding: 2px; font: 11px Verdana; color: #000; }
td.content  ol ul {margin: 0px 0px 0px 15px; padding: 2px; font: 11px Verdana; color: #000; }
td.content  li  {padding: 2px 0px 4px 0px; line-height: 14px; }
td.content  blockquote  {margin-left: 0px; }

td.leftcontent {margin:  10px  0px 10px 10px; font: 11px Verdana; color: #000; line-height: 13px;}
td.leftcontent ul { margin: 0px 5px 5px 20px; padding: 0px; font: 11px Verdana; color: #000; list-style: outside url("/gif/bullet_universal.gif");}
td.leftcontent li  {padding: 2px 0px 4px 0px; line-height: 14px; }
td.leftcontent h2 {margin: 10px 0px  10px 0px; font: bold 12px Verdana; color: #cc3300; }

/* Styles to control the look of the page breadcrumbs  */
td.content  p.breadcrumbs {font: normal 10px Verdana; color: #ff9900; line-height: 14px; margin-top: 8px;}
td.content  p.breadcrumbs a:link { color: #cc6600; text-decoration: none;}
td.content  p.breadcrumbs a:visited { color: #cc6600; text-decoration: none;}
td.content  p.breadcrumbs a:hover { color: #cc6600; text-decoration: underline;}
td.content  p.breadcrumbs a:active { color: #999; text-decoration: none;}

/* Styles to control the look of the news items  */
/*td.content  table {margin: 16px 0px 10px 20px; }*/
td.twocolumntitle {background-color: #026C85; text-transform: uppercase; font: bold 10px Verdana; color: #fff; padding: 3px; text-align: left; background-image: url(gif/bg_2column_title.gif); background-position: right; background-repeat: no-repeat;}

td.twocolumn {background-image:url(gif/bg_2column.gif); background-position: center; background-repeat: repeat-y; margin:0px; padding: 0px; text-align: left;}

td.twocolumn p {font: 11px Verdana; margin: 5px 10px 10px 10px;}

td.twocolumn ul { width: 99%; margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; }

td.twocolumn li { width: 190px; margin: 10px 0px 0px 7px; padding: 0px; font: 11px Verdana; color: #000; text-align: left; line-height: 12px; float: left; }

td.twocolumnold li { width: 180px; margin: 12px 13px 0px 17px; padding: 0px; font: 11px Verdana; color: #000; text-align: left; line-height: 12px; float: right; }
td.clear {clear: left; background-image:url(gif/bg_2column.gif); background-position: center; background-repeat: repeat-y;}

/* Styles to control the look of nested table information  */
td.titlegradient {background-image: url(gif/bg_h2.gif); background-position: top left; background-repeat: repeat-x; line-height: 24px; text-align: left; font: bold 11px Verdana; color: #cc3300;}
td.sub	{font: 11px Verdana; color: #000; text-align: left; vertical-align: text-top; padding: 3px 3px 3px 8px;}
td.sub strong {color: #000; font-weight: bold;}
td.sub a:link {color: #0000ff; text-decoration: none;}
td.sub a:visited {color: #cc3300; text-decoration: none;}
td.sub a:hover {color: #0000ff; text-decoration: underline;}
td.sub a:active {color: #0000ff; text-decoration: none;}
td.subspecial {font: 11px Verdana; color: #000; text-align: left; vertical-align: bottom; padding: 15px 5px 5px 8px;}
td.subspecial strong {color: #000; font-weight: bold;}
#10 {font: normal 10px Verdana;}

/* added by je 2006/07/28; content in list formats */
td.content  dl {margin: 0px 20px 10px 20px; padding: 0px; font: 11px Verdana; color: #000;}
td.content  dt  {padding: 2px 0px 4px 0px; line-height: 12px; font-weight: bold; color: #cc3300; }
td.content  dd  {margin-left: 10px; padding: 2px 0px 4px 0px; line-height: 12px; }
table.indent {margin: 15px 0px 0px 0px; font: 11px Verdana; }
table.indent p  {padding: 2px 0px 4px 0px; margin-left: 0px; line-height: 14px; }
table.indent ul {margin:  0px 5px 5px 10px; padding: 0px; font: 11px Verdana; color: #000; list-style: outside url("/gif/bullet_universal.gif");}
table.indent li  {padding: 2px 0px 4px 5px; line-height: 14px; }
table.indent h1  {margin: 5px 0px 0px 0px;}
table.indent h2  {margin: 0px 0px 5px 0px;}
table.indent h3  {margin: 0px 0px 5px 0px;}
table.indent hr  {margin: 0px 0px 0px 0px;}

p.advancedsearch {font: 11px Verdana; margin: 0px;}
p.searchresults {font: 11px Verdana; margin: 0px 20px 10px 20px;}
.title {text-transform: uppercase; margin-left: 10px; margin-bottom: 5px;  font: bold 11px Verdana; color: #000; line-height: 15px; }
.archivelist {margin: 0px  5px 0px 25px; font: 11px Verdana; color: #000; line-height: 15px; text-align: left;}
.titleX {text-transform: uppercase; font: bold 10px Verdana; margin:20px 0px 5px 4px; text-align: left; }
.formlabel {display:none}
.title2 {ttext-transform: uppercase; margin-top: 0px; margin-bottom: 10px;  font: bold 11px Verdana; line-height:16px;}
.title {text-transform: uppercase; margin-left: 10px; margin-bottom: 5px;  font: bold 11px Verdana; color: #000; line-height: 15px; }

/* for provincial agreement to show stripped language */
font.strike {  text-decoration: line-through;}
li.strike {  text-decoration: line-through;}
ol.strike {  text-decoration: line-through;}
td.strike {  text-decoration: line-through;}

td.leftcontent H1 {text-transform: uppercase; margin-top: 10px; margin-left: 10px; margin-bottom: 5px;  font: bold 11px Verdana; color: #000; line-height: 15px; }
td.leftcontent H2 {margin-top: 10px; margin-left: 10px; margin-bottom: 5px;  font: bold 12px Verdana; color: #cc3300; }

/* This is the block that surrounds the print icon */
.printIcon { margin: 8px; }

.publicationBody { font: 11px Verdana; }

font.footer { font: 10px Verdana ; font-style: italic; }
.tracker {margin: 0px 20px 10px 20px; font: 11px Verdana; color: #000; line-height: 13px;}


/* Nov. 23, 2006 added by MLi for Google search */
div.indent iframe {width:700px;}
div.leftmarg {margin-left:5px;}

table.poll {margin-left: 3px; font: 11px verdana; padding:3px;}
td.polltitle {background-color: #026C85; padding: 3px; text-transform: uppercase;  font-weight: bold; font-size:10px; color: #fff; }
.podlink {margin: 0px  0px 0px 10px; font: 12px Verdana; font-weight:bold; }
.podlink a {text-decoration:none; color:#cc3300;}

/* Oct 12, 2007 Added for BCTF Advantage*/
.advantage {font: 11px Verdana; color: #000; line-height: 13px; }
.advantage a:link {color: #0000ff; text-decoration: none;}
.advantage a:visited {color: #cc3300; text-decoration: none;}
.advantage a:hover {color: #0000ff; text-decoration: underline;}
.advantage a:active {color: #0000ff; text-decoration: none;}

div.features h1 {font: 12px Verdana; font-weight:bold;}

/* 2007/06/15 je: for A to Z link display */
@media print {
td.content  td.url {display:block;}
}

@media screen {
td.content  td.url {display:none;}
}
div.lindent {margin-left:20px;}
div.leftindent {margin-left:20px;}

.highlightBox {
	margin: 1px;
	padding: 5px;
	width: 350px;
	border: thin solid #CC6604;
	margin-left: 40px;
	margin-bottom: 10px;
}
.AnnouncementBox {
	margin-top: 5px;
	padding: 8px;
	width: 550px;
	border: thin solid #CC6604;
	margin-left: 40px;
	margin-bottom: 2px;
	
}
div.AnnouncementBox h1 {font-size: 16px; margin-top:0px;} 

.AnnouncementBox2 {
	margin-top: 5px;
	padding: 8px;
	width: 400px;
	border: thin solid #CC6604;
	margin-left: 20px;
	margin-bottom: 2px;

}
.HomeAnnouncementBox {
	margin-top: 12px;
	padding: 8px;
	width: 400px;
	border: thin solid #CC6604;
	margin-left: 20px;
	margin-bottom: 7px;

}


div.AnnouncementBox2 h1 {font-size: 16px; margin-top:0px;} 

div.PSAhighlightBox {
	padding: 8px;
	width: 200px;
	border: 2px dashed #CC6600;
	background-color: #FFE5BE;
	margin: 10px 10px 0px 140px;

}

td.content .PSAhighlightBox a {
        font: bold 15px Verdana; color: #cc3300;
}

td.content .borderbottom {border-bottom: 2px dashed #CC6600;}