/***************************************************
CANADA GAZETTE CSS 023/022
***************************************************/
body {
background-color: #443300;

}


div.center h1  {
background-color: #ffcc66;
background: url(/035/001/091/035001-misc02.jpg) no-repeat;
width: auto;
padding: 10px;
margin: 10px;
text-align: center;
border: none;
border: 1px solid #330000;
font-weight: normal;
}


div.center h1 span {
font-size: .90em;
font-weight: bold;
}

.center a {
	color: #330000;
	background-color: transparent;
}

div.center h2, h3, h4 {
	background-color: #ffffff;
	color: #330000;
	
	
}



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

ul.nav {
width: auto;
background-color: #eed;
}

ul.nav li {
background-color: #eed;
border: none;
margin: 0;
padding: 0;
display: block;
}


span.on-state {
font-size: 1.05em;
background-color: #ffcc66;
color: #330000;
text-decoration: none;
padding: 4px 10px 4px 10px;
border-bottom: 1px solid #ccc;
margin: 0;
font-weight: bold;
}



ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
font-size: 1.05em;
display: block;
background-color: #ffcc66;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 4px 10px 4px 10px;
font-weight: bold;
color: #330000;
}

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: #eed;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 4px 10px 4px 10px;
color: #330000;
font-weight: bold;
}

ul.nav li a.menulink:hover {
background-color: #ffcc66;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 4px 10px 4px 10px;
color: #330000;
}



/************* LEFT MENU - SUB-MENU CLASSES ***************/


ul.nav3 {
width: auto;
font-size: 1.05em;
margin: 0;
padding: 0;

}

ul.nav3 li {
margin: 0;
padding: 0;
display: inline;
font-size: .85em;
border-top: 0px;
border-right: 0px;
border-left: 0px;
width: 125px;
}

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: 7px 5px 7px 20px;
text-decoration: none;
border-bottom: 1px dashed #ccc;
width: 125px;

}

ul.nav3 li a.menulink:hover {
background-color: #ffcc66;
border-bottom: 1px dashed #ccc;
margin: 0;
padding: 7px 5px 7px 20px;
color: #330000;

}

ul.nav3 li span.on-state {
font-size: 100%;
display: block;
background-color: #ffcc66;
color: #330000;
border-bottom: 1px dashed #ccc;
padding: 7px 5px 7px 20px;
margin: 0;

}


ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
background-color: #ffcc66;
color: #330000;
border-bottom: 1px dashed #ccc;
padding: 7px 5px 7px 20px;
margin: 0; 
font-size: 100%;
}





.inner-content hr {
	background-color: #330000;
	height: 1px;
	width: 350px;
	border-style: none;
	margin-left: 25px;
}

hr.two-column {
   
	height: 1px;
	width: 350px;
	border-style: none;
	margin-left: 125px;
	
}



/*IMAGES WITHIN THE SECOND COLUMN*/

div.image-right {
float: right;
width: 150px;
padding: 7px 10px 7px 10px;
margin: 15px 5px 5px 10px;
background-color: #ffcc66;
border: 1px solid #330000;
}

div.image-right p, span {
font-size: 0.85em;
padding: 0;

}

div.image-right p.source-image {
text-align: right;
font-size: 0.85em;
padding: 0;
margin: 0;
}

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

div.image-left {
float: left;
width: 150px;
padding: 7px 10px 7px 15px;
margin: 12px 10px 5px 5px;
background-color: #ffcc66;
border: 1px solid #330000;
}

div.image-left p {
font-size: 0.85em;
padding: 0;

}

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

div.image-center {
width: 150px;
padding: 7px 10px 7px 10px;
margin: 12px 10px 10px 175px;
background-color: #ffcc66;
border: 1px solid #330000;

}

div.image-center p {
font-size: 0.85em;
padding: 0;

}

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

div.image-container {
width: 320px;
padding: 7px 7px 7px 10px;
margin: 0 0 0 100px;
background-color: #ffcc66;
border: 1px solid #330000;

}

div.image-container p.source-image {
text-align: right;
/*font-size: 0.85em;*/
padding: 0;
margin: 0;
}

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

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

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;
}

/**************FOR SECOND COLUMN BOTTOM LINKS****************/
p.bottom-link {
	
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
		
}

p.bottom-link, span.bottom-link-on-state {
    
	color: #330000;
	font-weight: bold;
	background-color: transparent;

}


p.bottom-link a:link, p.bottom-link a:visited, p.bottom-link a:hover, p.bottom-link a:active, p.bottom-link span.bottom-link-on-state {
	color: #330000;
	font-weight: bold;
	font-size: .85em;
}


p.bottom-link a:hover {

	text-decoration: none;
	

}
/*end for bottom links*/


/*IMAGE IN THE THIRD COLUMN GRAPHICAL ELEMENT*/

div.right-image, div.right-image2, div.right-image3, div.right-image4, div.right-image5 {
	float: right;
	width: 195px;
	height: 405px;
}


div.right-image {
background: url(/035/001/091/035001-misc01.jpg) no-repeat top center;
}


/* RIGHT NAVIGATION IMAGE CLASS */
div.right-navigation-image {
    text-align: right;
	width: auto;
	margin: 0;
	padding: 0;
	
}

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

div.right-navigation-image img {
padding: 0;
margin: 0;
}


.right-navigation-image span.source-right-navigation {
text-align: right;
font-size: 0.8em;
padding: 0;

}

.right-navigation-image p.caption {
text-align: left;
margin: 0;
padding: 0;
font-size: 0.85em;
width: 195px;
}

/*CONTENT THREE COLUMN TABLE*/

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

}

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.row {
display: table;
margin: 0; 
padding: 0; 
width: 98.5%;
}

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 3px; 
padding: 0; 
width: 590px;
border: 1px solid #ccc;
}

div.cols1-5 {
float: left; 
width: 100px;
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;


}

.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-Container2 {
background-color: #ffffff; 
float: left;
width: 95%;
border: none;
margin: 0;
padding: 0 0 35px 0;

}

div.box2 {
background-color: #ffffff; 
float: left;
width : 20%; 
border: 1px solid #000000;
margin: 0 10px 20px 10px;
padding: 5px 20px 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.topPage, p.topPage {

float: right;
margin-right: 10px;
text-align: center;

}

.pdf-single {
margin: -10px 0 0 160px;

}