/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* PWGSC TEMPLATE V1.0 | V1.0 DU GABARIT TPSGC */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */


/* option1 is the main box for Corporate COMM use
option1 is used on main page of the www.tpsgc-pwgsc.gc.ca site
----------------------------------------------- */

	.option1 {
	margin: 0 0 8px;
	padding: 26px 0 0;
	background: #ddb url(/images/navimages/box1Top.png) top center no-repeat;
	width: 405px;
}
.option1 img {
	padding: 0 0 5px 8px;
}
.option1 h1, .option1 h2 { /* DT NOV 20 added h1 */
	background: url(/images/navimages/h1arrow.png) center left no-repeat;
	margin-left: 20px;
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 25px;
	color: #369 /*DT modified sept 7 #555*/;
	font-size: 140%;
}
.option1 p {
	background: #ffe;
	border: 1px solid #369 /*DT modified sept 7 #264*/;
	border-top: none;
	margin: 0;
	padding: 5px;
}
/* 
Manadatory main1 is for the content area of 3 column home page 
------------------------------- */
.main1 {
	margin:  0 6px 6px 6px;
	margin-bottom:10px;
}
.center ol, ul, p { /*EM modified Dec 16*/
	color:#666;
	line-height:1.6em;
}
/* Option2 & Option3 
DT: used classes so that the box options can be repeated multiple times
on the same page.
----------------------------------------------- */
.option2, .option3 {
	margin: 0 0 8px;
	padding-left: 8px;
	padding-right: 7px;
	border: 1px solid #FFF;
	line-height: 1.6em;
}
/* Option3
Only one heading to be used per box with option 3
----------------------------------------------- */
	.option3 {
	padding: 0;
}
.option3 h2 {
	background: #225555 /*DT modified sept 7 #264*/;
	margin: 0;
	padding: 3px;
	font-size: 120%;
	color: white;
}
.option4 p {
	margin: 0;
	padding: 8px;
	color:#666;
}
.option4 ul, ol {
	margin: 0 0 0 20px;
	padding: 10px;
	color:#666;
}
.option4 li {
	padding:0 0 10px 8px;
	color:#666;
	line-height: 1.6em;
}
.option4 {
	margin: 0 0 0px;
	padding: 8px 0 0 0;
	border: 1px solid #EBEBEB;
	/*--border: 1px dashed #369 DT modified sept 7 #264*/
		/*background: #eeeeee; /*EM modified July 17 #eec*/
		background: #fff url(/images/navimages/box1Top1.png) top center no-repeat;
}
.option4 h2, h3, h4, h5 {
	margin-top: 8px;
	padding:5px;
}
.option5 {
	background-color: #ebedef;
	border: 1px solid #C8C9CB;
	margin-bottom: 15px;
	padding: 5px 10px 5px 10px;
}
.option5 h2 {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 110%;
	color: #515151;
	border-bottom: 1px dotted #C8C9CB;/*background-color: #225555;*/
}
.option5 h3, .option5 h4 {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 100%;
	color: #515151;
	border-bottom: 1px dotted #C8C9CB;
}
.option5 p {
	margin: 0;
	padding: 5px;
	color:#333;
	font-size: 90%;
	color:#606060;
	line-height:1.6em;
}
.option5 ul, ol {
	margin: 0 0 0 20px;
	padding: 10px;
	color:#606060;
}
.option5 li {
	color:#606060;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 90%;
}
/* Left Navigation
----------------------------------------------- */
	.leftNav h2 {
	font-size: 100%;
	font-weight: 700;
	/*line-height: 1.6em;*/
		margin: 0 0 2px;
	padding: 2px 0 2px 5px;
	background-color: #551155 /*EM modified July 17 #369*/;
	color: white;
}
div.left .leftNav h2 a {
	color: white;
	text-decoration: none;
}
div.left .leftNav h2 a:hover {
	color: white;
	background-color: #551155  /*EM modified July 17 #369*/;
	text-decoration: underline;
}
.leftNav {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* ---------------
nested 2nd level navigation left */
	div.left .leftNav ul ul li a {
	/* margin: 0 20px 0 15px;
		padding: 0 0 5px;*/
		text-decoration: none;
	margin: 0 10px 0 8px;
	padding: 0 0 5px;
}
/* left nav hover arrow */
	div.left .leftNav ul ul li a:hover {
	background: white url(/images/navimages/snArrowLiTwo.png) center right no-repeat;
	border: none;
}
/* ---------------------- */

	.leftNav ul, .leftNav.snThree {
	/*background: url(/images/navimages/leftNavUL.gif) bottom left no-repeat; EM modified July 17 #369*/
		background-color:#fbfdf6;
	margin: 0 0 5px;
	padding: 0;
}
.leftNav ul li, .leftNav.snThree li {
	list-style: none;
	margin: 0;
	padding: 2px 0;
	border-bottom:1px dotted #551155;
}
.leftNav ul li a, .leftNav.snThree li a {
	display: block;
	width: 136px;
	color: #551155;
	text-decoration: none;
	margin: 0 0 0 2px;
	padding: 3px 10px 3px 2px;
}
div.left .leftNav ul li a:hover {
	/*background: white url(/images/navimages/leftNavHover.png) center right no-repeat;*/
		background:#551155;
	/*background: white;*/
		border: none;
	color:white;
}
/* Sidenav Site Specific (snTwo) */
	div.left .leftNav.snTwo ul li a:hover, .leftNav.snThree li a:hover {
	background: white url(/images/navimages/snArrowLiTwo.png) center right no-repeat;
}
/* Right Navigation
----------------------------------------------- */
	.rightNav h2 {
	font-size: 100%;
	font-weight: bold; /* SR font-weight: normal;*/
	margin: 0;
	padding: 2px 2px 2px 5px;
	background-color: #551155 /*EM modified July 17 #369*/;
	color: white;
	border:none;
	border-bottom:2px solid #FFF;
}
.rightNav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 95%;
}
.rightNav ul {
	background:#EFEFEF;
	list-style:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 8px;
}
.right > .rightNav ul {
	margin-top: -1px;
}
.rightNav li.space {
	margin-bottom:8px;
}
.rightNav ul li {
	/*list-style: disc;
		margin: 0 5px 0 23px;
		padding: 4px 0;*/
	line-height: 16px;
	margin:0;
	padding:5px 3px 3px 8px;
	background:url(/images/fl-ar.gif) no-repeat 0 6px;
}
.rightNav ul li a {
	color: #551155;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.right .rightNav ul li a:hover {
	color: #551155;
	background: #EFEFEF;
	text-decoration: underline;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* below only used on the main www.tpsgc-pwgsc.gc.ca site */
.contentspacer {
	line-height: 3px;
}
div.maincontentborder {
	padding: 5px;
	border: solid #264 1px;
	min-width: 135px;
}
/* helps to center the image on the main content box */
#box1, #box2 {
	padding-left: 8px;
}
* html #box1, * html #box2 {
	padding-left: 8px;
}
#box3 {
	padding: 0;
	margin: 0;
}
.contentborder {
	padding: 5px;
	border: solid #264 1px;
	min-width: 135px;
}
/* ------------------- HEADING SIZES ------------- */

