/***************************************************
Learning Centre 008

***************************************************/
body {
background-color: #006699;
}

div.bannerborder {
width: auto;
padding: 0px 1px 2px 1px;
margin: 10px 8px 0 8px;
border: 1px solid #006699;
}

div.center h1 {
background: #006699;
padding: 10px 5px 10px 35px;
margin: 2px 2px 0px 2px;
text-align: left;
color: #fff;
display: block;
font-size: 1.30em;
border: 0;
/*height: 20px;*/
}

div.header-img {
width: auto;
padding-top: 5px;
margin-left: 8px;
display:block;
}

div.inner-content div.bannerborder h1 img{
margin: 1px 20px 0 0;
padding: 0;
float: right;
}


div.center h2 {
padding: 5px 5px 5px 10px;
margin: 5px 5px 0 5px;
text-align: left;

}


/************* LEFT MENU **************/


ul.nav {
width: 100%;
background-color: #ffffff;


}


/*MULTIPLE LEFT MENU COLORS*/

ul.nav li {
background-color: #ffffff;
border: none;
margin:  0 0 8px 0;
padding: 0;
display: block;

}

ul.nav li.introduction {
border-left: 12px solid #006699;
}

ul.nav li.teachers {
border-left: 12px solid #006600;
}

ul.nav li.students {
border-left: 12px solid #cc3300;
}

ul.nav li.toolkit {
border-left: 12px solid #660000;
}

ul.nav li.educational {
border-left: 12px solid #996600;
}

ul.nav li.copyrightSource {
border-left: 12px solid #006699;
}

ul.nav li.comments {
border-left: 12px solid #006699;
}



ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #ffffff;
border: none;
margin: 0;
padding: 1px 1px 1px 4px;
color: #000000;
display: block;
}


/*MULTIPLE HOVER COLORS*/

ul.nav li a.menulink:hover {
border: none;
margin: 0;
padding: 1px 1px 1px 4px;
}

ul.nav li.introduction a.menulink:hover  {
color: #fff;
background-color: #006699;

}

ul.nav li.teachers a.menulink:hover  {
color: #fff;
background-color: #006600;

}

ul.nav li.students a.menulink:hover  {
color: #fff;
background-color: #cc3300;

}

ul.nav li.toolkit a.menulink:hover  {
color: #fff;
background-color: #660000;

}

ul.nav li.educational a.menulink:hover  {
color: #fff;
background-color: #996600;

}

ul.nav li.copyrightSource a.menulink:hover  {
color: #fff;
background-color: #006699;

}

ul.nav li.comments a.menulink:hover  {
color: #fff;
background-color: #006699;

}

/*MULTIPLE ON-STATE COLORS FOR 12PX BORDER LEFT*/

ul.nav li span.on-state {
display: block;
border: none;
margin: 0;
padding: 1px 1px 1px 4px;
}

ul.nav li.introduction2 span.on-state {
background-color: #006699;
color: #fff;
border-left: 12px solid #006699;
}

ul.nav li.teachers2 span.on-state {
background-color: #006600;
color: #fff;
border-left: 12px solid #006600;
margin-bottom: 0;
}

ul.nav li.students2 span.on-state {
background-color: #cc3300;
color: #fff;
border-left: 12px solid #cc3300;
}

ul.nav li.toolkit2 span.on-state {
background-color: #660000;
color: #fff;
border-left: 12px solid #660000;
}

ul.nav li.copyrightSource2 span.on-state {
background-color: #006699;
color: #fff;
border-left: 12px solid #006699;
}

ul.nav li.educational2 span.on-state {
background-color: #996600;
color: #fff;
border-left: 12px solid #996600;
}


ul.nav li.comments2 span.on-state {
background-color: #006699;
color: #fff;
border-left: 12px solid #006699;
}

/*FULL ON-STATE COLORS*/

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
display: block;
border: none;
margin: 0;
padding: 1px 1px 1px 4px;

}

