/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE */
div.bannerTop {
	text-align: center; 
	min-height: 65px;
	height: 65px;
	margin: 5px 38px 0 0;
	padding: 0;
	z-index: 1;
}
* html div.bannerTop {
	position: static;
}
#flashBanner {
	width: 760px;
	height: 80px;
	margin: -30px 0 0 0;
	padding: 0;
}
.staticBanner {
   background-image: url(/templates/CLF2_1_04/_images/staticbanner.jpg);
   text-align: center;
   color: #FFF;
}
div.BGHeader {
   margin: 0;
   padding: 0;
   width: 760px;
   height: 80px;
   text-align: center;
}
div.departmentHeader {
	font-size: 140%;
	font-weight: bold;
	padding-top: 30px;
	font-family: "Times New Roman", Times, serif;
}
div.URLHeader {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
/* HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb {
	min-height: 17px;
	height: auto;
	/*height: 17px;*/
	padding: 3px 0 0 3px;
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/* LEFT SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL DE GAUCHE */

div.left h2.nav {
	line-height: 125%;
	padding: 5px 0 5px 5px;
	margin-bottom: 1px;
}
div.left h2.nav,
div.left h2.nav a:visited {
	text-decoration: underline;
}
div.left li.menucontent,
div.left div.menucontent {
	border-bottom: 1px solid;
	padding: 4px 2px 4px 5px;
}
div.left ul.nav ul ul {
	/*text-indent: 10px;*/
	overflow: auto;
}
div.prodis {
	height: 5px;
	line-height: 5px;
	max-height: 5px;
	margin: 0;
	padding: 0;
}
div.left ul.nav li.menuSelected h2.nav {
   background: #C00 url(../_images/grey_bullet.gif) no-repeat 6px 10px;
   text-decoration: none;
}
div.left ul.nav li.level1item ul.nav li.menuSelected {
   background: #999 url(../_images/red_bullet.gif) no-repeat 12px 8px;
   text-decoration: none;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.menuSelected {
   background: #CCC url(../_images/red_bullet.gif) no-repeat 18px 8px;
   text-decoration: none;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.menuSelected {
   background: #E8E8E8 url(../_images/red_bullet.gif) no-repeat 24px 8px;
   text-decoration: none;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item ul.nav li.menuSelected {
   background: #FFF url(../_images/red_bullet.gif) no-repeat 30px 8px;
   text-decoration: none;
}
div.left ul.nav li.menuSelected h2.nav,
div.left ul.nav li.level1item h2.nav {
   padding: 4px 2px 4px 5px;
   border-bottom: solid 2px #FFF;
   width: 143px;
}
div.left ul.nav li.menuSelected ul.nav li.level2item,
div.left ul.nav li.level1item ul.nav li.menuSelected,
div.left ul.nav li.level1item ul.nav li.level2item {
   padding: 2px 2px 2px 11px;
   Margin: 0 -2px 0 -11px;
   /*border-bottom: solid 1px #FFF;*/
   border-bottom: dotted 1px #999;
}
div.left ul.nav li.level1item ul.nav li.menuSelected ul.nav li.level3item,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.menuSelected,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item {
   padding: 2px 2px 2px 17px;
   margin: 0 -2px 0 -17px;
   border-bottom: solid 1px #FFF;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.menuSelected ul.nav li.level4item,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.menuSelected,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item {
   padding: 2px 2px 2px 23px;
   margin: 0 -2px 0 -23px;
   border-bottom: solid 1px #999;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.menuSelected ul.nav li.level5item,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item ul.nav li.menuSelected,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item ul.nav li.level5item {
   padding: 2px 2px 2px 29px;
   margin: 0 -2px 0 -29px;
   border-bottom: solid 1px #CCC;
}
div.left ul.nav li.level1item ul.nav,
div.left ul.nav li.menuSelected ul.nav,
div.left ul.nav li.level1item ul.nav a.menulink,
div.left ul.nav li.menuSelected ul.nav a.menulink {
   background-color: #CCC;
   font-weight: normal;
   color: #000;
   text-decoration: none;
   position: relative; /* peekaboo bug fix for IE6 */
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav,
div.left ul.nav li.level1item ul.nav li.menuSelected ul.nav,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav a.menulink,
div.left ul.nav li.level1item ul.nav li.menuSelected ul.nav a.menulink {
   background-color: #CCC;
   font-weight: normal;
   color: #000;
   text-decoration: none;
   position: relative; /* peekaboo bug fix for IE6 */
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.menuSelected ul.nav,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.menuSelected ul.nav a.menulink {
   background-color: #E8E8E8;
   font-weight: normal;
   color: #000;
   text-decoration: none;
   position: relative; /* peekaboo bug fix for IE6 */
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item ul.nav,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.menuSelected ul.nav,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item ul.nav a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.menuSelected ul.nav a.menulink {
   background-color: #FFF;
   font-weight: normal;
   color: #000;
   text-decoration: none;
   position: relative; /* peekaboo bug fix for IE6 */
}
div.left ul.nav li.level1item h2.nav {
   text-decoration: none;
}
div.left ul.nav li.level1item h2.nav a,
div.left ul.nav li.level1item ul.nav li.level2item a.menulink,
div.left ul.nav li.menuSelected ul.nav li.level2item a.menulink {
   text-decoration: none;   
}
div.left ul.nav li.level1item ul.nav,
div.left ul.nav li.menuSelected ul.nav {
   padding: 0 2px 0 11px;
   margin-top: -3px;
   border-top: solid 2px #CCC;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav,
div.left ul.nav li.level1item ul.nav li.menuSelected ul.nav {
   padding: 0 2px 0 17px;
   margin: 3px -2px -3px -11px;
   border-top: solid 1px #FFF;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.menuSelected ul.nav {
   padding: 0 2px 0 23px;
   margin: 3px -2px -3px -17px;
   border-top: solid 1px #999;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item ul.nav,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.menuSelected ul.nav {
   padding: 0 2px 0 29px;
   margin: 3px -2px -3px -23px;
   border-top: solid 1px #CCC;
}
div.left ul.nav li.menuSelected h2.nav a,
div.left ul.nav li.level1item ul.nav li.menuSelected a.menulink {
   margin-left: 12px;
}
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.menuSelected a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.menuSelected a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item ul.nav li.menuSelected a.menulink {
   margin-left: 2px;
}
div.left ul.nav li.level1item ul.nav li.menuSelected ul.nav li.level3item a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.menuSelected ul.nav li.level4item a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.menuSelected ul.nav li.level5item a.menulink,
div.left ul.nav li.level1item ul.nav li.level2item ul.nav li.level3item ul.nav li.level4item ul.nav li.level5item a.menulink {
   margin-left: -10px;
}
div.left ul.nav li.level1item h2.nav a:hover,
div.left ul.nav li.level1item ul.nav li.level2item a.menulink:hover {
   text-decoration: underline;
}
div.left ul.nav li.level1item h2.nav a {
   /*text-decoration: underline;*/
}
/* LEFT SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL DE GAUCHE */

/* RIGHT SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL DE DROITE */
div.right, div.right ul.nav {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
div.right h2.nav {
	line-height: 110%;
	padding: 5px 0 5px 5px;
}
div.right a:hover {
    text-decoration: underline !important;
}
div.right li div div {
	clear: both;
	min-height: 100%;
}
div.right li ul {
	margin: 0;
	padding: 10px 3px 10px 15px;
}
div.right li.level0item ul.nav li.level1item {
    margin-bottom: 0px;
    margin-top: 0px;
}
div.right h2.nav {
    line-height: 125%;
    padding: 5px 0 5px 5px;
}
div.right ul.nav ul ul {
    text-indent: 10px;
}
div.right li.level0item {
    margin: 0px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
div.right li.level0item h2.nav {
    background-color: #C00;
}
div.right li.level0item ul.nav {
    padding: 0px;
    margin: 0px;
    border: none;
}
div.right li.level1item {
    width: 100%;
}
div.right li.level2item a.menulink {
    margin-left: -10px;
}
div.right li.level1item ul.nav {
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: inline-block;
    width: 182px;
}
div.right li.level1item h2.nav {
    padding: 4px 2px 4px 5px;
    border-bottom: solid 2px #FFF;
}
div.right li.level2item {
    padding: 2px 2px 2px 11px;
    Margin: 0 -2px 0 -11px;
    border-bottom: dotted 1px #999;
}
div.right li.level1item ul.nav,
div.right li.level1item ul.nav a.menulink {
    background-color: #DDD;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    position: relative;
}
div.right li.level2item ul.nav,
div.right li.level2item ul.nav a.menulink {
    background-color: #DDD;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    position: relative;
}
div.right li.level1item h2.nav {
    text-decoration: none;
}
div.right li.level1item h2.nav a,
div.right li.level2item a.menulink {
    text-decoration: none;
}
div.right li.level1item ul.nav {
    padding: 0 2px 0 11px;
    margin-top: -3px;
    border-top: solid 2px #DDD;
}
div.right li.level2item ul.nav {
    padding: 0 2px 0 17px;
    margin: 3px -2px -3px -11px;
    border-top: solid 1px #FFF;
}
div.right li.level1item h2.nav a:hover,
div.right li.level2item a.menulink:hover {
    text-decoration: underline;
}
div.right li div.rightContentEmergency {
	background: #F6F600 url(/templates/CLF2_1_04/_images/corner_195.png) no-repeat 0 0;
	position: relative; /* peekaboo bug fix for IE6 */
	border: none;
	font-weight: bold;
	line-height: 20px;
	padding: 5px;
	margin-bottom: 10px;
}
div.right li div.rightContentwithBG {
	border: 1px solid;
	border-top: none;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 3px 10px 2px 10px;
	position: relative; /* peekaboo bug fix for IE6 */
}
div.right li div.rightContentwithBG ul li {
	list-style: square;
}
div.right li div.rightContentImgTitle img {
   vertical-align: bottom;
}
div.right li div.rightContentImgTitle {
	margin: 1px 0 0 0;
	padding: 0;
	border: none;
	width: 195px;
}
div.right li div.rightContentNoText {
    margin-bottom: 10px;
}
div.right li div div img.rightImg {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative; /* peekaboo bug fix for IE6 */
}
div.right div.boxTitle {
	padding: 0;
	margin: 0;
	position: relative; /* peekaboo bug fix for IE6 */
	font-size: 100%;
}
div.right div.boxTitle h2,
div.right div.boxTitle h3 {
	padding: 3px 10px 4px 10px;
	margin: 0;
	font-size: 100%;
}
div.right div.boxWrapperToC {
	margin: 0;
	float: right;
	width: 195px;
}
div.right div.boxWrapperToC div.boxContent {
	padding: 0;
	/*word-wrap: break-word;*/
	padding-left: 5px;
}
div.right ol.ToC {
	margin-left: 15px;
	padding-left: 20px;
}
div.right div.boxContent {
    position: relative;
	border: solid 1px;
	border-top: none;
	margin: 0;
	padding: 10px;
	overflow: hidden;
	float: none;
}
div.right div.boxContent ol {
	margin-top: 0;
	padding-top: 10px;
}
div.right div.boxContent ol li {
	padding-top: 2px;
}
div.right div.boxContent ul {
	margin-top: 0;
	padding-top: 10px;
}
div.right div.boxContent ul li {
	list-style-type: square;
	padding-top: 2px;
}
div.right div.boxContent ul.datedList {
	list-style: none;
	padding: 0;
	margin: 0;
	float: none;
}
div.right div.boxContent ul.datedList li.datedList {
	padding: 0;
	margin: 0;
	list-style: none;
}
/* RIGHT SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL DE DROITE */












/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center div.boxWrapper {
	padding: 0 0 15px 0;
	margin: 0;
	float: none;
	overflow: hidden;
    width: 100%;
}
div.center div.boxTitle {
	padding: 0;
	margin: 0;
	position: relative; /* peekaboo bug fix for IE6 */
	font-size: 100%;
}
div.center div.boxTitleHighlight {
	padding: 0;
	margin: 0;
	text-decoration: underline;
}
div.center div.boxTitle h2,
div.center div.boxTitle h3,
div.center div.boxTitleHighlight h2,
div.center div.boxTitleHighlight h3 {
	padding: 3px 10px 4px 10px;
	margin: 0;
	font-size: 100%;
}
div.center div.boxContent {
    position: relative;
    border: solid 1px;
    border-top: none;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    float: none;
}
div.center div.boxContentHighlight {
    border: solid 1px;
    border-top: none;
    margin: 0;
    padding: 10px;
    float: none;
    overflow: hidden;
}
div.center div.boxContent ol,
div.center div.boxContentHighlight ol {
    margin-top: 0;
    padding-top: 10px;
}
div.center div.boxContent ol li,
div.center div.boxContentHighlight ol li {
    padding-top: 2px;
}
div.center div.boxContent ul,
div.center div.boxContentHighlight ul {
    margin-top: 0;
    padding-top: 10px;
}
div.center div.boxContent ul li,
div.center div.boxContentHighlight ul li {
    list-style-type: square;
    padding-top: 2px;
}
div.center div.boxContent ul.datedList {
    list-style: none;
    padding: 0;
    margin: 0;
    float: none;
}
div.center div.boxContent ul.datedList li.datedList {
    padding: 0;
    margin: 0;
    list-style: none;
}
div.center img.leftIMG {
    padding-right: 10px;
    padding-bottom: 10px;
    float: left;
}
div.blackborder {
    margin: 0;
    padding: 0;
    border: none;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer {
    padding-top: 10px;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* MEDIA CSS BEGINS | DEBUT DU CSS MEDIA */
div#mediacontainer {
    padding: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: left;
}
div#mediacontainer p {
    margin: 0;
    padding: 0 0 10px 0;
}
/* MEDIA CSS ENDS | FIN DU CSS MEDIA */

/* SLIDESHOW CSS BEGINS | DEBUT DU CSS DIAPORAMA */
ul #slideshow {
    padding: 0;
    margin: 0;
    width: 195px;
    border: none;
}
ul #slideshow li {
    padding: 0;
    margin: 0;
    width: 195px;
    border: none;
}
/* SLIDESHOW CSS ENDS | FIN DU CSS DIAPORAMA */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
div#centercolumnicons div.canadianoffices { width: 84px;}
div#centercolumnicons div.travellingliving { width: 84px; margin-left: 107px; margin-top: -135px;}
div#centercolumnicons div.servicesbusiness { width: 84px; margin-left: 214px; margin-top: -135px;}
div#centercolumnicons div.foreignpolicy { width: 84px; margin-left: 321px; margin-top: -135px;}

div#centercolumnicons div.canadianoffices a,
div#centercolumnicons div.travellingliving a,
div#centercolumnicons div.servicesbusiness a,
div#centercolumnicons div.foreignpolicy a {
    display: block;
    height: 135px;
    width: 84px;
    overflow: hidden;
    text-decoration: none;
    color: #C00;
    font-weight: bold;
    text-align: center;
}
div#centercolumnicons div.canadianoffices a:hover,
div#centercolumnicons div.travellingliving a:hover,
div#centercolumnicons div.servicesbusiness a:hover,
div#centercolumnicons div.foreignpolicy a:hover {
    display: block;
    text-indent: -84px;
    text-decoration: none;
}
ul.datedList li {
    list-style-type: none !important;
}
ul.datedList li div {
    margin-left: 92px;
    margin-top: -16px;
}
ul.datedList li div a {
    padding-top: 2px;
}

.ResetMarginTop {
    margin-top: 0px !important;
    width: auto !important;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

div.navaid, p.navaid, h1.navaid, h2.navaid, .navaid {
    top: 0px;
}
