/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #FFF;
}
div.colLayout {
	background-color: #FFF;
	height: 100%;
}
/* 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: 0;
	/*
	Change based on:
	6.3.2.15 Adjusting the alignment of the FIP images
	*/
	padding-top: 1px;
	/* END */
}
/* 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-color: #696;
}
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 */
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 */
div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {
	background-color:#FFF;
	color: #FFF;
	text-decoration: none;
}
div.left h2.nav a:hover, div.left h2.nav a:active, div.left h2.nav a:focus, div.left div.h2nav a:hover, div.left div.h2nav a:active, div.left div.h2nav a:focus, div.left p.h2nav a:hover, div.left p.h2nav a:active, div.left p.h2nav a:focus, div.right h2.nav a:hover, div.right h2.nav a:active, div.right h2.nav a:focus, div.right div.h2nav a:hover, div.right div.h2nav a:active, div.right div.h2nav a:focus, div.right p.h2nav a:hover, div.right p.h2nav a:active, div.right p.h2nav a:focus {
	text-decoration: underline;

}
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: 1px solid #000;
	color: #000;
	background-color: #CC9;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left li.nav, div.left div.menucontent {
	border-bottom: 1px dotted #FFF;
}
div.left li.nav, div.left div.menucontent, div.left a.menulink {
	color: #000;
	background-color: #CC9;
}
div.right li.nav, div.right div.menucontent {
	color: #000;
	background-color: #FFF;
}
div.right a.menulink {
	color: #000;
	background-color: #FFF;
}
div.prodis {
	background-color: #696;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center h1, h2, h3, h4, h5, h6 {
	color: #000;
}
div.center a:link {
	color: #039;
}
div.center a:visited {
	color: #663;
}
div.blackborder {
	border: solid #000 1px;
}
div.blackborder:after {
	content: "";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
/* 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: #696;
}
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;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

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

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

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

/* MESSAGE SPACE CSS BEGINS | DEBUT DU CSS DE L'ESPACE DE MESSAGE */
div.msgarea h1, div.msgareaalt h1 {
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
div.msgarea {
	background: url(../images/wp-pa.gif) #69C no-repeat;
	height: 250px; /* added by MS */
}
div.msgareaalt {
	background: url(../images/wp-pa-alt.gif) #69C no-repeat;
}
.msgarea h1 {
	padding-top: 55px;
	visibility: hidden; /* added by MS */
}
div.msgareaalt h1 {
	padding-top: 160px;
	visibility: hidden; /* added by MS */
}
div.headcontainer {
	background-color: #CC9;
	color: #000;
	visibility: hidden; /* added by MS */
	height: 0px; /* added by MS */
}
/* MESSAGE SPACE CSS ENDS | FIN DU CSS DE L'ESPACE DE MESSAGE */

/*********************************************************************************/
/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* TWO COLUMN LAYOUT CSS BEGINS | DEBUT DU CSS DE LA MISE EN PAGE DE DEUX COLONNES */
div.left {
	float: left; 
	width: 150px;
}
div.center {
	margin-left: 150px;
	padding: 0px 0px 5px 10px;
}
* html div.center {
	margin-left: auto;
	padding-left: 10px;
	padding-right: 20px;
	margin-right: -10px;
	float: left;
	overflow: visible;
}
/* TWO COLUMN LAYOUT CSS ENDS | FIN DU CSS DE LA MISE EN PAGE DE DEUX COLONNES */

/*********************************************************************************/
/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body, p, blockquote, table, td, th, li, a, ul, ol, input, dd, dl, dt,
form, input, button, textarea, select, option, fieldset, label {
	font-size: 100%;
}
select, input, textarea, code, code span {
	font-size: 100%;
}
body {
	font-size: 80%;
}
.fontSize200 {
	font-size: 200%;
}
.fontSize195 {
	font-size: 195%;
}
.fontSize190 {
	font-size: 190%;
}
.fontSize185 {
	font-size: 185%;
}
.fontSize180 {
	font-size: 180%;
}
.fontSize175 {
	font-size: 175%;
}
.fontSize170 {
	font-size: 170%;
}
.fontSize165 {
	font-size: 165%;
}
h1, .h1Size, .fontSize160 {
	font-size: 160%;
}
.fontSize155 {
	font-size: 155%;
}
h2, .h2Size, .fontSize150 {
	font-size: 150%;
}
.fontSize145 {
	font-size: 145%;
}
h3, .big, .h3Size, .fontSize140 {
	font-size: 140%;
}
.fontSize135 {
	font-size: 135%;
}
h4, .h4Size, .fontSize130 {
	font-size: 130%;
}
.fontSize125 {
	font-size: 125%;
}
h5, .h5Size, .fontSize120 {
	font-size: 120%;
}
.fontSize115  {
	font-size: 115%;
}
h6, .h6Size, .fontSize110, h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline {
	font-size: 110%;
}
.fontSize105 {
	font-size: 105%;
}
.fontSize100, .topPage {
	font-size: 100%;
}
.fontSize95 {
	font-size: 95%;
}
.fontSize90 {
	font-size: 90%;
}
.mediumFont, .fontSize85 {
	font-size: 85%;
}
.fontSize80 {
	font-size: 80%;
}
.smallFont, .fontSize75 {
	font-size: 75%;
}
.fontSize70 {
	font-size: 70%;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* INSTUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner p.main {
	font-size: 185%;	
}
div.banner p.siteuri {
	font-size: 110%;
}
/* INSTUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* COMMON MENU BAR CSS BEGINS | DEBUT DU CSS DE LA BARRE DE MENU */
li.fiptext, li.fiptexta, li.fiptextb, li.fiptextc {
	font-size: 100%;
}
/* COMMON MENU BAR CSS ENDS | FIN DU CSS DE LA BARRE DE MENU */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb {
	font-size: 95%	
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
h2.nav, div.nav, p.nav {
	font-size: 100%;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
li.menucontent, div.menucontent {
	font-size: 100%;
}
li.menucontent, li.menucontent li, li.menucontent, li.menucontent li {
	font-size: 100%;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer {
	font-size: 100%;
}
/* FOOTER CSS ENDS | FIN DU CSS DČU PIED DE LA PAGE */

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */
.doubleLineSpace {
	line-height: 200%;
}
/* TEXT UTILITY CSS ENDS | FIN DU CSS D'UTILITE DE TEXTE */


/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/

/* 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: 100%; /*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: 140%; /*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: 1px solid #bbb;
		border-collapse: collapse;	
		width: 100%;
	}
	div.center table tr {
		vertical-align: top;
	}
	div.center table td {
		border: 1px solid #bbb;
		padding: 3px;
	}
	div.center table th {
		padding: 3px auto;
	}
	
	div.center table tr.shademe td {
		background-color: #ebecec;
	}
	
	
	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.noborder td {
			border: 0;
			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 */