/* *************************  Top Navigation CSS *********************  */

.twoCol #container #topnavlist {
	margin-left:180px;
 
}

.twoCol #container #topnavlist ul {
		
	margin: 0;
	padding: 0;
	list-style-type: none;	
	width:100%;
	
}

.twoCol #container #topnavlist ul li  {
	text-align:center;
	display:block;
	float:left;
	border: 1px solid #CCC;
	width:33%;
	height:30px;
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 14px;
	font-weight: bold;
}


.twoCol #container #topnavlist ul li.important2  {
	text-align:center;
	display:block;
	float:left;
	border: 1px solid #CCC;
	width:99.4%;
	height:30px;
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 14px;
	font-weight: bold;
}


.twoCol #container #topnavlist ul li a {
	text-decoration:none;
	display:block;
	vertical-align: bottom;	
	line-height:25px; /* to align vertiacally text on the li */
	color:#000;
}

.twoCol #container #topnavlist ul li a:hover {
	background-color:#36C;
	display:block;
	height:30px;
	color:#FFF;
	
   
		
}


.current{
	background-color:#F00;
}
.important,.important2 {
	/*background-color: #069;*/
	background-color: #48A4FF;
}


/* *************** FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE *******************/


div.foot1, div.foot2, div.foot3 {
	float: left;
	width: 32.25%;
	
	

}
div.foot1 {
	text-align: left;
	padding-left:5px;
}
div.foot2, div.foot2 a {
	text-align: center;
	text-decoration:none;
}
div.foot3 {
	text-align: right;
}
img.uparrow {
	border: 0;
}
span.date {
	white-space: nowrap;
}

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb {
	padding: 1px 0px 5px 3px; 
	vertical-align: middle;
	font-size: 9.0pt;
	clear: both;
	margin: 0;
	min-height: 1.23em;
}




/* **********************GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE****************** */
ul.nav, ul.nav2 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size:85%;
}
ul.nav2 {
	margin-left: 18px;
	list-style-type: disc;
}
div.right li ul.nav {
	margin-bottom: 10px;
}
ul.nav li, ul.nav2 li {
	margin: 0px;
}
h2.nav, div.left div.h2nav, div.left p.h2nav {
	font-size: 10.0pt;
	font-weight: 700;
	line-height: 1.6em;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}
div.right li div.nav, div.right li p.nav {
	margin-bottom: 10px;
	padding: 2px 5px 2px 12px;
}
div.right li p.nav {
	margin-top: 0px;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */


/* ********************SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL ********************/
/* LEFT MENU */
div.left li.menucontent, div.left li.menucontent-selected{
	border-top: 1px solid #FFF; /*border-bottom: 1px dotted #FFF;*/
	border-bottom: 1px solid #FFF; /*border-bottom: 1px dotted #FFF;*/
}
div.left li.menucontent, div.left li.menucontent-selected{
	/* styles copied from NRCan to match */
	border-left: 5px solid #887979;
	display: block;
	padding: 2px 3px 2px 5px;
	overflow: auto;
}


div.left li.menucontent:hover{
	
	border-left: 5px solid #36C;
	/*
	display: block;
	padding: 2px 3px 2px 5px;
	overflow: auto;
	 */
}

div.left li.menucontent-selected{
	
	border-left: 5px solid #36C;
	


}


li.menucontent-seperator{
	padding-left:5px;	
	background-color:#36C;
	color:#FFF;
	font-weight:bold;
	
	
}

/*  Start styling for mirror and francais links  */

p.nav-mirror{

	
	/*padding:3px;*/
}
p a.mirror-link{
	text-decoration:none;
	/*border: 1px solid #CCC;*/
	
	background-color:#F4F4F4;
	padding:3px;
	font-size:85%;
	display:block;
	width:90%;
	text-align:center;
	border-right-width: medium;
	border-left-width: medium;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

p a.mirror-link:hover{
	
	border-right-color: #3366cc;
	border-left-color: #3366cc;
}

/*
ul.nav-mirror{
	display:block;
	width:100%;	
	list-style:none;
	background-color:#FC3;
	float:left;
}

ul li.mirror-link{
	padding:2px;
	width:auto;
	display:block;
	float:left;
}
*/

/************************** LEVEL CSS BEGIN *********************/
/* LEVEL 1 */
div.left ul.nav ul.nav li.menucontent{
	color: #000;
	background-color: #ADADAD;
}
div.left ul.nav ul.nav li.menucontent:hover{
	color: #313957;
	/*background-color: #313957;*/
}
/* LEVEL 2 */
div.left ul.nav ul.nav ul.nav li.menucontent{
	color: #000;
	background-color: #DBDBDB;
}
div.left ul.nav ul.nav ul.nav li.menucontent:hover{
	color: #313957;
	/*background-color: #313957;*/
}
/* LEVEL 3 */
div.left ul.nav ul.nav ul.nav ul.nav li.menucontent{
	color: #000;
	background-color: #E5E5E5;
}
div.left ul.nav ul.nav ul.nav ul.nav li.menucontent:hover{
	color: #313957;
	/*background-color: #313957;*/
}
/* LEVEL 4 */
div.left ul.nav ul.nav ul.nav ul.nav ul.nav li.menucontent{
	color: #000;
	background-color:#F5F5F5;
}
div.left ul.nav ul.nav ul.nav ul.nav ul.nav li.menucontent:hover{
	color: #313957;
	/*background-color: #313957;*/
}
/************************** LEVEL CSS END *********************/



div.left a.menulink-selected{	
	display: block;
	width: 100%;
	height: 100%;
	color: #36C;
}

div.left a.menulink{
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
}
div.left a.menulink:hover{
	
	
	color: #36C;

	
}

/* END LEFT MENU */
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */