/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------

	Author:	eSolutionsGroup.ca
		
*/


/* ===================================================================================== COMMON ELEMENTS */

.horizNavSeparator { padding: 0px 10px 0px 10px; }

#topNav .horizNavSeparator { padding: 0px 17px 0px 17px; }

#footer .horizNavSeparator { padding: 0px 10px 0px 10px; }

#breadcrumbs .horizNavSeparator { padding: 0px 5px 0px 5px; }

#actions .horizNavSeparator { 
	padding: 0px 5px 0px 5px; 
	color: #ddd;
}



/* ===================================================================================== TOP NAVIGATION */

#topNav a, 
#topNav a:link, 
#topNav a:visited {
	color: #ebebeb;
	text-decoration: none;
	font-weight: normal;
}

#topNav a:hover, #topNav a:active, #topNav a:focus { text-decoration: underline; }


/* ===================================================================================== 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; }



/* ===================================================================================== MAIN NAVIGATION */


/* ========== 1st Level (Global) Navigation ========== */

#nav {
	list-style-type: none;
	list-style-image: none;
}

#nav li {
	float: left;
}

#navTab01, #navTab02, #navTab03, #navTab04, #navTab05 {
	position: relative;
	float: left;
}

#mainNav #navTab01 ul.dropdown{
	left: 9px;
}

#mainNav #navTab05 ul.dropdown{
	right: 9px;
}

a.mainNavItem, a.mainNavItem:active, a.mainNavItem:visited {
	float: left;
	padding: 0;
	height: 41px;
	background-image: url(../en/images/structure/mainNav.png);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

#navTab01 a.mainNavItem { background-position: 0px 0px; width: 136px; }
#navTab02 a.mainNavItem { background-position: -136px 0px; width: 122px; }
#navTab03 a.mainNavItem { background-position: -258px 0px; width: 214px; }
#navTab04 a.mainNavItem { background-position: -472px 0px; width: 170px; }
#navTab05 a.mainNavItem { background-position: -642px 0px; width: 178px; }

#navTab01 a.mainNavItem:hover, #navTab01 a.mainNavItem:focus { background-position: 0px -41px; }
#navTab02 a.mainNavItem:hover, #navTab02 a.mainNavItem:focus { background-position: -136px -41px; }
#navTab03 a.mainNavItem:hover, #navTab03 a.mainNavItem:focus { background-position: -258px -41px; }
#navTab04 a.mainNavItem:hover, #navTab04 a.mainNavItem:focus { background-position: -472px -41px; }
#navTab05 a.mainNavItem:hover, #navTab05 a.mainNavItem:focus { background-position: -642px -41px; }

#navTab01 a.current { background-position: 0px -41px; }
#navTab02 a.current { background-position: -136px -41px; }
#navTab03 a.current { background-position: -258px -41px; }
#navTab04 a.current { background-position: -472px -41px; }
#navTab05 a.current { background-position: -642px -41px; }


/* ========== 2nd Level (Drop-down) Navigation ========== */

#mainNav ul.dropdown {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 38px; /* Height of main navigation item */
	list-style-image: none;
	list-style-type: none;
	z-index: 1000;
	width: 200px;
}

#mainNav ul.lastMainNavDropdown {
	left: auto; /* Required for 'right' to work */
	right: 0px;
}

#mainNav ul.dropdown li {
	position: relative;
	background-color: #0a2f4c;
	border-bottom: solid 1px #3f698f;
	width: 200px;
}
	
#mainNav ul.dropdown li a, 
#mainNav ul.dropdown li a:link, 
#mainNav ul.dropdown li a:visited {
	display: block;
	padding: 11px 20px 9px 20px;
	width: 160px;				
	background-color: #0a2f4c;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;	
}
		
#mainNav ul.dropdown li a:hover, #mainNav ul.dropdown li a:focus {
	background-color: #054c8e;
	color: #FFF;
	background-image: none;
}


/* ========== 3rd and 4th Level (Flyouts) Navigation ========== */

#nav ul.flyout, #nav ul.secondFlyout {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 200px;
	top: 0px;
	list-style-image: none;
	list-style-type: none;
	z-index: 1001;
	width: 200px;
}

#nav ul.flyout a, #nav ul.secondFlyout a {
	background-image: url(../images/structure/flyright_bg.jpg);
	background-repeat: repeat-y;
}

#nav .flyLeft ul.flyout a{
	background-image: url(../images/structure/flyleft_bg.jpg);
	background-repeat: repeat-y;
}

/* Required for the 'right' navigation to flyin */

#nav ul.lastMainNavDropdown ul {
	left: -200px;
	width: 200px !important;
	z-index: 1001;
}

#nav ul.flyLeft ul {
	left: -200px;
	width: 200px !important;
	z-index: 1001;
}


