/* 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 0 8px;
		padding-left: 8px;
		padding-right: 7px;
		/*padding-top: 8px;*/
		/*border: 1px solid #994433 /*DT modified sept 7 #264*;/
		background: #FFF; /*EM modified July 17 #eec*/
		/* width: 200px;*/
		/*color:#666;*/
		}

	.center{ /*EM modified Dec 16*/
	 color:#666;
	 line-height:1.6em;
	 }
	 
	 .center img{border:1px solid #eeedec;}

/* Option2 & Option3 
DT: used classes so that the box options can be repeated multiple times
on the same page.
----------------------------------------------- */
	.main1, .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;
		}

	.option3 p {
		margin: 0;
		padding: 5px;
		color:#666;
		}
	.option3 ul, ol {
		margin: 0 0 0 20px;
		padding: 10px;
		color:#666;
		}
	.option3 li {
		padding:0 0 10px 8px;
		color:#666;
		line-height: 1.6em;
		}
	.option4 {
		margin: 0 0 8px;
		padding: 8px;
		line-height:1.6em;
		/*--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;
		}
	
	.option5 {
	background-color: #9c9;
	border: 1px solid #003300;
	margin: 0px;
	padding: 5px;
		}
.option5 h1 {
	margin: 0;
	padding: 5px;
	font-size: 120%;
		}	

.option5  h2 {
	margin: 0;
	padding: 5px;
	font-size: 110%;
	color: white;
	background-color: #225555;
		}
		
	.option5 p {
	margin: 0;
	padding: 5px;
	color:#333;
	font-size: 90%;
}

	.option5 ul, ol {
	margin: 0 0 0 20px;
	padding: 10px;
	color:#333;
		}
	.option5 li {
	color:#333;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 90%;
		}
/* Left Navigation
----------------------------------------------- */
	.leftNav h2 {
		font-size: 10.0pt;
		font-weight: 700;
		/*line-height: 1.6em;*/
		margin: 0 0 2px;
		padding: 2px 0 2px 5px;
		background-color: #994433 /*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: #994433 /*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:#eeeeee;
		margin: 0 0 5px;
		padding: 0;
		}

	.leftNav ul li,
	.leftNav.snThree li {
		list-style: none;
		margin: 0;
		padding: 2px 0;
		border-bottom:1px dotted #FFF;
		}

	.leftNav ul li a,
	.leftNav.snThree li a {
		display: block;
		width: 136px;
		color: #993300;
		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:#993300;
		/*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: 10.0pt;
		font-weight: bold; /* SR font-weight: normal;*/
		/*line-height: 1.6em; */
		margin: 0;
		padding: 2px 0 2px 5px;
		background-color: #225555 /*EM modified July 17 #369*/;
		color: white;
		border:none;
		border-bottom:2px solid #FFF;
		}

	.rightNav {
	list-style: none;
	margin: 0;
	padding: 0;
	background:#eff7f3;
	font-size: 95%;
		}

	.rightNav ul {
	list-style:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
		}

	.right > .rightNav ul {
		margin-top: -1px;
		}

	.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/arrow-right.gif) no-repeat 0 6px;
		}

	.rightNav ul li a {
		color: #225555;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}

	.right .rightNav ul li a:hover {
		color: #225555;
		background: #eff7f3;
		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 -------------
CSS Over-ride Testing June 12, 2008 DT
Reduced Heading sizes, H1 and H2 were too similar
-------------------------------------------------- */
h1 {
	font-size: 160%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 115%;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}

a.linker:link, a.linker:visited, a.linker:active, a.linker:hover {
	background-color: #fff;
	text-decoration:underline;
}
/* -------------------------------------------
END CSS Overiride Testing
----------------------------------------- */ 


/*-------- Quick Fix ---------------------*/

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

#myAlternativeContent {margin:0; padding:0; background-color:#CCCCCC;}

/*-------- Hill Cam ----------------------*/

.hillCam {font-size:80%; margin:0; padding:0 0 5px 5px;}


/* ------ Slideshow --------------*/

#slideshow-container{
	padding: 0;
	margin: 0;
	background: url(/images/sshw-mdiap/deco.gif) #eff7f3 no-repeat 0 71px;
	width:195px;
}