/* CLF 2.0 TEMPLATE VERSION 1.05 | VERSION 1.05 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #d3d6c4;
}
div.colLayout {
	background: #FFF;	
	height: 100%; 
}
p.breadcrumb a:hover{ 
	text-decoration: none;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 20px;
}
div.cwm img {
	padding-top: 0px;
}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner{
	color: #FFF;
	background: #003377 url(../images/bbg.jpg) no-repeat center center;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url() #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url() #FFF no-repeat center center;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
/* new added June25, 2007 IK*/
div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
div.page div.core div.navaid a:hover,
div.page div.core div.navaid a:active,
div.page div.core div.navaid a:focus {
	color: #000;
	background-color: #CC9;
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
/* classes for Natural Elements subsite	
 --------------------------------------------------------------------------*/
 .numne {
	color:#447744;
	text-align:right;
	font-weight: bold;
	font-size:8pt;
	}
	.numne {
		font-size:80%;}
div.center h2.h2ne, div.center h2.h2home a:link, div.center h2.h2home a:active,
div.center h2.h2home a:visited {
	margin-top:0px;
	margin-bottom:-8px;
	#margin-bottom:0px;
	font-size:13px;
	text-decoration:none;
	color:#003377;
	}
div.center h2.h2home a:hover {
	text-decoration: underline;
	color:#447744;
}
div.center h2.h2home,div.center h2.h2home a:link, div.center h2.h2home a:active,
div.center h2.h2home a:visited, div.center h2.h2home a:hover {
	font-size: 110%;
	font-weight:bold;
}
div.center h2.h2ne, div.center h2.h2ne a:link, div.center h2.h2ne a:active,
div.center h2.h2ne a:visited {
	font-size:14px;
	text-decoration:none;
	}
div.center h2.h2ne a:hover {
	text-decoration: underline;
	color:#447744;
}
div.center h2.h2ne,div.center h2.h2ne a:link, div.center h2.h2ne a:active,
div.center h2.h2ne a:visited, div.center h2.h2ne a:hover {
	/*font-size: 145%; Joanne February 17*/
	font-weight:bold;
}
	
hr.dashed {
color:#FFFFFF;
border-top: #000 dashed 1px;
clear:right;
}
.clearLeft {
clear:left;}
div.ne {
	height:auto;
	min-height:125px;
	margin-top:16px; /*for firefox*/
	#margin-top:8px; /*for IE7*/
	margin-bottom:11px;
	#margin-bottom:4px;
}  
div.center .feature {
	float:left;
	width: auto;
	display:block;
	}
	 div.row {
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-top-color: #a71;
		padding: 3px 0 3px 0;
		margin-bottom:2px;
		clear:both;
		text-align:center;
	}
	div.row p {
	text-align:left;
	margin-top:0;}
		 div.col1{
			float: left;
			width: 285px;
			margin: 0 3px 3px 0;
			padding: 0;
			border-right-width: 1px;
			border-right-style: solid;
			border-right-color: #a71;
		}
		 div.col2 {
			float: left;
			width: 275px;
			margin: 0 3px 3px 5px;
			padding: 0;
		}
p.margin-0 {
	margin-top:1px;
	margin-bottom:1px;}
.marginbottom-3 {
	margin-bottom:-15px;}
.marginbottom-ie {
	#margin-bottom:-15px;}
.marginbottom-ne{
	margin-bottom:188px;}
.padding-left{
	padding-left: 10px;
}
.padding-left5{
	padding-left: 5px;
}
.padding-right{
	padding-right: 10px;
}
.padding-bottom10{
	padding-bottom: 2px;
}

.imageleft{
	width: 200px;
	float: left;
	margin-bottom: 3px;
	margin-right: 10px;
	font-style: italic;
	display: block;
	font-size:90%;
}
.imageright{
	width: 200px;
	float: right;
	margin-left: 10px;
	margin-bottom: 3px;
	font-style: italic;
	display: block;
	font-size:90%;
}
.textleft{
	width: 210px;
	float: left;
	padding: 10px; 
	background: #FFFFCC;
}
.textright{

	width: 210px;
	float: right;
	padding: 10px; 
	background: #FFFFCC;
}

.nerightcontent, margin-bottom10 {
	margin-bottom: 10px;
}

.margintopbot600{
	margin-top: 650px;
	margin-bottom: 650px;
}
.boxright150{
	width:150px;
	float:right;
	border:solid #999 1px;
	padding-left:3px;
	margin-left:3px;}
.width250{
	width:250px;
	}
.italic{
	font-style:italic;}
		/*NEW DESIGN******************************************************************************
	***********************************************************************************************/

div.menu-ne{
	width: 100%;
	color: #FFF;
	background-color: #003377;
	margin-top:0px;
	#margin-top:0px;
	margin-bottom:8px;
	padding: 0;
	float: left;
}
* html div.menu-ne{
	float: none;
}
*:first-child+html div.menu-ne {
	float: none;
}
div.menu-ne {
	min-height: 1.6em;
	
}
* html div.menu-ne {
	height: 2.4em;
}
	ul.nav-ne {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	border: none;
	width: 100%;
	text-align:right;
}
li.navtext, li.navtexta, li.navtextb, li.navtextc {
	white-space: nowrap; 
	margin: 0;
	padding: 0;
	border: none;
	float: left; 
	min-height: 1.3em;
	min-width: 9.6em;
	font-size: 1.0em;
	color: #FFF;
	background-color: #003377;
}

li.navtext {
	width: 24.0%;
	padding-right:25px;
}
li.navtexta {
	width: 27.5%;text-align:center;
}
li.navtextb {
	width: 24.5%;text-align:center;
}
li.navtextc {
	width: 8.5%;
	padding-right:5px;text-align:center;

}

 li.navtext div, li.navtexta div, li.navtextb div, li.navtextc div {
	margin-top: 5px;
	margin-bottom:5px;
	padding: 0;
	width:100%;
}
/*li.navtexta div a,li.navtextc a {padding-left:10px;}*/
 li.navtexta div a, li.navtextb div a, li.navtextc div a {
	border-left: 2px solid #FFF;
}

li.navtext a, li.navtexta a, li.navtextb a, li.navtextc a {
	color: #FFF;
	text-decoration: none; 
	font-weight: bold;
	width: 100%;
	padding: 0px;
	display: block;
}



div.h1-toplinks {
/*height:2em;li.navtexta a, li.navtextb a, li.navtextc a{
	text-align:center;
}
*/	

}
div.h1-toplinks h1 {
font-size:185%;
	float: left;
	color: #003377;
	font-weight:bold;
	margin: 0;
	}
	div.h1-toplinks h1 span {
	color: #003377;
	font-weight:normal;
	}
div.h1-toplinks ul{
float:right;
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	margin-top:5px;
}
div.h1-toplinks ul li{
	margin-left: 5px;
	padding-left: 2px;
	display: inline;
}
div.h1-toplinks ul li.date{
color:#003377;
font-weight:bold;
}
div.h1-toplinks ul li a:link{
color:#000;
text-decoration:none;
}
div.h1-toplinks ul li a:hover{
color:#000;
text-decoration:underline;
}
div.h1-toplinks ul li a:visited{
color:#003377;
text-decoration:underline;
}
	
/*START of rounded borders*/
.left-cont {
	float:left; width:254px;
}
.right-cont-home {
	float:left; width:450px;
}
.right-cont {
	float:right; width:150px;
	margin-left:10px;
	#margin-left:10px;
}
div.inner-lt, div.inner-rt, div.inner-rta, div.inner-rtsm  { margin: 0; background: #fff; padding: 5px; border:0; zoom:1;}
div.center div.inner-rta {
min-height:182px;}

div.outer-lt { float: left; margin-right: 0px; margin-bottom:10px; background: #aaaa99; padding: 0px; width:240px;  }
div.outer-rt { float: left; margin-bottom:5px; background: #aaaa99;  width:506px; }
div.center div.inner-rt {min-height: 125px;}
div.outer-rta { float: left; margin-bottom:10px; background: #aaaa99;  width:506px; }
div.outer-rtsm { float: right; margin:0px 0px 5px 0px; background: #aaaa99;  width:150px; }
div.demo  { width: 220px; padding: 5px 5px 15px 5px; margin: 0; background-color: #d3d6c4; }

/*END of rounded borders*/
div.inner-rt span.image-left a img {
	margin-bottom:10px;
	padding: 0px 10px 10px 3px;
	margin:0px;
	}

div.center div.inner-lt h2 {
text-align:center;
margin-bottom:5px;
margin-top:5px;
color:#660000;
font-size:110%;
font-weight:bold;
}
div.center div.inner-lt h2.h2right {
text-align:right;
}
div.center div.inner-lt h2.h2right a {
text-align:right;
color:#660000;
}

div.center div.inner-lt h3 {
margin:0;
font-size:110%;
font-weight:bold;
color:#003377;
}

div.center div.inner-rtsm h3, div.center div.inner-rtsm h2 {
color:#660000;
font-size:110%;
font-weight:bold;
}
div.center h3.h3home, div.center h2.h3home {
margin:0;
font-size:110%;
font-weight:bold;
}
div.inner-rt p{
margin:5px 0px 5px 0px;
#margin-bottom:0px;
}
div.center div.inner-rtsm h3.blue-ne {
margin:0;
color:#003377;
font-size:10pt;
}
div.center div.inner-rtsm h3.blue-ne {
font-size:100%;
}
div.center div.inner-rtsm h4, div.center div.inner-rtsm h3{
color:#003377;
font-size:10pt;
font-weight:bold;
}
div.center div.inner-rtsm h4{
	font-size:100%;}
div.center div.inner-rtsm p{
font-size:8pt;
}
div.center div.inner-rtsm p{
font-size:80%;
}
div.center div.inner-rtsm div.imageleft img p{
	margin-top:0px;}
div.center div.inner-rtsm h4 a:link, div.center div.inner-rtsm h3 a:link, div.center h3.h3home a:link, div.center h2.h3home a:link  {
text-decoration:none;
}
div.center div.inner-rtsm h4 a:hover, div.center div.inner-rtsm h3 a:hover, div.center h3.h3home a:hover, div.center h2.h3home a:hover{
text-decoration:underline;
}
div.center div.inner-rtsm h4 a:visited, div.center div.inner-rtsm h3 a:visited, div.center h3.h3home a:visited, div.center h2.h3home a:visited{
color:#225533;
text-decoration:none;
}
div.center div.inner-lt hr{
color:#999999;
}
.border-black {	
	float: right;
	width: 200px;
	display: block;
	border:#aaabac solid 2px;
	padding: 5px;
	margin: 0px 0px 0px 5px;
	background-color:#f3f4e9;
	}

.border-black ul {
	list-style-position: inside;
	list-style-type: disc;	
	margin-left: 0px;
	padding-left: 5px;
	}

	
	/*.border-black ul li {
	
	
	}#padding-left: 0px; margin-bottom: 5px;Heading- centred, 14pt (slightly larger than the body text), color: #003778, also if the box is placed to the left in the story then the margin left (5px) of the div would change to the right */
/*.survey-block{
white-space:pre;}*/

/*END OF NEW DESIGN*/

/* END of classes for Natural Elements  subsite -----------------------------------------------------------------*/


/* classes for CEM  report ---------------------------------------------------------------------------------------*/

div.center .cem {
	background-color: #ffffff;
	background-image: url(../../com/images/cemcme/cemcme.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 60px;
	}
 div.center div.cem h1 {
	padding-left:206px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display:block;
	width:175px;
	color:#ffffff;
	font-size:135%;
	font-weight:normal;
	text-align:center;
	}
 div.center div.cem h1.en {
    padding-left:207px;
	padding-top: 8px;
	}

.toc {
	float:right;
	width:250px;
	border: solid #447744 1px;
	padding:2px;
	margin-top:5px;
	margin-bottom: 10px;
	margin-left: 3px;	
	}
	.toc h3 {
	font-weight: normal;	
	}
	.toc ul li {
	list-style:none;
	padding:3px;
	margin-left:-30px;}
	
.imageleft300{
	width: 300px;
	float: left;
	margin-bottom: 3px;
	margin-right: 10px;
	font-style: italic;
	display: block;
}

.imageright300{

	width: 300px;
	float: right;
	margin-left: 10px;
	margin-bottom: 3px;
	font-style: italic;
	display: block;
}
.box300{
	border:2px solid #447744;
	width:275px;
	float:right;
	margin-left:5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	display:block;
}
.box300left{
	border:2px solid #447744;
	width:275px;
	float:left;
	margin-right:5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	display:block;
}
.box600{
	border:2px solid #447744;
	width:550px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	display:block;
}

.bold {
	font-style:normal;
	font-weight: bold;
}
/* END of classes for CEM report -----------------------------------------------------------------*/
/* right navigation floating box -----------------------------------------------------------------*/
.flbox{
	width:200px;
	float:right;
	margin-left:5px;}
/* END right navigation floating box 
border-top: 10px solid #1155aa;-----------------------------------------------------------------*/


blockquote {
	background-color: #d3d6c4;
	color: #000;
	border: 1px solid #447744;
	border-bottom: 3px;
	border-right: 3px;
	font-style: italic; 
	padding: 1em;
}

.totalBorderTop { border-top:1px solid #000; }
.totalBorderBottom { border-bottom:1px solid #000; }
.totalBorderBottomTop { border-bottom:1px solid #000;
border-top:1px solid #000;}
.totalBorderRight { border-right:1px solid #000; }
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left { 
	background-color:#fff;
}
h2.nav, h2.nav a:link, h2.nav a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #003377;
	padding-left:10px;
}
h2.nav a:hover {
	text-decoration: underline;
}
/* UPDATE 1.05, JAN 2010, I.K.*/
h2.nav a[name]:hover, h2.nav a[name]:active, h2.nav a[name]:focus, div.h2nav a[name]:hover, div.h2nav a[name]:active, div.h2nav a[name]:focus, p.h2nav a[name]:hover, p.h2nav a[name]:active, p.h2nav a[name]:focus {
	color: inherit;
}
/* END OF UPDATE 1.05, JAN 2010, I.K.*/
div.left-layer-right {
	margin-bottom:5px;
}
div#link1 .menulink{
	border-left: 8px solid #dca;
}
div#link2 .menulink{
	border-left: 8px solid #bcf;
}
div#link3 .menulink{
	border-left: 8px solid #bec;
}
div#link4 .menulink{
	border-left: 8px solid #ccb;
}
div.left .menucontent {
	padding: 0px 0px 0px 0px;
	letter-spacing: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #778866;
	border-right: 1px solid #778866;
	font-weight : bold;
}
div.left a.menulink{
 display:inline-block;
 padding: 2px 3px 2px 5px;
 width:88%;
}
div.left .menucontent, div.left .menulink{
	color: #000;  
	background-color: #eeeedd;
}
div.left ul.nav2 {
 list-style:none;
 margin-left: 0px;
 padding-left: 0px;
}
div.left ul.nav li.menucontent ul.nav2 li.menucontent {
	border-bottom: 1px dashed #778866;
	border-right: 1px solid #fff;
	font-weight : normal;
	background-color: #fff;
}
div.left .menulink:hover { 
 text-decoration: underline; 
 background-color: #eeeedd;
}
div.left ul.nav li ul.nav2 li.menucontentlast{
	background-color:#FFFFFF;
	display:inline-block;
}
div.left ul.nav li ul.nav2 li.menucontent a.menulink, div.left ul.nav2 li.menucontentlast a.menulink{
	background-color:#FFFFFF;
	font-weight: normal;
	border-bottom:none;
	padding-left:5px;
	}	
/*Joanne February 17 added div#video */	
ul#infoc, div#infoc2, ul#main, div#elem, div#video  { 
	border-left: 5px solid #778866;
}

ul#infoc li a, div#infoc2 a,  div#elem, ul#main li a, div#video{
	font-weight:normal;
	}
div#elem, div#video{
	 padding:5px;
	}
ul#main li.menucontent{
	padding-top: 1px;
	padding-bottom: 1px;
}

div.left li a:link, div.left li a:visited {
	color:#000000;
	text-decoration:none;}
div.left li a:hover {
	color:#000000;
	text-decoration:underline;}
/* UPDATE 1.05, JAN 2010, I.K.*/
div.left a[name]:hover, div.left a[name]:active, div.left a[name]:focus, div.right a[name]:hover, div.right a[name]:active, div.right a[name]:focus {
	color: inherit;
} 
/* END OF UPDATE 1.05, JAN 2010, I.K.*/
div.esr ul{
padding-top:3px;
	}
div.esr ul li{
	padding-bottom:5px;
	font-size:90%;
	}

.padding-bottom3 {
	padding-bottom:3px;}	
a.menulink {
	text-decoration: none;
}
a.menulink:hover {
	text-decoration: underline;
}
.letter-spacing {
letter-spacing: 5px;}
/* END: Left menu link  (when on the linked page) */

	
.padding-bottom4 {
	padding-bottom:4px;}
.padding-top4 {
padding-top:4px;}

select#formQuestions {
	width:380px;
	height: inherit;
	margin-top:10px;
	#margin-top:-5px;
	margin-bottom:10px;
	}
	
select optgroup.header {
	font-weight:bold;
	font-style:normal;
	background-color:#eeeedd;
}
select optgroup option {
	padding-left:10px;
}


/*END OF NEW DESIGN ------------------------------------------
left drop-down submenu*/

div.right h2.nav {
	color: #FFF;
	text-decoration: none;
	background: #003377 ;
	padding-left: 15px; 
}
 div.right h2.bg {
	background-image:none;
	background-color: #003377;
	font-weight:bold;
	padding-left: 10px;}

div.right .menucontent{
	color: #000;
	background-color: #eeeedd;
	margin-bottom: 0px;
	border-bottom: 1px dashed #778866;
}
div.right .menucontentlast{
	color: #003366;
	background-color: #eeeedd;
	margin-bottom: 0px;
	border-bottom: none;
	padding: 2px 3px 2px 12px;
}
div.right .menulink {
	color: #000;
	background-color: #eeeedd;
	display:block;
}

div.right li ul.nav {
	border: 1px solid #778866; 
}


div.right ul.nav li.menucontentvideo{
	background: #FFF url(../../com/images/li-video.gif) top left no-repeat;
	margin-bottom: 3px;
	border-bottom: 1px solid #FFF; 
	padding-left: 21px; 
	}
	
		div.right ul.nav li.menucontentvideo .menulink{
			color: #000;
			text-decoration: underline;
		}
		
		div.right ul.nav li.menucontentvideo .menulink:hover{
			text-decoration: none;
		}
	
	div.right ul.nav li.menucontentaudio{ 
	background: #FFF url(../../com/images/li-audio.gif) top left no-repeat;
	margin-bottom: 3px;
	border-bottom: 1px solid #FFF; 
	padding-left: 20px; 
	}
		
		div.right ul.nav li.menucontentaudio .menulink{
			color: #000;
			text-decoration: underline;
		}
		
		div.right ul.nav li.menucontentaudio .menulink:hover{
			text-decoration: none;
		}
div.right div.feature div{
	padding: 0.15em 0 0.25em 0; 
}
/* END: RIGHT MENU  */
div.prodis {
background-color: #003377;
height:5px;
}

/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */

/* NEW DESIGN ---------------------------------------------------------*/

ul.img {
list-style-image:url(../images/li-img.gif);
display:table-row;
width:180px;
margin:5px 10px 0px 0px;
padding-left:15px;
float:left;
}
ul.imgcol2 {
list-style-image:url(../images/li-img.gif);
display:block;
width:165px;
margin:5px 0px 0px 0px;
padding-left:5px;
float:left;
}
div.center h1, h2, h3, h4, h5, h6 {
	color: #003377;
}
/*div.center div, div.center div ul li{
font-size:100%;}*/

div.center div ul li{
font-size:100%;}
h1 {
	 font-size: 160%;

}

h3, h4, h5, h6 {
	color: #000;
	font-weight: bold;
}

div.center h2{
	color: #000; 
	font-weight: normal;
}

h2 {
	font-size: 145%;

}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 115%;
}

h6 {
	font-size: 110%;
}	

div.center a:link, div.alignRight a:link, div#elem a:link {
	color: #003366;
}

div.center a:visited, div.alignRight a:visited, div#elem a:visited {
	color: #447744;
}

