/* 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: #FFF url(../images/bg-colLayout.jpg) repeat scroll left center;	
	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;
	height: 20px;
}
/* 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: #369 url(http://www.nrcan-rncan.gc.ca/com/images/bbg.jpg) no-repeat center center;
	/*margin-bottom:0px;*/
	height:60px;
	vertical-align:top;
}

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;
	z-index: -1;
}
* 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 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 {

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



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; 
 margin-top:0px;
}

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 {
	display : block;
}

div.left { 
	background-color:#369;
	margin-top:0px;
	float:left;
	width:150px;
}
div.left ul.nav li {
	overflow:hidden;
}
div.left .menucontent {
	padding: 0px 0px 0px 0px;
	letter-spacing: 0px;
	background-color: #FFF;
	margin-bottom: 0px;
	margin-top:0px;
	vertical-align:top;
}

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

div.left .menucontent, div.left .menulink {
	color: #ffffff;  
	background-color: #336699;
	
	vertical-align:top;
}

div.left .menulink {

 display : block; 
 padding: 2px 3px 2px 5px;
  background-image:url(../images/bg_btn_menulink_off.gif);
 background-position:right center;
}

div.left .menulink:hover { 
 text-decoration: none; 
 color: #FFF; 
 background-color: #90afcd; 
 background-image:url(../images/bg_btn_menulinksub2.gif);
 background-position:right center;
 }

	div.left .menulinkon { 
 	 display : block; 
	 color: #FFF;
	 text-decoration: none;
	 background-color: #90afcc;
	 padding: 2px 3px 2px 5px; 
	}

div.left ul.nav li.menucontent ul.nav li.menucontent{
	list-style: none; 
	background-image: url(../images/bg_btn_menulinksub_beige2.gif);
	color:#003366;
}

	div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink{
 		display : block; 
 		padding: 2px 3px 2px 17px;
		overflow: auto;
		background-color: #90afcc;
		border-bottom: 1px solid #FFF;
		background-image: url(../images/bg_btn_menulinksub_beige2.gif);
		background-position:right center;
			color: #003366;
	}
	
	div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink:hover{
		background-color: #cccccc;
		display : block; 
		background-image: url(../images/bg_btn_menulinksub2.gif);
		 background-position:right center;
	}


	div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent a.menulink{
		border-bottom: 1px solid #FFF;
 		display : block; 
 		padding: 2px 0px 2px 27px; 
		overflow: auto;	
		background-image:url(../images/bg_btn_menulinksub_beige.gif);
		color:#003366;
		/*margin-bottom:-2px;*/
	}
	
	
	div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent a.menulink_pageselected{
		border-bottom: 1px solid #FFF;
 		display : block; 
 		padding: 2px 0px 2px 27px; 
		overflow: auto;	
	}
	
	/*custom*/
	div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent a.menulink{
		border-bottom: 1px solid #FFF;
 		display : block; 
 		padding: 2px 0px 2px 37px; 
		overflow: auto;	
		background-image:url(../images/bg_btn_menulinksub_beige.gif);
		color:#003366;
		/*min-height:20px;
		margin-bottom:-2px;*/
	}
	
	
	div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent a.menulink_pageselected{
		border-bottom: 1px solid #FFF;
 		display : block; 
 		padding: 2px 0px 2px 37px; 
		overflow: auto;	
		/*min-height:20px;*/
	}
	/*custom*/
	div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent a.menulink:hover{
		display : block; 
		background-image:url(../images/bg_btn_menulinksub2.gif);
		}

div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink_pageselected {
	background-image:url(../images/bg_btn_menulinksub2.gif);
	display : block; 
 	padding: 2px 3px 2px 17px; 
	overflow: auto;
	background-color: #96966c;
	border-bottom: 1px solid #FFF;
	background-position:right center;
}
div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink_selected {
	background-image:url(../images/bg_btn_menulinksub2.gif);
	display : block; 
 	padding: 2px 3px 2px 17px; 
	overflow: auto;
	background-color: #90afcc;
	border-bottom: 1px solid #FFF;
	background-position:right center;
}
div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent a.menulink_selected {
	background-image:url(../images/bg_btn_menulinksub2.gif);
	display : block; 
 	padding: 2px 3px 2px 27px; 
}

div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink_pageselected:hover {
	background-image:url(../images/bg_btn_menulinksub2.gif);
		color:white;
}

div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink_pageselected:active {
	background-image:url(../images/bg_btn_menulinksub2.gif);
	background-color: #96966c; 
}
div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink_selected:link {
	background-image:url(../images/bg_btn_menulinksub2.gif);
}

div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink_selected:visited {
	background-image:url(../images/bg_btn_menulinksub2.gif);
}

div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink_selected:hover {
	background-image:url(../images/bg_btn_menulinksub2.gif);
		color:white;
}

div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink_selected:active {
	background-image:url(../images/bg_btn_menulinksub2.gif);
	background-color: #96966c; 
}

div.left a.menulink_pageselected {
	color:white;
	background-image:url(../images/bg_btn_menulinksub2.gif);
	display : block; 
    padding: 2px 3px 2px 5px;
    padding-left: 8px;
    background-position:right center;
}
div.left a.menulink_selected {
	color:white;
	background-image:url(../images/bg_btn_menulinksub2.gif);
	display : block; 
    padding: 2px 3px 2px 5px;
    /*padding-left: 8px;*/
    background-position:right center;
}
div.left a.menulink_pageselected:hover {
	color:white;
	background-image:url(../images/bg_btn_menulinksub2.gif);
}