/* 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: transparent url(../images/structure/mainnav_arrow_up.gif) 182px 14px no-repeat;
}

#nav ul.flyout a.dropdownItemHasFlyout {
	background: url(../images/structure/flyright_bg_arrow.jpg) no-repeat;
}

#nav ul.flyLeft .flyout  a.dropdownItemHasFlyout {
	background: url(../images/structure/flyleft_bg_arrow.jpg) no-repeat;
}

#nav ul.lastMainNavDropdown .flyout  a.dropdownItemHasFlyout {
	background: url(../images/structure/flyleft_bg_arrow.jpg) no-repeat;
}

#nav ul.lastMainNavDropdown .flyout a {
	background: url(../images/structure/flyleft_bg.jpg) no-repeat;
}

#nav ul .flyout  a.dropdownItemHasFlyout:hover, #nav ul .flyout  a.dropdownItemHasFlyout:focus {
	background-image: url(../images/structure/flyright_bg_arrow_hover.jpg) !important;
	background-color: transparent;
	background-position: 0 0 !important;
}

#nav ul a.dropdownItemHasFlyout:hover, #nav ul a.dropdownItemHasFlyout:focus {
	background-image: url(../images/structure/mainnav_arrow_up.gif) !Important;
	background-position: 182px 14px;
	background-repeat: no-repeat;
	background-color: transparent;
}




/* ===================================================================================== BREADCRUMBS  */


#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { color: silver; }




/* ===================================================================================== ACTIONS  */

#actions .printLink,
#actions .rssLink,
#actions .emailLink,
#actions .ShareLink {
	padding: 0 0 0 0;
}

#actions .printLink img,
#actions .rssLink img,
#actions .emailLink img,
#actions .ShareLink img {
	position: relative;
	padding: 0 3px 0 0;
	top: 3px;
}

#actions .textSize img {
	position: relative;
	top: 3px;
	padding: 0 1px 0 0;
}

#actions a, 
#actions a:link, 
#actions a:visited {
	position: relative;
	height: 16px;
	text-decoration: none;
	color: #707070;
	font-weight: normal;
	font-size: 11px;
}

#actions a,
#actions .horizNavSeparator{
	float: right;
}

#actions a:hover, #actions a:active, #actions a:focus  {
    color: #737373;
    text-decoration: underline; 
}

#actions a.textSize:hover, #actions a.textSize:focus{
	text-decoration: none;
}

/*
   Share Drop-down Styles - see:
   /share/share.css
*/




/* ===================================================================================== SUB NAVIGATION */

.subNav {
	margin: 0;
	padding: 0 0 20px 0;
	width: 262px;
	list-style-image: none;
	list-style: none;
}

.subNav li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
}


/* ========== 2nd Level ========== */

.subNav a, 
.subNav a:link, 
.subNav a:visited {
	display: block;
	padding: 6px 29px 6px 19px;
	width: 214px;
	border-bottom: solid 1px #dcdcdc;
	text-decoration: none;
	color: #0153a0;	
	cursor: pointer;
}

.subNav a.first, 
.subNav a.first:link, 
.subNav a.first:visited {
	padding: 18px 29px 6px 19px;
	background-image: url(../images/structure/subnav_l2_first.gif);
}

ul.subNav li.withChildren a.first, 
ul.subNav li.withChildren a.first:link, 
ul.subNav li.withChildren a.first:visited {
	background-position: 0 0;
	background-image: url(../images/structure/subnav_arrow_l2_first.gif);
}

ul.subNav ul li a.first,
ul.subNav ul li a.first:link,
ul.subNav ul li a.first:visited
{
    background-repeat: no-repeat;
    background-image: url("../images/structure/subnav_l3.gif") !important;
    background-position: 0 0 !important;
    border-bottom: 1px solid #9ABAD9;
    color: #0153A0;
    padding: 6px 29px 6px 39px;
    width: 194px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    outline: medium none;
    margin: 0;
    list-style: none outside none;
}

.subNav .withChildren a, 
.subNav .withChildren a:link, 
.subNav .withChildren a:visited {
	background-image: url(../images/structure/subnav_arrow_l2_up.gif);
	background-position: 240px 11px;
	background-repeat: no-repeat;
}

.subNav a:hover, .subNav a:focus { 
	background-image: url(../images/structure/subnav_l2_over.gif);
}

.subNav a.first:hover, .subNav a.first:focus { 
	background-image: url(../images/structure/subnav_l2_first_over.gif);
}


