/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/*
Change based on:
6.3.2.15 Adjusting the alignment of the FIP images
*/
div.fip, div.cwm {
	height: 25px;
}

/*
Change based on:
6.3.2.17 Changing the width and the starting position of the skip navigation links container
*/
div.page div.core div.navaid {
	width: 450px;
    padding-left: 85px;
}

/*
Change based on:
6.3.2.17 Changing the width and the starting position of the skip navigation links container
*/
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 85px;
}

/*
Change based on:
6.3.2.17 Changing the width and the starting position of the skip navigation links container
*/
*:first-child+html div.page div.core div.navaid {
    width: 450px;
	padding-left: 85px;
}

/*
Non-flash banner
*/
div.banner {
	background-color: #03369e;
}

/*
Flash banner
In the template, an extra <div> was inserted within <div class="banner"> ... </div>. This
new <div> must have an ID of "banner".
*/
div.banner-flash {
	min-height: 112px;
	height: 112px;
	margin-top: 0;
	padding-bottom: 0;
}
	div.banner-flash #banner {
		height: 112px;
	}

/*
Base hyperlink text color - site-wide
*/
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: #4a6792;
}

/*
Breadcrumb
*/
p.breadcrumb {
/* UPDATED BY MS: */
	font-size: 80%;
	padding: 2px 0px 6px 6px;
}
	p.breadcrumb a:link,
	p.breadcrumb a:visited,
	p.breadcrumb a:hover,
	p.breadcrumb a:active {
		color: #4a6792;
		text-decoration: underline;
	}
/*
commented DU
	p.breadcrumb a.current:link,
	p.breadcrumb a.current:visited,
	p.breadcrumb a.current:hover,
	p.breadcrumb a.current:active {
		color: #000;
		text-decoration: none;
	}
	p.breadcrumb a.current:hover,
	p.breadcrumb a.current:active {
		text-decoration: underline;
	}
*/
/*
Institutional Links
*/
div.left ul.nav li.menucontent,
div.left ul.nav div.menucontent {
	background: #dfe5f1 url(../images/nav_leftcol_primary_bg.gif) repeat-x left top;
	border-bottom: 1px solid #9bacd2;
	padding: 1px 3px 3px 13px;
}
	div.left ul.nav li.menucontent a.menulink,
	div.left ul.nav div.menucontent a.menulink {
		background-color: transparent;
		color: #4a6792;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
	}
	div.left ul.nav li.menucontent a.menulink:hover,
	div.left ul.nav div.menucontent a.menulink:hover {
		text-decoration: underline;
	}

	/* Active first level navigational element */
	div.left ul.nav li.current {
		padding-bottom: 0;
	}
		div.left ul.nav li.menucontent ul.nav {
			background: #c4cee4 url(../images/nav_leftcol_secondary_bg.gif) repeat-x left top;
			margin: 5px -3px 0 -13px;
			padding: 3px 0 5px 0;
			width: 150px;
		}
			div.left ul.nav li.menucontent ul.nav li.menucontent {
				background: transparent;
				border-bottom: 0;
				padding: 1px 3px 6px 23px;  /*updated from 3 to 5 by MS*/
			}
				div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink {
					color: #2d2b33;
					font-weight: normal;
				}
				div.left ul.nav li.menucontent ul.nav li.menucontent a.current {
					font-weight: bold;
				}				
				div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink:hover,
				div.left ul.nav li.menucontent ul.nav li.menucontent a.menulink:active {
					text-decoration: underline;
				}
				
				
		/* Third level navigation */
				div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav {
					margin: 5px -3px 0 -23px;
					width: 150px;
				}
					div.left ul.nav li.menucontent ul.nav li.menucontent ul.nav li.menucontent {
						background: transparent url(../images/nav_leftcol_third_bg.gif) no-repeat 27px .6em;
						padding: 1px 3px 3px 38px;
					}				
				

