/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------
	Client:	
	Author:	
	Date:	Month, Year
		
*/


/* ===================================================================================== COMMON ELEMENTS */

.horizNavSeparator {
	padding: 0px 5px 0px 5px;
}


/* ===================================================================================== SKIP TO CONTENT */
 
#skipContentWrapper{
	position: fixed;
	top: 0;
	left: 0;
}
 
a#skipContentLink, a#skipContentLink:hover, a#skipContentLink:visited{
	display: block;
    width:1px;
    height:1px;
    overflow:hidden;
}
a#skipContentLink:active, a#skipContentLink:focus{
    position:static;
    width:auto;
    height:auto;
  	font-size: 15px;
 	z-index: 10000;   
	text-decoration: underline;
	padding: 20px;
	background: #FFF;
}

#maincontent{ outline: none; }


/* ===================================================================================== SPLASH PAGE */

#splashPage .languageBtns ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#splashPage .languageBtns a, 
#splashPage .languageBtns a:active, 
#splashPage .languageBtns a:visited {
	float: left;
	padding: 0;
	width: 123px;
	height: 45px;
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

#splashPage .languageBtns .english a { 
	background-image: url(/images/structure/splash_languageBtn_en.jpg);
	background-position: 0px 0px;
}

#splashPage .languageBtns .english a:hover { 
	background-position: 0px -45px;
}

#splashPage .languageBtns .french a { 
	background-image: url(/images/structure/splash_languageBtn_fr.jpg);
	background-position: 0px 0px;
}

#splashPage .languageBtns .french a:hover, #splashPage .languageBtns .french a:focus  { 
	background-position: 0px -45px;
}


/* ===================================================================================== TOP NAVIGATION */

/*#topNav a, #topNav a:active, #topNav a:visited {
	color: #ff0000;
	text-decoration: none;
}
#topNav a:hover {
	text-decoration: underline;
}*/
/* ===================================================================================== MAIN NAVIGATION */

/* ========== Global (Level 1) Navigation ========== */

#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left;
}
#navTab01,  #navTab02,  #navTab03,  #navTab04,  #navTab05, #navTab06, #navTab07, #navTab08 {
	position: relative;
	float: left;
}
a.mainNavItem,  a.mainNavItem:active,  a.mainNavItem:visited {
	float: left;
	padding: 0;
	height: 45px;
	background-image: url(/en/images/structure/nav.gif);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}
#navTab01 a.mainNavItem {
	width: 127px;
	background-position: 0px 0px;
}
#navTab02 a.mainNavItem {
	width: 84px;
	background-position: -127px 0px;
}
#navTab03 a.mainNavItem {
	width: 111px;
	background-position: -211px 0px;
}
#navTab04 a.mainNavItem {
	width: 100px;
	background-position: -322px 0px;
}
#navTab05 a.mainNavItem {
	width: 124px;
	background-position: -422px 0px;
}
#navTab06 a.mainNavItem {
	width: 99px;
	background-position: -546px 0px;
}
#navTab07 a.mainNavItem {
	width: 136px;
	background-position: -645px 0px;
}
#navTab08 a.mainNavItem {
	width: 171px;
	background-position: -781px 0px;
}
#navTab01 a.mainNavItem:hover, #navTab01 a.mainNavItem:focus {
	width: 127px;
	background-position: 0px -45px;
}
#navTab02 a.mainNavItem:hover, #navTab02 a.mainNavItem:focus {
	width: 84px;
	background-position: -127px -45px;
}
#navTab03 a.mainNavItem:hover, #navTab03 a.mainNavItem:focus {
	width: 111px;
	background-position: -211px -45px;
}
#navTab04 a.mainNavItem:hover, #navTab04 a.mainNavItem:focus {
	width: 100px;
	background-position: -322px -45px;
}
#navTab05 a.mainNavItem:hover, #navTab05 a.mainNavItem:focus {
	width: 124px;
	background-position: -422px -45px;
}
#navTab06 a.mainNavItem:hover, #navTab06 a.mainNavItem:focus {
	width: 99px;
	background-position: -546px -45px;
}
#navTab07 a.mainNavItem:hover, #navTab07 a.mainNavItem:focus {
	width: 136px;
	background-position: -645px -45px;
}
#navTab08 a.mainNavItem:hover, #navTab08 a.mainNavItem:focus {
	width: 171px;
	background-position: -781px -45px;
}
#navTab01 a.current {
	width: 127px;
	background-position: 0px -45px;
}
#navTab02 a.current {
	width: 84px;
	background-position: -127px -45px;
}
#navTab03 a.current {
	width: 111px;
	background-position: -211px -45px;
}
#navTab04 a.current {
	width: 100px;
	background-position: -322px -45px;
}
#navTab05 a.current {
	width: 124px;
	background-position: -422px -45px;
}
#navTab06 a.current {
	width: 99px;
	background-position: -546px -45px;
}
#navTab07 a.current {
	width: 136px;
	background-position: -645px -45px;
}
#navTab08 a.current {
	width: 171px;
	background-position: -781px -45px;
}
a.frmainNavItem,  a.frmainNavItem:active,  a.frmainNavItem:visited {
	float: left;
	padding: 0;
	height: 45px;
	background-image: url(/fr/images/structure/nav.gif);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}