div.left a.menulink_pageselected:active {
	color:white;
	background-image:url(../images/bg_btn_menulinksub2.gif);
	background-color: #96966c; 
}
div.left a.menulink_selected:hover {
	background-image:url(../images/bg_btn_menulinksub2.gif);
	color:white;
}

div.left a.menulink_selected:active {
color:white;
	background-image:url(../images/bg_btn_menulinksub2.gif);
	background-color: #96966c; 

}
/* 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{
	float:right;
	margin-top:0px;
	width:195px;
}

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

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;
	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;
	/*padding-left: 160px;*/
	
}

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



h1 {
	 font-size: 160%;

}

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: ##244AA6;
}

div.center a:visited {
	color: ##244AA6;
}

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

div.blackborder {
	padding: 5px;
	border: solid #fff 1px;
	min-width: 135px;
	height:100%;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}

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

/*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: #369;
}
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  */


h2.theme, h2.theme a:link, h2.theme a:visited {
	color: #000000;
	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: #96b2d0;
	border-bottom: 1px solid #FFF;
	padding-left: 25px;
	font-size: 145%;
}
.navWhite{
background-image:url(../images/bg_white.gif);
}

/* 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;
} 
h2.infocus{ 
		margin-left: 15px;
		margin-bottom: 0px;
		padding: 2px 5px 2px 10px;
		background: #336799 url(../images/center-tab-left2-blue.gif) bottom left no-repeat; 
		color: #ffffff;
		font-size: 100%;
		font-weight:bold; 
		text-align: center; 
		margin-top:0px;
	}

div.center h2.infocus{ 
		margin-left: 15px;
		margin-bottom: 0px;
		padding: 2px 5px 2px 10px;
		background: #336799 url(../images/center-tab-left2-blue.gif) bottom left no-repeat; 
		color: #ffffff;
		font-size: 100%;
		font-weight:bold; 
		text-align: center; 
		margin-top:0px;
		_padding: 0px;
		_padding-top:2px;
		/*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.right h2.infocus{ 
		margin-left: 15px;
		margin-bottom: 0px;
		padding: 2px 5px 0px 10px;
		/*background: #336799 url(../images/center-tab-left2-blue.gif) bottom left no-repeat; 
		*/color: #ffffff;
		font-size: 100%;
		font-weight:bold; 
		text-align: center; 
		margin-top:0px;
	}
	
	div.main_table h2.infocus{ 
		margin-left: 15px;
		margin-bottom: 0px;
		padding: 2px 5px 2px 10px;
		background: #336799 url(../images/center-tab-left2-blue.gif) bottom left no-repeat; 
		color: #ffffff;
		font-size: 100%;
		font-weight:bold; 
		text-align: center; 
		margin-top:0px;
		width:100%;
	}
	
	

div.center h2.highpointtitle{ 
		width: 115px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-top: 10px;
		padding: 2px 5px 2px 10px;
		background: #336799 url(../images/center-tab-left2-blue.gif) bottom left no-repeat; 
		color: #ffffff;
		font-size: 100%;
		font-weight:bold; 
		text-align: center; 
		height:15px;
	}
	div.center h2.highpointtitletips{ 
		width: 140px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-top: 10px;
		padding: 2px 5px 2px 10px;
		background: #336799 url(../images/center-tab-left2-blue.gif) bottom left no-repeat; 
		color: #FFF;
		font-size: 100%;
		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: #336799 url(../images/center-tab-left2-blue.gif) bottom left no-repeat; 
		color: #FFF;
		font-size: 100%;
		font-weight:bold; 
		text-align: center; 
	}
	/* Second and next highpoints*/
	div.center div.highpointS{
		border: 1px #336799 solid;
		/*padding: 2px 5px 0px 5px;*/
		padding-top: 10px;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 5px;
		margin-bottom:10px;
		display: block;
	}
	html > body div.center div.highpointS{
	padding-bottom: 10px;
	}

	#highpointS_title{
		color: #ffffff;
	}
	
.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 #336799 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: #336799; 
		text-decoration: underline; 
		display: block; 
		}
		div.center div.newnou a:visited{ 
		color: #336799; 
		}
		div.center div.newnou a:hover{ 
		color: #336799;
		text-decoration: none; 
		}	
.rightmenuenv{
	float:right; 
	width: 32px; 
	display: block; 
	height: 25px;
}		
h2 .titre{
	color:#ffffff;
	font-size:12px;
	text-transform:none;
	padding-left:5px;
	padding-right: 5px;
}
.subBanner{
	text-align:right;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom: 1px;
	border-color:#FFFFFF;
	border-style:solid;
	padding-bottom:10px;
	width:605px; 
	float:right;
	background-color:#FFFFFF;
}
.centerHome{
	width:405px;
	_width:400px;
	/*padding-left:8px;*/
}

.style_rss{
	border-style:solid;
	border-width: 1px;
	border-color:#336699;
}
.error_msg_search{
	color:#FF0000;
}

.blue_box{
	border-style:solid;
	border-width:1px;
	border-color:#336699;
}
.white_link a:link{
	color:white;
}
.center_3col{
width:400px;
}
.center_2col{
}
.highpointS .textecourant{
	display:inline;
}
/* END: Home page - Hightlights/Points saillants */