/***************************************************
CANADA GAZETTE CSS for print 023/022
***************************************************/


/*CONTENT THREE COLUMN TABLE*/

div.row {
display: table;
margin: 0; 
padding: 0; 
width: 98.5%;
}

div.table-container-threecols {
margin-left: 10px;
margin-bottom: 20px; 
padding-right: 10px;
width: 571px;
border: 1px solid #ccc;
display: table;
}


div.cols1-3 {
float: left; 
width: 150px; 
margin: 2px 12px 20px 2px; 
padding: 2px 10px 2px 2px;
}

div.cols2-3 {
float: left; 
width: 200px; 
margin: 2px 12px 20px 2px; 
padding: 2px 10px 2px 2px;
}

div.cols3-3 {
float: left; 
width: 150px; 
margin: 2px 2px 20px 2px; 
padding: 2px 2px 2px 2px;

}




/*CONTENT TWO COLUMN TABLE*/

div.table-container-twocols {
margin:  0 10px 20px 50px; 
padding: 0; 
width: 450px;
border: 1px solid #ccc;
}


div.cols1-2 {
float: left; 
width: 200px;
margin: 2px 2px 2px 2px; 
padding: 2px 10px 2px 2px;

}

div.cols2-2 {
float: left; 
width: 200px;
margin: 2px 2px 2px 2px; 
padding: 2px 10px 2px 2px;


}

/*CONTENT FIVE COLUMN TABLE*/

div.table-container-fivecols {
margin:  20px 0 0 0; 
padding: 0; 
width: auto;
border: 1px solid #ccc;
}

div.cols1-5 {
float: left; 
width: 125px;
margin: 2px 2px 2px 2px; 
padding: 2px 10px 12px 2px;

}

div.cols2-5 {
float: left; 
width: 100px;
margin: 2px 2px 2px 2px; 
padding: 2px 10px 2px 2px;
}

div.cols3-5 {
float: left; 
width: 100px;
margin: 2px 2px 2px 2px; 
padding: 2px 10px 2px 2px;
}

div.cols4-5 {
float: left; 
width: 100px;
margin: 2px 2px 2px 2px; 
padding: 2px 10px 2px 2px;
}

div.cols5-5 {
float: left; 
width: 100px;
margin: 2px 2px 2px 2px; 
padding: 2px 2px 2px 2px;
}

/*TABLES FOR THE ED RESOURCES SECTION*/

table {
padding: 2px 2px 2px 2px;
width: 590px;

}


.float-left, p.span {
float: left;
font-size: 0.95em;
margin-left: 30px;

}

.float-right, p.span {
float: right;
font-size: 0.95em;
margin-right: 65px;

}

 

.float-left1, p.span {
float: left;
font-size: 1.05em;

}

.float-center1, p.span {
float: left;
font-size: 1.05em;
margin-left: 250px;

}

.float-right1, p.span {
float: left;
font-size: 1.05em;
margin-left: 200px;

}

/*BOXES FOR ED RESOURCES PAGES*/

div.box {
background-color: #ffffff; 
width : 80%; 
border: 1px solid #000000;
margin: 0 0 20px 20px;
padding: 5px 30px 50px 10px;

}

div.box-Container {
background-color: #ffffff; 
float: left;
width: 90%;
border: none;
margin: 0 0 10px 0;
padding: 0 0 10px 0;

}

div.box2 {
background-color: #ffffff; 
float: left;
width: 20%;
border: 1px solid #000000;
margin: 20px 10px 20px 10px;
padding: 5px 30px 75px 10px;

}

div.box3 {
background-color: #ffffff; 
float: left;
width: 30%; 
border: 1px solid #000000;
margin: 0 0 20px 10px;
padding: 5px 0 55px 0;

}

div.box4 {
background-color: #ffffff; 
float: left;
width: 45%; 
border: 1px solid #000000;
margin: 40px 0 20px 0;
padding: 5px 30px 55px 0;

}

div.box-Container2 {
background-color: #ffffff; 
float: left;
width: 90%;
border: none;
margin: -20px 10px 20px 10px;
padding: 5px 30px 75px 10px;

}

div.image-container3 {
width: 470px;
padding: 7px 7px 7px 10px;
margin: 0 0 0 50px;
background-color: #ffcc66;
border: 1px solid #330000;

}


div.image-container3 p.source-image {
text-align: right;
padding-right: 7px;
margin: 0;
}

div.image-container3  p {
font-size: 0.85em;
padding: 0;
margin: 0;
}