div.center a:hover, div.alignRight a:hover, div#elem a:hover {
	color: #003366; 
	text-decoration: none; 
	
}
/* UPDATE 1.05, JAN 2010, I.K.*/
div.center a[name]:hover, div.center a[name]:active, div.center a[name]:focus {
	color: inherit;
}
/* END OF UPDATE 1.05, JAN 2010, I.K.*/

div.blackborder {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: solid #FFF 0px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
 div.blueborder{
	border: 1px #003377 solid;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

/*----Science and Technology CSS---*/
div.center div.STechnology{

        margin-top: -4px;
		border: 1px #003366 solid;
		padding: 2px 5px 0 5px; 
	}


div.center div.STechnology div{
		margin-bottom: -1px;
	}

		div.center div.STechnology h3{	
		margin-bottom: -0.70em;
		margin-top: 0.70em; 
		font-size: 105%; 
	}
		div.center div.STechnology h3 a{	
			color: #003366;
			text-decoration: none;
			display: block; 
			padding: 0 2px 0 2px;
			
		}
		div.center div.STechnology h3 a:visited{	
			color: #003366;
		}
		div.center div.STechnology h3 a:hover{	
			color: #003366;
			text-decoration: underline; 
		}
		
/*---Start Right menu CANMET*/
ul.navrightCanmet {
/*width: 195px;*/
	list-style-type: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	border: 1px solid;
	border-color: #369;
}

.widthnavrightCanmet {
width: 195px
}

.paddingheader {
padding-top: 2px;
padding-bottom: 2px;
}

h2.navrightCanmet {
	font-size:  90%;
	font-weight: bold;
	line-height: 1.6em;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	background-color: #369;
	color: #FFF;
	text-decoration: none;
}

.menucontentCanmet {
	border-bottom: dashed 1px #369;

	}
.menucontentlastCanmet {
	border-bottom: dashed 1px #FFF;

	}
.menulinkCanmet {
	padding: 5px 3px 5px 5px;
	color: #369;
	text-decoration: none;
	display: block;
}

.menulinkCanmetVideo {
color: #369;
text-decoration: none;

}

a:hover.menulinkCanmetVideo 
{color:#369; text-decoration:underline;}

.navrightCanmetVideo {
padding: 3px;	
display: block;
}

a.menulinkCanmet 
{font-family:arial,helvetica,sans-serif;color:#369;text-align:left;text-decoration:none;}
a:visited.menulinkCanmet 
{font-family:arial,helvetica,sans-serif;color:#369;text-align:left;text-decoration:none;}
a:hover.menulinkCanmet 
{font-family:arial,helvetica,sans-serif;color:#369;text-align:left;text-decoration:underline;}

.Rmenudate{
color: #000000;
}
/*---end Right menu canmet*/


/*--Research Affiliate Program (RAP)--*/

div.rowRAP {margin: 0; padding: 0; width: 98.5%; clear: left; display:block}
div.cols1RAP {float: left; width: 5%; margin: 0 3px 0 0; padding: 2px 0; display:block}
div.cols2RAP {float: left; width: 90%; margin: 0 3px 0 0; padding: 2px 0; display:block}
.hightcols1RAP {
height: 40px;
}

div.cols3RAP {float: left;
 width: 32%; 
 margin: 0; 
 padding-top: 3px; 
 padding-bottom: 3px; 
 padding-left: 0; 
 padding-right: 0; 
 text-align: center; 
 border-top: solid 1px #333333;
 border-bottom: solid 1px #333333;
 border-right: solid 1px #333333;}

div.cols3RAPright {float: left; width: 32%; 
margin: 0; 
padding-top: 3px; 
padding-bottom: 3px; 
padding-left: 0; 
padding-right: 0; 
text-align: center; 
border-top: solid 1px #333333;
border-left: solid 1px #333333;
}
.borderleftRAP{
border-left: solid 1px #333333;
}
.borderrightRAP{
border-right: solid 1px #333333;
}
.labelFormRAP{ 
	float:left;  
	width: 80px;
}
.labelFormRAPbullet{ 
	float:left;  
	width: 20px;
}
.labelFormRight{ 
	float:right;  
	width: 500px;
	 
}
.textcenter{
text-align:center;
}
html > body .margintopRAP {
margin-top: 40px; 
clear:left;
	}
.marginleftRAP {
margin-left: 223px;
}
.fontsmall{
font-size: 10px;
}

/*--End Research Affiliate Program (RAP)--*/
#slideshow li.menucontent {
	margin: 0 /*!important*/;
	padding: 0 /*!important*/;
	text-align: left;
	vertical-align: top;
}

#slideshow li.menucontent a.menulink {

	display: block;
	font-size: 85% /*!important*/;
	font-weight: 600;
	padding: 0px 12px 10px;
}

* html div.right ul #slideshow li a.menulink {
	padding: 0px /*!important*/;
}

#slideshow li.menucontent img {
	margin-left: -1px;
}

#slideshow div.morelink {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

/*********** SlideShow CSS ********************/
#slideshowContainer {
	padding: 0;
	margin: 0;
	padding-bottom: 4px; 
	background: url(../../com/images/icons/deco.gif) #f4f2ec no-repeat 0 72px;
}

#slideshowplaybutton,  #slideshownextbutton, #slideshowbackbutton {
	height : 19px; 
	margin: 0;
	padding: 0;
}


#slideshowContainer div.slideshowbanner {
	height: 70px;
	display: block;
}