h2, h3, h4, h5, h6 {
	margin:0 0 8px 0;
	padding:5px 0 0 0;
}
h1 {
	font-size: 160%;
}
h2 {
	font-size: 135%;
	color:#515151;
}
h3 {
	font-size: 125%;
}
h4 {
	font-size: 115%;
	color:#515151;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
	color:#515151;
}
a.linker:link, a.linker:visited, a.linker:active, a.linker:hover {
	background-color: #fff;
	text-decoration:underline;
}
/* -------------------------------------------
END HEADING
----------------------------------------- */ 


/*-------- Flash -------------------------*/

#myAlternativeContent {
	margin:0px;
	padding:0px;
	background-color:#fff;
}
/*-------- Hill Cam ----------------------*/

.hillCam {
	font-size:80%;
	margin:0;
	padding:0 0 5px 5px;
}
/* ------ ADDED BY CYNTHIA --------------*/

/* ---------- Double-spaced List
--------------------------- */
ul.double-space, ol.double-space {
	padding-bottom: 0;
	margin-bottom: 0;
}
/* Apply a space after a list item */
ul.double-space li, ol.double-space li {
	padding-bottom: 1em;
}
/* Include a space at the top of the list */
ul.double-space ul, ol.double-space ol, ul.double-space ol, ol.double-space ul {
	padding-top: 1em;
}
/* Remove the extra spacing after the list */
ul.single-space, ol.single-space {
	margin-bottom: 0;
}
/* Remove the extra space after the list item. */
ul.single-space li, ol.single-space li {
	padding-bottom: 0;
}
.clearBoth {
	clear:both;
}
div.centerItem {
	margin-left: auto;
	margin-right: auto;
	width:90%;
}
.italicFix {
	width: 100%;
	overflow: hidden;
}
/* ---------------- NOTICE 
Provides a CALLOUT design feature 
--------------------------------- */
/* FULL WIDTH CALLOUT */
div.notice, div.notice-left, div.notice-right {
	background: #551155;
	padding: 2px 20px;
	margin-bottom: 1em;
	border: 1px solid #E9E9E9;
}
div.notice2, div.notice-left2, div.notice-right2 {
	background: #FBFDF6;
	padding: 2px 20px;
	margin-bottom: 1em;
	border: 1px solid #E9E9E9;
}
/* CALLOUT Left float */
div.notice-left {
	width: 35%;
	float: left;
	margin-right: 1em;
	background-color: #f7ffe7;
	border: 1px solid #E9E9E9;
	padding-bottom:5px;
}
div.notice-left2 {
	width: 35%;
	float: left;
	margin-right: 1em;
	background-color: #f7ffe7;
	border: 1px solid #E9E9E9;
	padding-bottom:5px;
}
/* CALLOUT Right float */
div.notice-right {
	width: 35%;
	float: right;
	margin-left: 1em;
	border: 1px solid #E9E9E9;
	padding-bottom:5px;
}
div.notice-right2 {
	width: 35%;
	float: right;
	margin-left: 1em;
	border: 1px solid #E9E9E9;
	padding-bottom:5px;
}
/* sets callout font size color */
div.notice h2, div.notice-left h2, div.notice-right h2, div.notice h3, div.notice-left h3, div.notice-right h3, div.notice h4, div.notice-left h4, div.notice-right h4, div.notice h5, div.notice-left h5, div.notice-right h5, div.notice h6, div.notice-left h6, div.notice-right h6 {
	font-size: 1.1em; /* 10pt; absolute fonts sizes are not permitted, use either em or % */
	color: #fff;
	border-bottom: 1px dotted #fff;
	margin-top: 1em;
}
div.notice2 h2, div.notice-left2 h2, div.notice-right2 h2, div.notice2 h3, div.notice-left2 h3, div.notice-right2 h3, div.notice2 h4, div.notice-left2 h4, div.notice-right2 h4 {
	/* font-size: 1.1em;  absolute fonts sizes are not permitted, use either em or % */
	color: #515151;
	border-bottom: 1px solid #E9E9E9;
	margin-top: 1em;
}
div.notice p, div.notice-left p, div.notice-right p {
	font-size: 1em; /* 10pt; absolute fonts sizes are not permitted, use either em or % */
	color: #fff;
	margin-top: 1em;
}
div.notice a:link {
	color: #fff; /*DT modified sept 7 #006666*/
}
div.notice a:visited {
	color: #fff; /*DT modified sept 7 #996600*/
}
/* ----- BASIC TABLE FORMAT 
-------------------------- */
table.basic {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}
table.basic caption {
	font-weight: bold;
	padding: 10px;
}
table.basic td, table.basic th {
	padding: 5px;
	border: 1px solid #369;
	vertical-align: top;
}
table.basic th {
	background: #bbccdd;
	color: #000;
	text-align: center;
	vertical-align: middle;
}
/* A header with a row scope can use a different alignment. */
table.basic th.row {
	text-align: left;
	vertical-align: top;
}
/* ---------- MORE TABLE FORMATTING 
------------------------ */