.subNav .withChildren a:hover, .subNav .withChildren a:focus { 
	background-image: url(../images/structure/subnav_arrow_l2_over.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.subNav .withChildren a.first:hover, .subNav .withChildren a.first:focus { 
	background-image: url(../images/structure/subnav_arrow_l2_first_over.gif);
}

.subNav a.current {
	background-color: #0857a2 !important; 
	color: #FFF !important;
}

.subNav a.current.first {
	background-image: url(../images/structure/subnav_l2_first_current.gif) !important; 
	background-position: 0 0 !important;
}


.subNav a.current:hover, .subNav a.current:focus {
	background-color: #0e3b5d !important; 
	background-image: none !important;
}

.subNav .withChildren a.current {
	background-image: url(../images/structure/subnav_arrow_l2_on.png) !important;
	background-position: 245px 11px !important;
	background-repeat: no-repeat !important;
}

.subNav .withChildren a.current.first,
.subNav .withChildren a.open.first{
	background-image: url(../images/structure/subnav_arrow_l2_first_current.gif) !important;
	background-position: 0 0 !important;
}

.subNav .withChildren a.open {
	background-color: #0857a2 !important;
	background-image: url(../images/structure/subnav_arrow_l2_on.png) !important;
	background-position: 245px 11px !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
}


/* ========== 3rd Level ========== */

.subNav ul a,
.subNav ul a:link,
.subNav ul a:visited {
	padding: 6px 29px 6px 39px;
	width: 194px;
	background-image: url(../images/structure/subnav_l3.gif) !important;
	background-position: 0 0 !important;
	border-bottom: solid 1px #9abad9;
	color: #0153a0;	
}

.subNav ul .withChildren a,
.subNav ul .withChildren a:link,
.subNav ul .withChildren a:visited {
	background-image: url(../images/structure/subnav_arrow_l3_up.gif) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;	
}

.subNav ul a:hover, .subNav ul a:focus {
	background-image: url(../images/structure/subnav_l3_over.gif) !important;
}

.subNav ul .withChildren a:hover, .subNav ul .withChildren a:focus { 
	background-image: url(../images/structure/subnav_arrow_l3_over.gif) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
}

.subNav .withChildren ul a.current {
	background-image: url(../images/structure/subnav_l3_current.gif) !important;
	color: #333 !important;
	background-position: 0 0 !important;
}

.subNav .withChildren ul .withChildren a.current {
	background-image: url(../images/structure/subnav_arrow_l3_on.gif) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
}

.subNav .withChildren ul .withChildren a.open {
	background-image: url(../images/structure/subnav_arrow_l3_on.gif) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	color: #0153A0 !important;
}

/* ========== 4th Level ========== */

.subNav ul .withChildren ul a,
.subNav ul .withChildren ul a:link,
.subNav ul .withChildren ul a:visited {
	padding: 6px 29px 6px 59px;
	width: 174px;
	background-position: 0 0 !important;
	background-image: url(../images/structure/subnav_l4.gif) !important;
	border-bottom: 1px solid #9ABAD9;
	color: #0153A0;	
}

.subNav ul .withChildren ul .withChildren a,
.subNav ul .withChildren ul .withChildren a:link,
.subNav ul .withChildren ul .withChildren a:visited {
	padding: 6px 29px 6px 59px;
	width: 174px;
	background-position: 0 0 !important;
	background-image: url(../images/structure/subnav_arrow_l4_up.gif) !important;
	border-bottom: 1px solid #9ABAD9;
	color: #0153A0;	
}

.subNav ul .withChildren ul a:hover, .subNav ul .withChildren ul a:focus {
	background-image: url(../images/structure/subnav_l4_over.gif) !important;
}

.subNav ul .withChildren ul .withChildren a:hover, .subNav ul .withChildren ul .withChildren a:focus { 
	background-image: url(../images/structure/subnav_arrow_l4_over.gif) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
}

.subNav .withChildren ul .withChildren ul a.current {
	background-image: url(../images/structure/subnav_l4_current.gif) !important;
	color: #333 !important;
}

.subNav .withChildren ul .withChildren ul .withChildren a.current {
	background-image: url(../images/structure/subnav_arrow_l4_current.gif) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
}

.subNav .withChildren ul .withChildren ul .withChildren a.open {
	background-image: url(../images/structure/subnav_arrow_l4_open.gif) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	color: #0153A0 !important;
}

/* ========== 5th Level ========== */

.subNav ul .withChildren ul .withChildren ul a,
.subNav ul .withChildren ul .withChildren ul a:link,
.subNav ul .withChildren ul .withChildren ul a:visited {
	padding: 6px 29px 6px 81px;
	width: 152px;
	background-position: 0 0 !important;
	background-image: url(../images/structure/subnav_l5.gif) !important;
	border-bottom: 1px solid #789ec7;
	color: #014C92;	
}

.subNav ul .withChildren ul .withChildren ul a:hover, .subNav ul .withChildren ul .withChildren ul a:focus {
	background-image: url(../images/structure/subnav_l5_over.gif) !important;
}

.subNav .withChildren ul .withChildren ul .withChildren ul a.current {
	background-image: url(../images/structure/subnav_l5_current.gif) !important;
	color: #333 !important;
}

/* ===================================================================================== FOOTER NAVIGATION */

#footerNav a, #footerNav a:link, #footerNav a:visited {
	color: #eaeaea;
	text-decoration: none;
	font-weight: normal;
}

#footerNav a:hover,
#footerNav a:visited,
#footerNav a:focus {
    text-decoration: underline;
}