#slideshowcontrolsContainer {

	display: block;
	height: 19px;
	text-align: right;
    border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}


li.ss-active {
	vertical-align: middle;
	margin: 0;
	text-align: left /*!important*/;
	padding: 3px 3px 2px 12px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #369;
}

li.ss-active a.ss-active, li.ss-active a.ss-active:link {
	text-decoration: none;
	color: #369; /*!important*/;
	text-align: left /*!important*/;
}

li.ss-active a.ss-active:hover {
	text-decoration: underline;
	color: #369; /*!important*/;
}
/*-----------End SlideShow CSS ********************/


/*----Right menu Science and Technology--*/


.menulinkoff {
	color: #cc8822;
	font-weight: bold;
    text-decoration: none; 
	background-color: #eeeedd; 
	display:block;
}
.menulinkoff:hover {
   text-decoration: underline; 
}
/* ----End Right menu Science and Technology--*/
.highlightsdate{
font-weight: normal;
color:#555;
font-size: 100%;
}
div.center h2.homeheader {
	margin: 3px 0px 0px 0px;
	padding-left:0px;
	padding-top:1px;
	padding-bottom:1px;
	font-weight:bold;
	font-size:12pt;
}
div.center h2.homeheader {
	font-size:100%;
}
div.center h2.homeheader a{
	text-decoration:underline;
	font-size:100%;
	color:#000000;
}