/* Cell Highlight */
tr.highlight, td.highlight {
	background: #eee;
}
/* Secondary Header for Basic Table */
/* A secondary headers looks different to emphasize a different level of hierarchy */
table.basic th.secondary {
	background: #fff;
	color: #369;
}
/* Void Table Cell */
table tr td.void, table tr th.void {
	background: none;
	border-width: 0;
}
.margin10Left {
	margin-left:10px;
}
.padding10Bottom {
	padding-bottom:10px;
}
.caption {
	padding-top:5px;
	line-height:1.4em;
	font-size: 85%;
	color: #551155;
}
div.imgLeft2col {
	text-align:center;
	float:left;
	width:47%;
	margin-right:10px;
	padding-bottom:10px;
	line-height:1.4em;
	font-size: 85%;
	color: #551155;
}
/* ---------- Display DL as 2 Column 
----------------------------------- */
dl.two-column {
	margin:  0;
	padding: 0;
}
/* Common styles for left and right columns */
dl.two-column dt, dl.two-column dd {
	width: 60%;
	padding: 0.5em 0 1em 0;
	margin: 0;
	float: left;
	border-top: 1px dotted #ccc;
	color:#666666;
	line-height:1.4em;
}
/* Styles specific to the left column for terms */
dl.two-column dt {
	width: 38%;
	font-weight: bold;
	padding-right: 2%;
	color:#666666;
	line-height:1.4em;
}
dl.basic dt {
	font-weight: bold;
	margin-bottom: 1em;
	color:#666666;
	line-height:1.4em;
}
dl.basic dd {
	margin-bottom: 1em;
	color:#666666;
	line-height:1.4em;
}
/* ------------------ PUBLICATIONS BOX-------------------------------------------- */
#pub {
	position: relative;
	background: #fff url('/images/publ/pub-mi.jpg') repeat-y center top;
	padding-bottom:20px;
}
#pub-header {
	width: 100%;
	min-height: 43px;
	position: absolute;
	z-index: 2;
	background: #fff url('/images/publ/pub-haut-head.jpg') no-repeat center top;
}
#pub-footer {
	width: 100%;
	min-height: 121px;
	position: absolute;
	z-index: 3;
	bottom: 0;
	background: #fff url('/images/publ/pub-bas-bot.jpg') no-repeat center top;
}
#pub-content {
	min-height: 165px;
	width: 525px;
	position: relative;
	z-index: 4;
	padding-bottom: 10px;
}
#pub-content .docsectionimg {
	float: left;
	padding: 0 0px 0 0px;
	margin: 60px 0 0 70px;
	height: 121px;
	width: 93px;
}
#pub-content .pub-desc {
	width:350px;
	margin-left: 175px;
}
#pub-content .pub-desc p {
	margin:0px;
	padding:0 0 10px 0;
}
#pub h2, #pub h3, #pub h4, #pub h5, #pub h6 {
	padding: 20px 0 10px 0;
}
/* ------------------ END PUBLICATIONS BOX-------------------------------------------- */