ul.nav li.introduction2 a.linked_on-state:link, ul.nav li.introduction2 a.linked_on-state:visited {
background-color: #006699;
color: #fff;
border-left: 12px solid #006699;
}

ul.nav li.teachers2 a.linked_on-state:link, ul.nav li.teachers2 a.linked_on-state:visited {
background-color: #006600 !important;
color: #fff;
border-left: 12px solid #006600;

}

ul.nav li.students2 a.linked_on-state:link, ul.nav li.students2 a.linked_on-state:visited {
background-color: #cc3300;
color: #fff;
border-left: 12px solid #cc3300;
}

ul.nav li.toolkit2 a.linked_on-state:link, ul.nav li.toolkit2 a.linked_on-state:visited {
background-color: #660000;
color: #fff;
border-left: 12px solid #660000;
}


ul.nav li.educational2 a.linked_on-state:link, ul.nav li.copyrightSource2 a.linked_on-state:visited {
background-color: #996600;
color: #fff;
border-left: 12px solid #996600;
}

ul.nav li.copyrightSource2 a.linked_on-state:link, ul.nav li.copyrightSource2 a.linked_on-state:visited {
background-color: #006699;
color: #fff;
border-left: 12px solid #006699;
}

ul.nav li.comments2 a.linked_on-state:link, ul.nav li.comments2 a.linked_on-state:visited {
background-color: #663300;
color: #fff;
border-left: 12px solid #006699;
}

/*SUB MENU*/

ul.nav3 
{
padding-left: 0;
margin-left: 4px;
margin-top: 0;
background-color: #fff;
/*position: relative;
z-index: 0;*/

}


ul.nav3 li {
margin: 5px 0 0 4px;
padding: 0;
display: inline;
border-bottom: 1px dotted #ccc;

}



ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
display: block;
margin: 0;
padding: 1px 8px 1px 4px;
text-decoration: none;
border-left: 12px solid #fff;
width: 125px;
background-color: #fff;
color: #000000;

}

ul.nav3 li.teachers3 a.menulink, ul.nav3 li.teacher3 a.menulink:link, ul.nav3 li.teacher3 a.menulink:active, ul.nav3 li.teacher3 a.menulink:visited {
background-color: #fff;

}

ul.nav3 li.students3 a.menulink, ul.nav3 li.students3 a.menulink:link, ul.nav3 li.students3 a.menulink:active, ul.nav3 li.students3 a.menulink:visited {
background-color: #fff;
}


ul.nav3 li.toolkit3 a.menulink, ul.nav3 li.toolkit3 a.menulink:link, ul.nav3 li.toolkit3 a.menulink:active, ul.nav3 li.toolkit3 a.menulink:visited {
background-color: #fff;
}

ul.nav3 li a.on-state, ul.nav3 li a.on-state:link, ul.nav3 li a.on-state:active, ul.nav3 li a.on-state:visited {
display: block;
margin: 0;
padding: 1px 8px 1px 4px;
text-decoration: none;
width: 125px;
color: #000000;
background-color: #fff !important;
}


ul.nav3 li.teacher3 a.on-state, ul.nav3 li.teacher3 a.on-state:link, ul.nav3 li.teacher3 a.on-state:active, ul.nav3 li.teacher3 a.on-state:visited {
background-color: #66cc66;
color: #fff;

}

ul.nav3 li.students3 a.on-state, ul.nav3 li.students3 a.on-state:link, ul.nav3 li.students3 a.on-state:active, ul.nav3 li.students3 a.on-state:visited {
background-color: #cc3300;
color: #fff;
}

ul.nav3 li.toolkit3 a.on-state, ul.nav3 li.toolkit3 a.on-state:link, ul.nav3 li.toolkit3 a.on-state:active, ul.nav3 li.toolkit3 a.on-state:visited {
background-color: #660000;
color: #fff;
}

ul.nav3 li span.on-state {
display: block;
font-size: 1.00em;
padding: 1px 8px 1px 4px;
margin: 0;
color: #fff !important;
width: 125px;
}

ul.nav3 li.teachers3 span.on-state {
background-color: #006600;
color: #fff;
border-left: 12px solid #66cc66;
}

