/* CLF 2.0 TEMPLATE VERSION 1.0 | VERSION 1.0 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #787;
}
div.colLayout {
	background: #FFCC66;
	height: 100%; 
}
.sideimagetrees{
	background: #FFF url(../images/trees.jpg) no-repeat center center;
	height: 270px;
	width: 150px; 
	border-bottom: #FFF 1px solid;	
}
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: #FFCC66;
	background: #FFCC66 url(../images/banner.jpg) no-repeat center center;
    height: 133px;
	
}
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	
 --------------------------------------------------------------------------*/
div.center .ne {
	background-color: #ffffff;
	background-image: url(../images/elements/ne-banner.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 35px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div.center .necontent {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div.blackborderne {
	padding: 0px;
	border: solid #696 1px;
	min-height: 158px;
	min-width: 135px;
}
div.blackborderne:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
div.center h2.h2ne {
	color:#a71;
	background:none;
	font-style:italic;
	padding:0px;
	margin-top:-5px;	
	}
div.center .necontent h3.h3ne, div.center .necontent h3.h3ne a:link, div.center .necontent h3.h3ne a:active,
div.center .necontent h3.h3ne a:visited {
	margin-bottom:-15px;
	color: #000000;
	text-decoration:none;
	}
div.center .necontent h3.h3ne a:hover {
	text-decoration: underline;
}
div.center .necontent .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: 185px;
			margin: 0 3px 3px 0;
			padding: 0;
			border-right-width: 1px;
			border-right-style: solid;
			border-right-color: #a71;
		}
		 div.col2 {
			float: left;
			width: 175px;
			margin: 0 3px 3px 5px;
			padding: 0;
		}
p.margin-0 {
	margin-top:1px;
	margin-bottom:1px;}
.marginbottom-3 {
	margin-bottom:-15px;}
.padding-left{
	padding-left: 10px;
}
.padding-right{
	padding-right: 10px;
}
.imageleft{
	width: 200px;
	float: left;
	margin-bottom: 3px;
	margin-right: 10px;
	font-style: italic;
	display: block;
}
.imageright{
	width: 200px;
	float: right;
	margin-left: 10px;
	margin-bottom: 3px;
	font-style: italic;
	display: block;
}
.textleft{
	width: 210px;
	float: left;
	padding: 10px; 
	background: #FFFFCC;
}
.textright{

	width: 210px;
	float: right;
	padding: 10px; 
	background: #FFFFCC;
}
div.right  .ne{
	background-image: url(../images/elements/ne-rt-banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 70px;
	border-top: solid #696 1px;
}
div.right h2.navne {
	color: #140;
	text-decoration: none;
	font-size: 100%;
	/*  This uses the NRCan 65 degree angle graphic	
 */
	background: #FE8 url(../images/elements/h2nav-ne.gif) top left no-repeat;
	padding-left: 25px;
	font-style: italic;
}
div.right .nerightcontent {
	border: solid #696 1px;
	padding-right: 5px;
	padding-left: 5px;
}
.nerightcontent {
	margin-bottom: 10px;
}
h2.navne, h2.navne a:link, h2.navne a:visited {
	color: #140;
	text-decoration: none;}
h2.navne {
	font-size: 10.0pt;
	font-weight: 700;
	line-height: 1.6em;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}
.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;}
/* END of classes for Natural Elements  subsite -----------------------------------------------------------------*/
/* classes for right submenu NSTW------------------------------------------------------------------*/
div.right .menucontenttopborder{
	color: #000;
	background-color: #FFF;
	margin-bottom: 0px;
	border-bottom: 1px solid #369;
	border-top: 1px solid #369;
}
div.right li.menucontenttopborder {
	font-size: 100%;
	padding: 2px 3px 2px 12px;
}
div.right .submenucontent{
	padding: 0.15em 0 0.25em 2.0em; 
}
	div.right .submenulink {
		color: #000;
		background-color: #FFF; 
		display:block;
		text-decoration: none;
		border-bottom: 1px dashed #9C9; 
	}
	div.right .submenulink2 {
		color: #cc8822;
		background-color: #FFF; 
		display:block;
		text-decoration: none;
		border-bottom: 1px dashed #9C9; 
	}
	a.submenulink:hover, a.submenulink2:hover  {
				text-decoration: underline;
		}
/* end of classes for right submenu NSTW-----------------------------------------------------------*/

/* classes for CEM  report ---------------------------------------------------------------------------------------*/

div.center .cem {
	background-color: #ffffff;
	background-image: url(../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 #696 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 #696;
	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 #696;
	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 #696;
	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 -----------------------------------------------------------------*/

h2.nav, h2.nav a:link, h2.nav a:visited {
	color: #FFF;
	text-decoration: none;

	/*  This uses the NRCan 65 degree angle graphic
	background: #369 url(../images/h2nav.gif) bottom left no-repeat;
	padding-left: 25px;
	*/
	
	/* This is used to replace the NRCan 65 degree angle graphic  */
	background-color: #369;
}

div.left h2.nav {
	border-bottom: 1px solid #FFF;
}

h2.nav a:hover {
	text-decoration: underline;
}

div.left ul.nav2 { 
 border-left: 5px solid #696;
 margin-left: 0px;
 background-color: #FFF;
 padding-left: 24px;
 padding-right: 5px; 
}

blockquote {
	background-color: #9C9;
	color: #000;
	border: 1px solid #369;
	border-bottom: 3px;
	border-right: 3px;
	font-style: italic; 
	padding: 1em;
}

/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
.left-layer-right {
	border-right: 3px solid #696;
	display : block;
}

div.left { 
	background-color: #FFCC66;
}

div.left .menucontent {
	padding: 0px 0px 0px 0px;
	letter-spacing: 0px;
	background-color: #FFF;
	margin-bottom: 0px;
	border-bottom: 1px solid #FFF;
}

div.left .menucontent, .menucontent li {
	font-weight : bold;
}

div.left .menucontent, div.left .menulink {
	color: #000;  
	
	/*  This uses backgroun graphic
	background: #FFF url(../images/leftnav.jpg) left repeat-y;
	*/
	
	/* This is used to replace backgroun graphic  */
	background-color: #EEE
}

div.left .menulink {
 border-left: 6px solid #696;
 display : block; 
 padding: 2px 3px 2px 5px;
 
}

div.left .menulink:hover { 
 text-decoration: none; 
 color: #FFF; 
 background-color: #369; 
 
 /*  This uses the NRCan 65 degree angle graphic
 border-left: 6px none;
 background: url(../images/leftlink-hover.gif) left no-repeat; 
 padding-left: 11px;
 */
 
 /* This is used to replace the NRCan 65 degree angle graphic  */
 border-left: 6px #9C9 solid;
 
 /*background-color: #9C9;*/
}

/* START: Left menu link (when on the linked page) */

	div.left .menulinkon { 
 	 display : block; 
	 color: #FFF;
	 text-decoration: none;
	 background-color: #369;
	 
	 /*  This uses backgroun graphic
	 border-left: 6px none;
 	 background: url(../images/leftlink-hover.gif) left no-repeat;
	  padding: 2px 3px 2px 11px;
	 */ 
	 
	 /* This is used to replace backgroun graphic  */
	 border-left: 6px #9C9 solid;
	 padding: 2px 3px 2px 5px; 
	 
	}

div.left ul.nav li.menucontent ul.nav li.menucontent{
	list-style: none; 
	margin-left: 12px; 
	margin-bottom: -1px;
}

	div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink{
		border-left: 6px solid #696;
		border-bottom: 1px solid #FFF;
 		display : block; 
 		padding: 2px 3px 2px 17px; 
		margin-left: -12px; 
		overflow: auto;
	}
	
	div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink:hover{
		border-left: 6px solid #9C9;
		display : block; 
	}

div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent{
	list-style: none; 
	margin-left: 24px;
}

	div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent a.menulink{
		border-left: 6px solid #696;
		border-bottom: 1px solid #FFF;
 		display : block; 
 		padding: 2px 3px 2px 27px; 
		margin-left: -36px;
		overflow: auto;	
	}
	
	div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent a.menulink:hover{
		display : block; 
		border-left: 6px solid #9C9;
		}

/* END: Left menu link  (when on the linked page) */

div.right h2.nav {
	color: #FFF;
	text-decoration: none;

	/*  This uses the NRCan 65 degree angle graphic */
	background: #369 url(../images/h2nav.gif) bottom left no-repeat;
	padding-left: 25px; 
	
	
	/* This is used to replace the NRCan 65 degree angle graphic  
	background-color: #369;
	*/
}

div.right .menucontent{
	color: #000;
	background-color: #FFF;
	margin-bottom: 0px;
	
	border-bottom: 1px solid #369;
}



div.right ul.nav li.menucontentvideo{
	background: #FFF url(../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(../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 .menulink {
	color: #369;
	background-color: #FFF; 
	display:block;
}

div.right li ul.nav {
	border: 1px solid #696; 
	/*margin: -5px 0px 0px 0px;
	padding: 0px;*/
}

div.right div.feature div{
	padding: 0.15em 0 0.25em 0; 
}



div.prodis {
	/*  This uses the NRCan 65 degree angle graphic
	background: #369 url(../images/h2nav.gif) bottom left no-repeat;
	padding-left: 25px;
	*/
	
	/* This is used to replace the NRCan 65 degree angle graphic  */
	background-color: #369;
	border-bottom: 1px solid #FFF;
		
}

.prodisafter {
	border-bottom : 4px solid #696;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center div.intro{ 
	/*margin-top: -5px;*/
	margin-top: -23px;
	padding: 0 2px 30px 2px;
	background: #FFF url(../images/bkgrnd_mtns.jpg) bottom no-repeat;  
	border: 1px #696 solid; 
	border-top: 0;
	border-left: 0;
}
html > body div.center div.intro{
margin-top: -18px;
}

div.center h1, h2, h3, h4, h5, h6 {
	color: #000;
}

h1 {
	 font-size: 135%;

}

h3, h4, h5, h6 {
	color: #000;
	font-weight: bold;
}

div.center h2{
	/*background: #FFF url(../images/H2-bg.jpg) left no-repeat;
	padding-left : 30px;*/
	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 {
	color: #369;
}

div.center a:visited {
	color: #696;
}

div.center a:hover {
	color: #369; 
	text-decoration: none; 
	
}

div.blackborder {
	padding: 5px;
	border: solid #FFF 0px;
	min-height: 158px;
	min-width: 135px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
/*----Science and Technology CSS---*/
div.center div.STechnology{

        margin-top: -4px;
		border: 1px #696 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: #369;
			text-decoration: none;
			display: block; 
			padding: 0 2px 0 2px;
			
		}
		div.center div.STechnology h3 a:visited{	
			color: #369;
		}
		div.center div.STechnology h3 a:hover{	
			color: #369;
			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(../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--*/

div.right h2.navSTechnology {
	color: #FFF;
	text-decoration: none;
    font-size: 12px;
	/*  This uses the NRCan 65 degree angle graphic */
	background: #369 url(../images/h2nav.gif) bottom left no-repeat;
	padding-left: 25px; 
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	/* This is used to replace the NRCan 65 degree angle graphic  
	background-color: #369;
	*/
}


/*.navSTechnology {
    font-size: 12px;
    color: #FFF;
	text-decoration: none;
	margin-top: 0px;
    margin-bottom: -1px;*/
	/*  This uses the NRCan 65 degree angle graphic */
	/*background: #369 url(../images/h2nav.gif) bottom left no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 25px; */
	
	/* This is used to replace the NRCan 65 degree angle graphic  
	background-color: #369;
	*/
/*}*/

.menulinkoff {
	color: #cc8822;
	font-weight: bold;
    text-decoration: none; 
	background-color: #FFF; 
	display:block;
}
.menulinkoff:hover {
   text-decoration: underline; 
}
/* ----End Right menu Science and Technology--*/
.highlightsdate{
font-weight: normal;
color:#666666;
font-size: 100%;
}

div.center div.STechnologyPortal{
        margin-top: -4px;
		border: 1px #696 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(../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 #696 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;
}
.margintop15 {
margin-top: -15px;
}
.liststyledecimal {list-style: decimal;
}
/*----End Science and Technology CSS--*/


/* START: Home page - Hightlights/Points saillants */

	.Hlights{
	border-bottom: solid 1px #696; 
	padding-bottom: 10px; 
	padding-top: 10px; 
	font-weight: bold;
	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: #369;
} 

div.center h2.infocus{ 
		width: 115px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-top: -3px;
		padding: 2px 5px 2px 10px;
		background: #696 url(../images/center-tab-left2.gif) bottom left no-repeat; 
		color: #FFF;
		font-size: 105%;
		font-weight:bold; 
		text-align: center; 
	}

div.center h2.highpointtitle{ 
		width: 115px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-top: 10px;
		padding: 2px 5px 2px 10px;
		background: #696 url(../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: #696 url(../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: #696 url(../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 #696 solid;
		/*padding: 2px 5px 0px 5px;*/
		padding-top: 15px;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 5px;
		display: block;
	}
	html > body div.center div.highpointS{
	padding-bottom: 10px;
	}
	
	/*div.center div.highpointSF{
		border: 1px #696 solid;
		//padding: 2px 5px 0px 5px;
		padding-top: 15px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 30px;
		display: block;
	}
	
	html > body div.center div.highpointSF{
	padding-bottom: 40px;
	}*/
	
	
.bottomline{ border-bottom: 1px #696 solid;
margin-top: 15px;
}
.bottomlinelast{ 
margin-top: 20px;
}
/*div.center div.highpointS div{
		border-bottom: 1px #696 solid;
		margin-bottom: -1px;  
	}*/
	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 highpoints*/
	div.center div.highpoint{
		border: 1px #696 solid;
		padding: 2px 5px 0 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 #696 solid;
		border-bottom: 1px #696 solid; 
		padding: 0.13em 0.50em 0.13em 0.50em; 
		background-color: #FFF;
	}
	
		div.center div.newnou a{ 
		color: #696; 
		text-decoration: underline; 
		display: block; 
		}
		div.center div.newnou a:visited{ 
		color: #696; 
		}
		div.center div.newnou a:hover{ 
		color: #696;
		text-decoration: none; 
		}	
.rightmenuenv{
float:right; 
width: 32px; 
display: block; 
height: 25px;
}		
/* END: Home page - Hightlights/Points saillants */

.NRCanGreenBG {
	background-color: #696; 
	padding: 0 1px;
}

hr{ 
	color: #696;  
}

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{
	padding-bottom: 1em;
}

	ul.space li ul li{
		padding-bottom: 0;
	}

.padding-leftright{
	padding-left: 5px;
	padding-right: 5px;
}

.padding-topbottom{
	padding-top: 2px;
	padding-bottom: 2px;
}

/* 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;
	clear:both;
	margin: 0;
	}
		.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;
	}
/*end of clean tech minutes non data table---------------------------------------------------- */
		

/*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: #FFCC66;
}
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;
	background-color: #FFF;
}

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  */