/* START SLIDESHOW CSS */

.ssh {
	margin:  0 6px 6px 6px;
	width:390px;
}
#slideshow-container {
	padding: 0;
	margin: 0;
}
#slideinterface {
	padding:0;
	margin:0;
	background: url(/images/sshw-mdiap/deco.gif) #efefef;
}
ul.slideshow-bullets {
	margin:0;
	padding:0 0px;
	list-style:none;
}
ul.slideshow-bullets li {
	background:transparent url(/images/lffl.png) no-repeat scroll 0 10px;
}
/* END SLIDESHOW CSS */
/* ------------------PDF BOX-------------------------------------------- */

div.pdfBox {
	width:150px;
	float:right;
	background:#fff;
	border:1px solid #515151;
	margin:5px 1px 2px 10px;
}
div.pdfBox h2 {
	font-size: 1em;
	background: #551155;
	margin: 0;
	color: white;
	padding:3px;
	text-align:center;
}
div.pdfBox p {
	padding:5px 3px 10px 5px;
	margin:0;
	color:#666;
	font-size: 85%;
}
div.pdfBox a {
	color:#551155;
}
/* ------------------END PDF BOX-------------------------------------------- */


/* ------------------ NEWS ROOM BOX-------------------------------------------- */
#news-room {
	position: relative;
	background: #fff url('/images/info/mi.jpg') repeat-y center top;
	padding-bottom:20px;
}
#news-room-header {
	width: 100%;
	min-height: 110px;
	position: absolute;
	z-index: 2;
	background: #fff url('/images/info/haut-head.jpg') no-repeat center top;
}
#news-room-footer {
	width: 100%;
	min-height: 176px;
	position: absolute;
	z-index: 3;
	bottom: 0;
	background: #fff url('/images/info/bas-bot.jpg') no-repeat center top;
}
#news-room-content {
	min-height: 250px;
	width: 550px;
	position: relative;
	z-index: 4;
	padding-bottom: 10px;
}
#news-room #news-releases {
	padding-left: 75px;
	padding-top: 40px;
	min-height: 75px;
	background: transparent url('/images/info/icon-n.png') no-repeat 0 40px;
}
#news-room #info {
	padding-left: 75px;
	padding-top: 40px;
	min-height: 75px;
	background: transparent url('/images/info/icon-info.png') no-repeat 0 40px;
}
#news-room #virt {
	padding-left: 75px;
	padding-top: 40px;
	min-height: 75px;
	background: transparent url('/images/info/info-virt.png') no-repeat 0 40px;
}
#news-room #gal {
	padding-left: 75px;
	min-height: 75px;
	background: transparent url('/images/info/info-gal.png') no-repeat left top;
}
#news-room #events {
	padding-left: 75px;
	min-height: 75px;
	background: transparent url('/images/info/icon-ev.png') no-repeat left top;
}
#news-room .news-separator {
	height: 20px;
	background: transparent url('/images/info/separa.png') no-repeat center top;
	padding-bottom:15px;
}
/* ------------------ END NEWS ROOM BOX-------------------------------------------- */
/* Right Navigation INDEX
----------------------------------------------- */
	.rightNavIndex h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 2px 2px 2px 5px;
	background-color: #551155;
	color: white;
	border:none;
	border-bottom:2px solid #FFF;
}
.rightNavIndex {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 95%;
}
.rightNavIndex ul {
	background:#EFEFEF;
	list-style:none;
	margin: 5px 0 0 0;
	padding: 0 0 5px 8px;
}
.right > .rightNavIndex ul {
	margin-top: -1px;
}
.rightNavIndex li {
	background-color: #EFEFEF;
	margin:0 0 5px 0;
	padding:0 5px 8px 5px;
}
.rightNavIndex li img {
	padding:0;
	margin:0 0 0 -5px;
	text-decoration: none;
}
.rightNavIndex li a {
	color: #551155;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
div.right .rightNavIndex li a:hover {
	color: #551155;
	text-decoration: none;
	background-color: #EFEFEF;
}
.sepLine {
	border-bottom: 1px dotted #ccc;
	margin-bottom:5px;
}
/* ------------------ Photo Gallery -------------------------------------------- */	
.slider-nav {list-style-type: none; float: left; width: 90%;}
.slider-nav li {margin-bottom: 10px; float: left; width: 25%;}
.slider-nav a {display: block; padding-top: 62px; width: 62px; font-size:0.85em; text-align:center;}
.slider-nav img {
	display: none;
}
#p1-li a {
	background: url(/images/lightbox/photo/t-photo1.jpg) left top no-repeat;
}
#p2-li a {
	background: url(/images/lightbox/photo/t-photo2.jpg) left top no-repeat;
}
#p3-li a {
	background: url(/images/lightbox/photo/t-photo3.jpg) left top no-repeat;
}
#p4-li a {
	background: url(/images/lightbox/photo/t-photo4.jpg) left top no-repeat;
}
#p5-li a {
	background: url(/images/lightbox/photo/t-photo5.jpg) left top no-repeat;
}
#p6-li a {
	background: url(/images/lightbox/photo/t-photo6.jpg) left top no-repeat;
}
#p7-li a {
	background: url(/images/lightbox/photo/t-photo7.jpg) left top no-repeat;
}
#p8-li a {
	background: url(/images/lightbox/photo/t-photo8.jpg) left top no-repeat;
}
#p9-li a {
	background: url(/images/lightbox/photo/t-photo9.jpg) left top no-repeat;
}
#p10-li a {
	background: url(/images/lightbox/photo/t-photo10.jpg) left top no-repeat;
}
#p11-li a {
	background: url(/images/lightbox/photo/t-photo11.jpg) left top no-repeat;
}
#p12-li a {
	background: url(/images/lightbox/photo/t-photo12.jpg) left top no-repeat;
}
/* ------------------ END Photo Gallery -------------------------------------------- */
	/* Hide non-visual elements / Cacher les éléments non-visuel */

.cn-invisible {position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; overflow: hidden !important; margin: 0 !important;}