div.left h2.navaid,
div.left div.prodis {
	display: none;
}
	div.left ul.nav li.prodis {
		border-bottom: 0;
		padding: 0;
		zoom: 1;
	}
		div.left ul.nav li.prodis ul.nav {
			margin: 0;
		}


/*
Tools (beneath Institutional Links)
*/
div.left ul.tools {
	background: #fff url(../images/leftcol_bg_gradient.gif) repeat-x left top;
	height: auto !important;
	height: 290px;
	min-height: 290px;
	padding: 17px 0 0 0;
}
	div.left ul.tools li.menucontent {
		background-color: transparent;
		background-position: 11px 50%;
		background-repeat: no-repeat;
		border-bottom: 0;
		margin: 0 0 2px 0;
		padding: 1px 3px 3px 32px;
	}
		div.left ul.tools li.email {
			background-image: url(../images/icon_email.gif);
		}
		div.left ul.tools li.print {
			background-image: url(../images/icon_print.gif);
		}

/*
Footer
*/
div.footer {
	color: #4a6792;
	font-size: 80%;
	padding-top: 50px;
}
	div.footer div.footerline {
		background-color: #e0efff;
	}


/*
Wrapper background image
*/
/* 3 column */
div.colLayout {
	background: #fff url(../images/wrapper_3col_bg.gif) repeat-y left top;
}

div.colLayout div.blackborder{
	width:395px;
	overflow:hidden;
}



/* 2 column */
.col2 div.colLayout {
	background: #fff url(../images/wrapper_2col_bg.gif) repeat-y left top;
}

	div.colLayout div.left,
	div.colLayout div.right,
	div.colLayout div.center {
		background-color: transparent;
	}

.col2 div.colLayout div.blackborder{
	width:auto;
}
	
/*
Center Column
*/
div.blackborder {
	border: 0;
	font-size: 90%; /*updated from 80 to 90 by MS*/
	line-height: 130%;
	padding: 0 5px;
}



	/* Hyperlinks */
	div.center a:link,
	div.center a:visited,
	div.center a:hover
	div.center a:active {
		color: #4a6792;
		text-decoration: underline;
	}
	div.center a:hover
	div.center a:active {
		text-decoration: none;
	}

	/* H1 headings */
	div.center h1 {
		margin-top: 0;
		padding-top: 0;
		color: #9D280E;
		line-height: 120%;
	}

	/* H2 headings */
	div.center h2 {
		margin-top: 0;
		padding-top: 0;
		font-size: 120%; /*updated by MS to make it look like bold body text*/
	}

	/* H3 headings */
	div.center h3 {
		/*REM BY MS: color: #039; */
		margin: 0;
		font-size: 100%; /*updated by MS */
		font-weight: bold;
		padding: 0;
		/*REM BY MS: text-transform: uppercase; */
	}


	/* Unordered <UL) Lists */
	div.center ul {
		list-style-type: disc;
	}
		div.center ul li {
			/*REM BY MS: color: #039;*/
			margin: 0 0 .35em 0;
		}

	/*
	Content: Table Layout
	*/
	div.center table {
		border: 0px solid #bbb; /*UPDATED BY MS: border set to 0*/
		border-collapse: collapse;	
		width: 100%;
	}
	div.center table tr {
		vertical-align: top;
	}
	div.center table td {
		border: 0px solid #bbb; /*UPDATED BY MS: border set to 0*/
		padding: 3px;
	}
	div.center table th {
		padding: 3px auto;
	}
	
	div.center table tr.shademe td {
		background-color: #ebecec;
	}
	
	
	div.center table tr td.BodyText1 td{
		border: 0px solid #bbb;
	}
	
	
	
	
	div.center table.noshade {
		border: 0;
	}
		div.center table.noshade td {
			border: 0;
			background-color: #fff;
		}

	div.center table.noborder {
		border: 0;
	}
	
	div.center table.CareersBorder { /* ADDED BY MS*/
		border: 0;
	}
		
		div.center table.noborder td {
			border: 0;
			background-color: #fff;
			padding: 0;
		}

		div.center table.CareersBorder td {
			border: 1;
			background-color: #fff;
			padding: 0;
		}