#frnavTab01 a.frmainNavItem {
	width: 115px;
	background-position: 0px 0px;
}
#frnavTab02 a.frmainNavItem {
	width: 48px;
	background-position: -115px 0px;
}
#frnavTab03 a.frmainNavItem {
	width: 66px;
	background-position: -163px 0px;
}
#frnavTab04 a.frmainNavItem {
	width: 101px;
	background-position: -229px 0px;
}
#frnavTab05 a.frmainNavItem {
	width: 186px;
	background-position: -330px 0px;
}
#frnavTab06 a.frmainNavItem {
	width: 114px;
	background-position: -516px 0px;
}
#frnavTab07 a.frmainNavItem {
	width: 141px;
	background-position: -630px 0px;
}
#frnavTab08 a.frmainNavItem {
	width: 181px;
	background-position: -771px 0px;
}
#frnavTab01 a.frmainNavItem:hover, #frnavTab01 a.frmainNavItem:focus {
	width: 115px;
	background-position: 0px -45px;
}
#frnavTab02 a.frmainNavItem:hover, #frnavTab02 a.frmainNavItem:focus {
	width: 48px;
	background-position: -115px -45px;
}
#frnavTab03 a.frmainNavItem:hover, #frnavTab03 a.frmainNavItem:focus {
	width: 66px;
	background-position: -163px -45px;
}
#frnavTab04 a.frmainNavItem:hover, #frnavTab04 a.frmainNavItem:focus {
	width: 101px;
	background-position: -229px -45px;
}
#frnavTab05 a.frmainNavItem:hover, #frnavTab05 a.frmainNavItem:focus {
	width: 186px;
	background-position: -330px -45px;
}
#frnavTab06 a.frmainNavItem:hover, #frnavTab06 a.frmainNavItem:focus {
	width: 114px;
	background-position: -516px -45px;
}
#frnavTab07 a.frmainNavItem:hover, #frnavTab07 a.frmainNavItem:focus {
	width: 141px;
	background-position: -630px -45px;
}
#frnavTab08 a.frmainNavItem:hover, #frnavTab08 a.frmainNavItem:focus {
	width: 181px;
	background-position: -771px -45px;
}
#frnavTab01 a.current {
	width: 115px;
	background-position: 0px -45px;
}
#frnavTab02 a.current {
	width: 48px;
	background-position: -115px -45px;
}
#frnavTab03 a.current {
	width: 66px;
	background-position: -163px -45px;
}
#frnavTab04 a.current {
	width: 101px;
	background-position: -229px -45px;
}
#frnavTab05 a.current {
	width: 186px;
	background-position: -330px -45px;
}
#frnavTab06 a.current {
	width: 114px;
	background-position: -516px -45px;
}
#frnavTab07 a.current {
	width: 141px;
	background-position: -630px -45px;
}
#frnavTab08 a.current {
	width: 181px;
	background-position: -771px -45px;
}



/* ===================================================================================== SUB NAVIGATION */ 

