/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------
	Client:	CRA
	Author:	M Trudel
	Date:	December, 2009
	
*/


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

.horizNavSeparator {
	padding: 0px 7px 0px 7px;
}
/* ===================================================================================== TOP NAVIGATION */

#topNav {
	font-size: 12px;
	position:absolute;
	right: 205px;
	top: 8px;
	width: 360px;
	color:#e9e9c4;
	text-align: right;
}
#topNav a {
	color:#e9e9c4;
}
/* ===================================================================================== 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 {
	position: relative;
	float: left;
}
a.mainNavItem,  a.mainNavItem:active,  a.mainNavItem:visited {
	float: left;
	padding: 0;
	height: 38px;
	background-image: url(../en/images/structure/nav.gif);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}
#navTab01 a.mainNavItem {
	width: 163px;
	background-position: 0px 0px;
}
#navTab02 a.mainNavItem {
	width: 162px;
	background-position: -163px 0px;
}
#navTab03 a.mainNavItem {
	width: 163px;
	background-position: -325px 0px;
}
#navTab04 a.mainNavItem {
	width: 163px;
	background-position: -488px 0px;
}
#navTab05 a.mainNavItem {
	width: 164px;
	background-position: -651px 0px;
}
#navTab06 a.mainNavItem {
	width: 165px;
	background-position: -815px 0px;
}
#navTab01 a.mainNavItem:hover {
	width: 163px;
	background-position: 0px -38px;
}
#navTab02 a.mainNavItem:hover {
	width: 162px;
	background-position: -163px -38px;
}
#navTab03 a.mainNavItem:hover {
	width: 163px;
	background-position: -325px -38px;
}
#navTab04 a.mainNavItem:hover {
	width: 163px;
	background-position: -488px -38px;
}
#navTab05 a.mainNavItem:hover {
	width: 164px;
	background-position: -651px -38px;
}
#navTab06 a.mainNavItem:hover {
	width: 165px;
	background-position: -815px -38px;
}
#navTab01 a.current {
	width: 163px;
	background-position: 0px -38px;
}
#navTab02 a.current {
	width: 162px;
	background-position: -163px -38px;
}
#navTab03 a.current {
	width: 163px;
	background-position: -325px -38px;
}
#navTab04 a.current {
	width: 163px;
	background-position: -488px -38px;
}
#navTab05 a.current {
	width: 164px;
	background-position: -651px -38px;
}
#navTab06 a.current {
	width: 165px;
	background-position: -815px -38px;
}
/* ========== Drop-down (Level 2) 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;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	z-index: 1000;
}
#mainNav ul.lastMainNavDropdown {
	left: auto; /* Required for 'right' to work */
	right: 0px;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
}
#mainNav ul.dropdown li {
	position: relative;
	background-color: #e1dfd0;
	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: 3px 5px 3px 5px;
	width: 220px;
	background-color: #e1dfd0;
	color: #5b5c30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}
#mainNav ul.dropdown li a:hover {
	background-color: #fff;
	color: #5b5c30;
}

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


		
#nav ul.flyout {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 230px;
	top: 0px;
	list-style-image: none;
	list-style-type: none;
		border-left: solid 1px silver;
	border-right: solid 1px silver;
	border-top: solid 1px #8aa032;
	z-index: 1001;
}

/* Required for the 'right' navigation to flyin */
#nav ul.lastMainNavDropdown ul {
	left: -230px;
	width: 230px !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) 216px 7px no-repeat;
}

#nav ul a.dropdownItemHasFlyout:hover {
	background: transparent url(../images/structure/mainnav_arrow_over.gif) 216px 7px no-repeat;
}











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

.subNav {
	float: left; /* Contain floated list items */
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	list-style-image: none;
	list-style: none;
}
.subNav li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style: none;
}
.subNav a,  .subNav a:active,  .subNav a:visited {
	display: block;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom: solid 1px #b5ac93;
	text-decoration: none;
	cursor: pointer;
}
.subNav a:hover {
	text-decoration: underline;
}
.subNav a.current {
	font-weight: bold;
}
		


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

.subNav li ul {
	margin: 0;
	padding: 0;
}

.subNav li ul a, .subNav li ul a:active, .subNav li ul a:visited {
	display: block;
	margin: 0px 0px 6px 10px;
	padding: 0px 0px 6px 0px;
	width: 170px;
	border-bottom: solid 1px #b5ac93;
	
}
.subNav li ul a:hover {
}
.subNav li ul a.current {
	font-weight: bold;
} 

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


.subNav li ul li ul {
	margin: 0;
	padding: 0;
}
.subNav li ul li ul a, .subNav li ul li ul a:active, .subNav li ul li ul a:visited {
	display: block;
	margin: 0px 0px 6px 20px;
	padding: 0px 0px 6px 0px;
	width: 160px;
	border-bottom: solid 1px #b5ac93;
}
.subNav li ul li ul a:hover {
}
.subNav li ul li ul a.current {
	font-weight: bold;
}

.lefthighlight {
	text-transform: uppercase; color: #F99E35; font:12px Verdana,Arial,Helvetica,sans-serif; font-weight: bold;
	margin: 0px 0px 15px 0px;
	float: left;
}




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

/*#breadcrumbs a, 
#breadcrumbs a:visited, 
#breadcrumbs a:active 
{
	text-decoration: none;
	color: #666;
}

#breadcrumbs a:hover 
{
	color: silver;
}
*/

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

/* Pulldown navigation */
.leftPulldown {
	width: 335px;
	margin: 0px 0px 15px 0px;
}

/* ----- END OF TEMPLATE ----- */