/*
Right Column - Blue background features (gradient with
white graphical text)
*/
div.right li ul.nav {
	border: 0;
}
	div.right ul.nav li {
		background: #fff url(../images/rightcol_feature_story_bg.gif) no-repeat left top;
		border: 0;
		height: auto !important;
		height: 70px; /*UPDATED BY MS: Was 105 previously */
		margin: 0 0 10px 0; /*UPDATED BY MS: Was 15 previously */
		min-height: auto; /*UPDATED BY MS: Was 105 previously */
	}
		/*
		 Graphical version of feature title
		*/
		div.right ul.nav li h2.nav {
			background-color: transparent;
			background-position: left top;
			background-repeat: no-repeat;
			display: block;
			height: 30px;
			margin: 0 0 15px 0;
			overflow: hidden;
			padding: 0;
			text-decoration: none;
			text-indent: -5000px;
		}
		/*
		 Text version of feature title
		 *REMEMBER TO REMOVE THE ID FROM THE PARENT <LI>*
		*/
		div.right ul.nav li h2.text {
			color: #fff;
			font-size: 100%;
			font-weight: bold;
			height: auto;
			overflow: visible;
			padding: 12px 10px 0 0; /* changed fom 7 to 12 by MS*/
			margin-bottom: 5px; /* added by MS */
			text-align: right;
			text-indent: 0;
		}

			div.right li ul.nav li.menucontent a.menulink {
				background-color: transparent;
				color: #4a6792;
				display: block;
			}

		div.right ul.nav li ul.nav li.menucontent  {
			background: transparent;
			color: #4a6792;
			font-size: 80%;
			height: auto;
			margin: 0 0 1px 0;
			line-height: 13px;
		}

/*
Right Column - Graphic features.
Max width of 195 pixels; there is no limit on height.
*/

/* Graphic feature with NO hyperlink */
div.right div.feature {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	margin: 0 0 15px 0;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-indent: -5000px;
	width: 195px;
}
/* Graphic feature with hyperlink */
div.right div.feature a {
	height: 100%;
	left: 0;
	position: absolute;
	text-indent: -5000px;
	top: 0;
	width: 100%;
}


/*
Graphical headers for all content (center column) title and features.
Please ensure that a height is set for all; no width value is needed.
*/
div.center .hdr-graphic {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-decoration: none;
	text-indent: -5000px;
}


/*
Home page Flash movie
*/
#home-flash-banner {
	height: 266px;
	position: relative;
	width: 395px;
}

/*
Home page welcome area - grouping of the following items:
	- Licencees & Applicants
	- My Community
	- News
	- How to Report an Incident
*/
#home-welcome {
	background: #fff url(../images/home_welcome_bg.gif) no-repeat left top;
}
	#home-welcome div.col1 {
		display: inline;
		float: left;
		margin: 34px 0 0 17px;
		padding: 0 4px 0 0;
		width: 179px;
	}
	#home-welcome div.col2 {
		display: inline;
		float: left;
		margin: 58px 0 0 14px;
		width: 170px;
	}

	#home-welcome h2.hdr-graphic {
		margin: 0 0 4px 0;
		padding: 0;
	}
		#home-welcome h2#my-community {
			border-top: 1px solid #f7faff;
			background-position: left bottom;
			padding-top: 7px;
		}

	#home-welcome a:link,
	#home-welcome a:visited,
	#home-welcome a:hover,
	#home-welcome a:active {
		color: #443e55;
		text-decoration: none;
	}
	#home-welcome a:hover,
	#home-welcome a:active {
		text-decoration: underline;
	}

	#home-welcome p {
		margin: 0 0 10px 0;
		padding: 0;
	}

	#home-welcome ul {
		list-style-type: none;
		margin: 0 0 25px 0;
		padding: 0;
	}
		#home-welcome ul li {
			margin: 0 0 7px 0;
		}


/*
Clear floats so content beneath will flow
normally. This class must be attached to any
parent that has a floated child.
*/
.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}