/*h2.homeheader div div ul{
	margin-left:0px;
	padding-bottom:5px;
	border-bottom-color:#FF0000;}*/
div.center div.STechnologyPortal{
        margin-top: -4px;
		border: 1px #447744 solid;
		padding: 2px 5px 0 5px; 
	}
div.center div.STechnologyPortal div{
	    margin-bottom: -1px;
}
	
.imgRight{
    width: 130px;
	height: 180px;
	float: right;
	margin-left: 10px;
    display: block;
}
.imgRighthome{
    width: 100px;
	float: right;
	font-style: italic;
	margin-right: -1px;
	font-size: 11px;
/*margin-bottom: 15px;*/
	padding: 0px 3px 0px 0px; 
    display: block;
}


.imgleft{
    width: 125px;
	float: left;
	padding: 5px;
    display: block;
}

.fsize{
font-size: 97%;
} 


  div.center div.STechnologyPortal h2{
	    background: #FFF url(../../com/images/H2-bgee1W.jpg) left no-repeat;	
		padding-left : 0px;
		color: #369;
		margin-top: 0.70em; 
		font-size: 110%;
		font-weight: 700;
		
	   }
      div.center div.STechnologyPortal h2 a{	
			color: #369;
			text-decoration: none;
			display: block; 
			padding: 0 2px 0 2px;
			
		}
		div.center div.STechnologyPortal h2 a:visited{	
			color: #369;
		}
		div.center div.STechnologyPortal h2 a:hover{	
			color: #369;
			background-color: #FFFFFF; 
			text-decoration: underline; 
		}