#subNav {
	float: left; /* Contain floated list items */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 167px;
	list-style-image: none;
	list-style: none;
}

#subNav li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: none;
	list-style: none;
}
#subNav a, #subNav a:active, #subNav a:visited {
	display: block;
	/*padding: 0px 0px 5px 0px;
	margin: 0px 20px 5px 20px;*/
	margin: 0px 20px 5px 20px;
	padding: 0px 0px 5px 0px;
	width: 167px;
	border-bottom: solid 1px #cecece;
	text-decoration: none;
	cursor: pointer;
}
#subNav a:hover, #subNav a:focus {
}
#subNav .current {
	font-weight: bold;
} 

/* ========== 3rd Level ========== */

#subNav ul {
	margin: 0;
	padding: 0;
}
#subNav ul a, #subNav ul a:active, #subNav ul a:visited {
	display: block;
	/*padding: 0px 0px 5px 0px;
	margin: 0px 20px 5px 20px;*/
	margin: 0px 20px 5px 20px;
	padding: 0px 0px 5px 10px;
	width: 157px;
	border-bottom: solid 1px #cecece;
	
}
#subNav ul a:hover, #subNav ul a:focus {
}

/* ========== 4th Level ========== */


#subNav ul li ul {
	margin: 0;
	padding: 0;
}
#subNav ul li ul a, #subNav ul li ul a:active, #subNav ul li ul a:visited {
	display: block;
	/*padding: 0px 0px 5px 0px;
	margin: 0px 20px 5px 20px;*/
	margin: 0px 20px 5px 20px;
	padding: 0px 0px 5px 20px;
	width: 147px;
	border-bottom: solid 1px #cecece;
}
#subNav ul li ul a:hover, #subNav ul li ul a:focus {
}

/* ========== Drop-down (Level 2) Navigation ========== */
#mainNav .dropDownContainer {
	display: none !important;
}
#mainNav .sfHover .dropDownContainer {
	display: block !important;
}
		#mainNav ul.dropdown
		{			
	
			position: absolute;
			margin: 0;
			padding: 0;
			left: 0px;
			top: 45px; /* Height of main navigation item */
			list-style-image: none;
			list-style-type: none;
			z-index: 1000;
			
		}
		
		#mainNav ul.lastMainNavDropdown 
		{
			left: auto; /* Required for 'right' to work */
			right: 0px;

		}
			
			#mainNav ul.dropdown li 
			{
				position: relative;
				background-color: #2c6a8d;
				border-bottom: solid 1px silver;
			}
				
			#mainNav ul.dropdown li a, 
			#mainNav ul.dropdown li a:active, 
			#mainNav ul.dropdown li a:visited 
			{
				display: block;
				padding: 5px 5px 5px 5px;
				width: 220px;				
				background-color: #2c6a8d;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-decoration: none;
				color: #fff;
				cursor: pointer;	
			}
					
			#mainNav ul.dropdown li a:hover, #mainNav ul.dropdown li a:active, #mainNav ul.dropdown li a:focus 
			{
				background-color: #185272;
				color: #FFF;
			}
			
			
/* ========== Flyouts (Level 3) Navigation ========== */
			
				#nav ul.flyout
				{
					display: none;
					position: absolute;
					margin: 0;
					padding: 0;
					left: 230px;
					top: 0px;
					list-style-image: none;
					list-style-type: none;
					z-index: 1001;
				}
				
				/* Required for the 'right' navigation to flyin */
				#nav ul.lastMainNavDropdown ul
				{
					left: -230px;
					z-index: 1001;
					width: 230px !important;
				}
				
				/* IE 6 only - Drop-down was bumpped to the left 1px */
				* html #nav div ul.lastMainNavDropdown
				{
					left: auto;
					right: -1px;
					z-index: 1001;
				}
				
				#nav ul a.dropdownItemHasFlyout
				{
					background: url(/images/structure/mainnav_arrow_up.gif) 216px 7px no-repeat;
				}
				
				#nav ul a.dropdownItemHasFlyout:hover, #nav ul a.dropdownItemHasFlyout:focus
				{
					background: url(/images/structure/mainnav_arrow_over.gif) 216px 7px no-repeat;
				}