ul.nav3 li.students3 span.on-state {
background-color: #cc3300;
color: #fff;
border-left: 12px solid #ffcc66;
}

ul.nav3 li.toolkit3 span.on-state {
background-color: #660000;
color: #fff;
border-left: 12px solid #660000;
}

/*ul.nav3 li.teacher span.on-state {
border: 1px solid #006600;

}*/



ul.nav3 li a.menulink:hover {
background-color: #ffffff;
margin: 0;
display: block;
padding: 1px 8px 1px 4px;
color: #fff;
width: 125px;
}


ul.nav3 li.teachers3 a.menulink:hover {
background-color: #006600;
border-left: 12px solid #66cc66;
}

ul.nav3 li.students3 a.menulink:hover {
background-color: #cc3300;
border-left: 12px solid #ffcc66;
}

ul.nav3 li.toolkit3 a.menulink:hover {
background-color: #660000;
border-left: 12px solid #fff;
}

/*FULL NAV3 ON-STATE COLORS*/

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
padding: 1px 8px 1px 4px;
margin: 0; 
}

ul.nav3 li.teachers3 a.linked_on-state:link, ul.nav3 li.teachers3 a.linked_on-state:visited {
color: #fff;
background-color: #006600 !important;
border-left: 12px solid #66cc66;
}

ul.nav3 li.students3 a.linked_on-state:link, ul.nav3 li.students3 a.linked_on-state:visited {
color: #fff;
background-color: #cc3300 !important;
border-left: 12px solid #ffcc66;
}

ul.nav3 li.toolkit3 a.linked_on-state:link, ul.nav3 li.toolkit3 a.linked_on-state:visited {
color: #fff;
background-color: #660000 !important;
border-left: 12px solid #fff;
}


/*STYLE FOR COLUMN 2 SUB MENU*/

div.containerBox {
width: 580px;
margin-top: 50px;
margin-bottom: 50px;
border: none;
}

/*FOR THE LIBERARY students MONTREAL SECTION*/

div.cityBoxleft {
width: 180px;
background-color: #eee;
margin: 10px 10px 10px 60px;
padding: 5px 5px 5px 5px;
text-align: center;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 5px solid #cc3300;
border-left: 1px solid #ccc;
float: left;
}

div.cityBoxright {
width: 180px;
background-color: #eee;
margin: 10px 10px 10px 10px;
padding: 5px 5px 5px 5px;
text-align: center;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 5px solid #cc3300;
border-left: 1px solid #ccc;
float: left;
}


/*FOR THE LIBERARY teacher ONTARIO SECTION*/
div.OntarioBoxleft {
width: 180px;
background-color: #eee;
margin: 10px 10px 10px 60px;
padding: 5px 5px 5px 5px;
text-align: center;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 5px solid #006600;
border-left: 1px solid #ccc;
float: left;
}

div.OntarioBoxright {
width: 180px;
background-color: #eee;
margin: 10px 10px 10px 10px;
padding: 5px 5px 5px 5px;
text-align: center;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 5px solid #006600;
border-left: 1px solid #ccc;
float: left;
}


hr.teachers {
width: 350px;
color: #006600;
margin-left: 100px;
margin-top: 15px;

}

hr.students {
width: 350px;
color: #cc3300;
margin-left: 100px;
margin-top: 15px;

}


/*to fix the left margin for the tables in firefox*/
table.marginfix {
width: 100%;
margin: 10px 0 10px 0px;
padding: 0;

}




/*proactive link fix*/
div#procontainer ul.nav li a.menulink{
padding: 5px 10px 5px 10px !important;
}

/*Right Navigation Box*/

/*.right-navigation{
	border: 1px solid #fff;
	
}*/


div.right-navigation div#title {
background-color: #006699;
border-bottom: 1px solid #ccc;

}

div.right-navigation ul {
background-color: #fff;
margin: 0;
padding: 0;
border-bottom: 0;
}