.STechnologyB {
   border-bottom: 1px #447744 dashed;
	margin-top: 15px;
	height: 5px;
	display:block;
   
}
.STechnologyArchive{
margin-left: 310px;
padding: 0px 0px 3px;
width: 60px;
}

.boxR {
border: #369 solid 1px; 
padding: 5px; 
display: block; 
float: right; 
margin-left: 5px;
}
.box {
border: #369 solid 1px; 
padding: 5px;  
display: block;
}
.width180 {
width: 180px;
}
.width300 {
width: 400px;
}
.width382 {
width: 382px;
}
.margintop15 {
margin-top: -15px;
}
.marginleft450 {
margin-left: 450px;
}
.liststyledecimal {list-style: decimal;
}
/*----End Science and Technology CSS--*/


/* START: Home page - Hightlights/Points saillants */

	.Hlights{
	border-bottom: dashed 1px #aaa;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left:10px;
	font-weight: normal;
	font-size: 13px;
	}
	
	.Hlightsbottom{
	border-bottom: solid 1px #FFF; 
	padding-bottom: 10px; 
	padding-top: 10px; 
	font-weight: bold;
	font-size: 13px;
	}
div.center .Hlightslink {
    text-decoration: none;
	display: block;
	background:#FFF; 
	
	}

div.center a.Hlightslink:hover { 
text-decoration : underline;
background-color: #EEE;
} 
div.center a.Hlightslink:visited { 
color: #447744;
} 

.width146 {
width: 146px;
}
.width92 {
width: 92px;
}

.width210 {
width: 210px;
}

#greenline {
border-bottom: solid 1px #447744; 

}

	
div.center h2.highpointtitle{ 
		width: 115px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-top: 10px;
		padding: 2px 5px 2px 10px;
		background: #447744 url(../../com/images/center-tab-left2.gif) bottom left no-repeat; 
		color: #FFF;
		font-size: 105%;
		font-weight:bold; 
		text-align: center; 
	}
	div.center h2.highpointtitletips{ 
		width: 140px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-top: 10px;
		padding: 2px 5px 2px 10px;
		background: #447744 url(../../com/images/center-tab-left2.gif) bottom left no-repeat; 
		color: #FFF;
		font-size: 105%;
		font-weight:bold; 
		text-align: center; 
	}
	div.center h2.highpointtitletipsF{ 
		width: 135px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-top: 10px;
		padding: 2px 5px 2px 10px;
		background: #447744 url(../../com/images/center-tab-left2.gif) bottom left no-repeat; 
		color: #FFF;
		font-size: 105%;
		font-weight:bold; 
		text-align: center; 
	}
	/* Second and next highpoints*/
	div.center div.highpointS{
		border: 1px #447744 solid;
		/*padding: 2px 5px 0px 5px;*/
		padding-top: 0px;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 5px;
		display: block;
	}
	div.highpointS .green {
	color:#447744;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	}
	
	html > body div.center div.highpointS{
	padding-bottom: 10px;
	}
	
	
	div.center div.highpointSTemp{
		
		/*border: 1px #FFF solid;padding: 2px 5px 0px 5px;padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;*/
		margin-top: -5px;
	}
	html > body div.center div.highpointSTemp{
	padding-bottom: 0px;
	}
	
.bottomline{ border-bottom: 1px #447744 solid;
margin-top: 15px;
}
.bottomlinelast{ 
margin-top: 20px;
}
	div.center div.highpointS h3{
	color: #369;	
		margin-bottom: -0.80em;/*-0.70em;*/
		margin-top: 0em; /*0.70em*/
		font-size: 105%; /*125*/
	}
	html > body div.center div.highpointS h3{
	margin-bottom: -0.30em;
	}
		div.center div.highpointS h3 a{	
			color: #369;
			text-decoration: none;
			display: block; 
			padding: 0 2px 0 2px;
			
		}
		div.center div.highpointS h3 a:visited{	
			color: #369;
		}
		div.center div.highpointS h3 a:hover{	
			color: #369;
			background-color: #EEE; 
			text-decoration: underline; 
		}
	/* End Second and next highpointswidth: 392px; 
		margin-top: 5px;*/
	div.center div.highpoint{
	border: 1px #003377 solid;
	width: 392px;
	margin-top: 5px;
	padding: 5px 5px 10px 5px;
	}


	div.center div.highpoint h3{	
		margin-bottom: -0.70em;
		margin-top: 0.70em; 
		font-size: 105%; /*125*/
	}
		div.center div.highpoint h3 a{	
			color: #369;
			text-decoration: none;
			display: block; 
			padding: 0 2px 0 2px;
			
		}
		div.center div.highpoint h3 a:visited{	
			color: #369;
		}
		div.center div.highpoint h3 a:hover{	
			color: #369;
			background-color: #EEE; 
			text-decoration: underline; 
		}

	div.center div.newnou{ 
	
		text-align: center; 
		font-weight: bold;
		margin-left: 315px; 
		border-right: 1px #447744 solid;
		border-bottom: 1px #447744 solid; 
		padding: 0.13em 0.50em 0.13em 0.50em; 
		background-color: #FFF;
	}
	
		div.center div.newnou a{ 
		color: #447744; 
		text-decoration: underline; 
		display: block; 
		}
		div.center div.newnou a:visited{ 
		color: #447744; 
		}
		div.center div.newnou a:hover{ 
		color: #447744;
		text-decoration: none; 
		}	
.rightmenuenv{
float:right; 
width: 32px; 
display: block; 
height: 25px;
}

.floatleftwidth210 {
float: left; 
width: 210px; 
display: block;
}

.videolist {
display:block;
width:auto; 
height: 170px;
}

.bluetitle369 {
color: #369;
}	
/* END: Home page - Hightlights/Points saillants */
/*IN FOCUS TABLE */
.infocusrow {
margin: 0; 
padding: 0; 
width: 100%; 
overflow: hidden;
}

.infocuscol1 {
float: left; 
width: 130px; 
padding: 1px; 
margin: 15px 5px 5px 0px;
}
.infocuscol2 {
float: left; 
width: 450px; 
padding: 1px; 
margin: 15px 0px 5px 2px;
}
.margintop {
margin-top: 0px;
}
/*END IN FOCUS TABLE */
/*MORE FEATURES TABLE */
.col-a {
float: left; 
width: 33%; 
padding: 1px; 
margin: 5px 5px 5px 0px;
}

.col-b {
float: left; 
width:65%;
padding: 1px; 
margin: 5px 0px 5px 2px;
}

/*END MORE FEATURES TABLE */
.NRCanGreenBG {
	background-color: #447744; 
	padding: 0 1px;
}

hr{ 
	color: #447744;  
}

dl dt{  
		padding-top: 1em; 
		font-weight:bold;
	}

dl dd{  
		margin-left: 0; 
	}
	
dl dt ul {   
		padding-top: 1em;
		padding-bottom: 1em;
	}

dl dd ul {   
		padding-top: 1em;
	}

ul.space li, dt.space{
	padding-bottom: 1em;
}

	ul.space li ul li{
		padding-bottom: 0;
	}
ul.noIndent{
	padding-left:15px;
	#padding-left:-3px;
	#margin-left:0;}
.padding-leftright{
	padding-left: 5px;
	padding-right: 5px;
}

.padding-topbottom1{
	padding-top: 1px;
	padding-bottom: 1px;
}
.padding-topbottom{
	padding-top: 2px;
	padding-bottom: 2px;
}
.padding-topbottom4{
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Form elements */
.labelForm{ 
	float:left;  
	width: 130px;
}
.labelFormRAPw200 { 
	float:left;  
	width: 200px;
}

/* box width250 */
.box250{
	border:2px ridge #999999;
	padding: 5px;
	float: left;
	width:250px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*clean tech minutes non data table----------------------------------------------------*/

.table {
	float:left;
	width:auto;
	clear:left;
	
	}
	.rowct {
	padding:0;
	margin: 0;
	clear:both;
	}
		.colct{
			float: left;
			width: 560px;
			padding: 1px;
		}
		.colct1{
			float: left;
			width: 230px;
			padding: 1px;
		}
		.colct2 {
			float: left;
			width: 110px;
			padding: 1px;
			text-align:center;
		}
.clearboth{
	clear:both;
	padding-bottom:6px;}
.clearbothIE{
	clear:both;
	}
.clearRight{
clear:right;}

	.noBold {
	font-weight:normal;}
/*end of clean tech minutes non data table---------------------------------------------------- */
.fontSize60{
	font-size:6pt;}


/*CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #003377;
}
div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: #039;
}

div.footer a:link:hover, div.center .footer a:hover{
	text-decoration: none; 
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */


/* SRVMSG CSS STARTS  */
div.srvMsgCol div.frab { 
	padding-left: 6px;
	border-left: 1px #369 dashed;
}
/* SRVMSG CSS ENDS  */
.width380 {
width: 380px;
}
div.center div.margintop_18 {
margin-top: -15px;
}
#borderright {
border-right: solid 2px #999999; 
padding-top: 0px;
}