div.right-navigation li {
display: inline;
background-color: transparent;
margin: 0;
padding: 0;
font-size: 1.0em;
}

div.right-navigation li a, div.right-navigation li a:link, div.right-navigation li a:active, div.right-navigation li a:visited {
margin: 0;
display: block;
padding: 8px 10px 8px 10px;
border-top: 1px solid #ccc;
background-color: transparent;
}

div.right-navigation ul li a:hover {
/*background-color: #ccc;*/
background-color: #ffcc33;

color: #000;
}

/*FOR THE PAGE checklist on page 3010*/

div.CheckListContainer {
width: 580px;
margin: 5px 5px 0 5px;

}

div.CheckListRow {
width: 560px;
margin: 0;
padding: 0;
}

div.CheckList1 {
width: 250px;
background-color: #fff;
margin: 0;
padding: 0;
float: left;

}

div.CheckList2 {
width: 250px;
background-color: #fff;
margin: 0;
padding: 0;
float: right;

}

div.CheckList1a {
width: 250px;
height: 52px !important;
background-color: #fff;
margin: 0;
padding: 0;
float: left;

}

div.CheckList2a {
width: 250px;
height: 52px !important;
background-color: #fff;
margin: 0;
padding: 0;
float: right;

}

div.CheckList1b {
width: 250px;
height: 40px !important;
background-color: #fff;
margin: 0;
padding: 0;
float: left;

}

div.CheckList2b {
width: 250px;
height: 40px !important;
background-color: #fff;
margin: 0;
padding: 0;
float: right;

}
div.CheckList1c {
width: 250px;
background-color: #fff;
margin: 0;
padding: 0;
float: left;

}

div.CheckList2c {
width: 250px;
background-color: #fff;
margin: 0;
padding: 0;
float: right;

}
/************end**********/
div.ContainerBox {
width: 550px;
margin: 5px 5px 0 5px;
padding: 5px 5px 0 5px;

}

div.ContainerBoxRow {
width: 500px;
}

div.ContainerBox1 {
width: 75px;
background-color: #fff;
margin: 5px 25px 5px 5px;
padding: 5px 5px 5px 5px;
float: left;
}

div.ContainerBox2 {
width: 325px;
background-color: #fff;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
float: left;
}

/*FOR IMAGES THREE SIDE-BY-SIDE*/

div.imageContainer3{
width: 500px;
margin: 0 10px 0 15px;
padding: 0 0 0 35px;
float: left;
/*border: 1px solid red;*/
}

div.image-photo3-Container1{
width: 150px;
margin: 0 5px 0 5px;
padding: 0 0 0 0;
float: left;
/*border: 1px solid blue;*/
}

div.image-photo3-Container1 p{
width: 150px;
font-family: Arial,sans-serif;
font-size: 0.75em;
margin: 0;
padding: 0;
}

/*FOR TWO IMAGES SIDE-BY-SIDE*/

div.imageContainer2{
width: 450px;
margin: 0 0 0 0;
padding: 0 0 0 105px;
float: left;

}

div.image-photo2-Container1{
width: 150px;
margin: 0 5px 0 5px;
padding: 0 0 0 0;
float: left;

}

div.image-photo2-Container1 p{
width: 150px;
font-family: Arial,sans-serif;
font-size: 0.75em;
margin: 0;
padding: 0;
}

/*FOR TWO IMAGES SIDE-BY-SIDE ONE SOURCE LINK PAGe 3140*/

div.imageContainer2a{
width: 450px;
margin: 0 0 0 0;
padding: 0 0 0 105px;


}

div.image-photo2a-Container1{
width: 325px;
margin: 0 5px 0 5px;
padding: 0;

}

div.image-photo2a-Container1 p{
width: 300px;
font-family: Arial,sans-serif;
font-size: 0.75em;
margin: 0;
padding: 0;

}

/*FOR TWO IMAGES SIDE-BY-SIDE ONE CAPTION ON PAGE 3070 and 3060 */

.photographs {
display: table;
width: 100%;
padding: 15px 0px 15px 0px;
line-height: 1.0em;
background-color: #fff;
}

.photographs .photo {
width: 80%;
padding-left: 15px;
float: left;
}

.photographs .photo p {
padding-left: 0px;
}

.photographs .photo img {
padding-left: 0px;
}

.photographs img {
padding-left: 15px;
}

.photographs p {
width: 80%;
text-align: left;
margin: 0;
padding-left: 0px;
padding: 3px 20px 3px 15px;
font-size: 0.85em;

}

.photographs p.source {
text-align: right;
font-size: 0.8em;
}
/*FOR FIRST IMAGE 3060*/
.photographs1 {
display: table;
width: 100%;
padding: 15px 0px 15px 0px;
line-height: 1.0em;
background-color: #fff;
}

.photographs1 .photo {
width: 80%;
padding-left: 15px;
float: left;
}

.photographs1 .photo p {
padding-left: 0px;
}

.photographs1 .photo img {
padding-left: 0px;
}

.photographs1 img {
padding-left: 15px;
}

.photographs1 p {
width: 43%;
text-align: left;
margin: 0;
padding-left: 0px;
padding: 3px 8px 3px 15px;
font-size: 0.85em;

}

.photographs1 p.source {
text-align: right;
font-size: 0.8em;
}


/*FOR V3 AND V2 SOURCE*/

.v2-right p, .v2-left p, .v3-right p, .v3-left p{
text-align: left;
width: 150px;
font-size: 0.75em;
margin-top: -6px;
}

.v4-center {
width: 350px;
padding: 0;
margin-left: 125px;
text-align: left;
}

/*Examples boxes on 008-3041*/

div.exampleContainer {
width: 500px;
margin: 5px 5px 0 55px;
padding: 0;

}

div.exampleList1 {
width: 225px;
height: 260px;
background-color: #fff;
margin: 5px 5px 0 5px;
padding: 5px 5px 0 5px;
float: left;
border: 1px solid #000;
}

div.exampleList2 {
width: 225px;
height: 260px;
background-color: #fff;
margin: 5px 5px 0 5px;
padding: 5px 5px 0 5px;
float: right;
border: 1px solid #000;
}


/*div.right-navigation ul li span.on-state{
text-decoration: none;
width: 175px;
float: none;
font-weight: normal;
display: block;
background-color: #339900;
color: #ffffff;
margin: 0;
padding: 8px 10px 8px 10px;
}

div.right-navigation ul li a.linked_on-state:link, div.right-navigation ul li a.linked_on-state:visited {
margin: 0;
display: block;
padding: 8px 10px 8px 10px;
border-top: 1px solid #ccc;
background-color: #339900;
color: #fff;
}*/

/*Colored links*/

/*.green {
color: 006600;
font-weight: bold;
font-family: arial, sans-serif;
background : white;
}

.green a:visited {
color: 009900;
	font-family: arial, sans-serif;
	
	font-weight: bold;
	background : white;
}

div.blue a:link {
	font-family: arial, sans-serif;
	color : 3333CC;
    font-weight: bold;
	background : white;	
}

 div.blue a:visited {
	font-family: arial, sans-serif;
	color : 3399CC;
	font-weight: bold;
	background : white;
}

div.orange a:link {
	font-family: arial, sans-serif;
	color : FF9900;
	font-weight: bold;
	background : white;	
}

 div.orange a:visited {
	font-family: arial, sans-serif;
	color : FFCC00;
	font-weight: bold;
	background : white;
}

div.red a:link {
	font-family: arial, sans-serif;
	color : 993333;
	font-weight: bold;
	background : white;	
}

 div.red a:visited {
	font-family: arial, sans-serif;
	color : 996666;
	font-weight: bold;
	background : white;
}

.color a:link {
	font-family: arial, sans-serif;
	color : FF9900;
	font-weight: bold;
	background : white;	
}

.color a:visited {
	font-family: arial, sans-serif;
	color : FF9900;
	font-weight: bold;
	background : white;	
}*/

fieldset.fieldnoborder {
border: none;
}