/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------
	Client:	
	Author:	
	Date:	Month, Year
		
*/


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

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





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

#topNav {
	position: absolute;
	top:14px;
	right: 165px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width:300px;
	color:#999;
}
#topNav a {
	color:#c2240f;
}






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

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

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

#nav li {
	float: left;
}

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

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

#navTab01 a.mainNavItem { width:201px; background-position: 0px 0px; }
#navTab02 a.mainNavItem { width:166px; background-position: -201px 0px; }
#navTab03 a.mainNavItem { width:273px; background-position: -367px 0px; }
#navTab04 a.mainNavItem { width:150px; background-position: -640px 0px; }

#navTab01 a.mainNavItem:hover { width:201px; background-position: 0px -35px; }
#navTab02 a.mainNavItem:hover { width:166px; background-position: -201px -35px; }
#navTab03 a.mainNavItem:hover { width:273px; background-position: -367px -35px; }
#navTab04 a.mainNavItem:hover { width:150px; background-position: -640px -35px; }

#navTab01 a.current { width:201px; background-position: 0px -35px; }
#navTab02 a.current { width:166px; background-position: -201px -35px; }
#navTab03 a.current { width:273px; background-position: -367px -35px; }
#navTab04 a.current { width:150px; background-position: -640px -35px; }


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

#mainNav ul.dropdown {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 36px; /* Height of main navigation item */
	list-style-image: none;
	list-style-type: none;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	z-index: 1000;
}

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

#mainNav ul.dropdown li {
	position: relative;
	background-color: #c2240f;
	border-bottom: solid 1px #FFFFFF;
}
	
#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: 261px;				
	background-color: #c2240f;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;	
}
		
#mainNav ul.dropdown li a:hover {
	background-color: #ab1602;
	color: #FFFFFF;
}


/* ========== 3rd and 4th Level (Flyouts) Navigation ========== */
			
#nav ul.flyout {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 271px;
	top: 0px;
	list-style-image: none;
	list-style-type: none;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	z-index: 1001;
}

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

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





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

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#breadcrumbs a:hover {
	color: #fff;
	text-decoration: underline;
}





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

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

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

#actions a, 
#actions a:active, 
#actions a:visited {
	position: relative;
	height: 16px;
	text-decoration: none;
	color: #FFFFFF;
}

#actions a:hover { color: #FFFFFF; text-decoration: underline; }

/*
   Share Drop-down Styles
*/

#Share
{
	float: right;
	position: relative;
	list-style-type: none !important; 
	list-style-image: none !important;
	background: transparent url(/images/actions/icon_share.gif) no-repeat 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	cursor: pointer;
	z-index: 1002;
	width: 55px;
	height: 13px;
}

	/* 
		Need background image as link cannot be empty otherwise it will
		have no clickable/hoverable area
	*/
	a.ShareLink, a.ShareLink:active, a.ShareLink:visited
	{
		width: 55px;
		height: 13px;
		display: block;
		background: transparent url(/images/spacer.gif);		
	}
	
		/* Required, else IE 6's hover over the share button will not display the menu */
		a.ShareLink:hover
		{
			border-bottom: solid 1px #005494;
		}
		
	#Share table 
	{
		position: absolute;
		border-collapse: collapse;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;		
	}

	/* Individual share item container */
	#Share ul
	{
		position: absolute; 
		visibility: hidden;
		list-style-image: none !important; 
		list-style-type: none !important; 
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;		
		top: 13px; /* This should be the height of the share icon so that the menu will display directly below */
		right: 0px;
		background-color: #F5E6AE;
		border: solid 1px #AA0000;
		border-top: 0px;
	}

	/* Showing share items list when user hovers over link */
	a.ShareLink:hover ul, #Share li:hover ul 
	{
		visibility: visible !important;
	}
	
		/* Individual share item container */
		#Share ul li
		{
			float: left;
			width: 150px;
			font-size: 12px;
			overflow: hidden;
			background-image: none !important;			
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
			#Share ul li img
			{
				float: left;
				width: 16px;
				height: 16px;
				padding: 0px 5px 0px 0px;
			}
			
			#Share ul li span
			{
				float: left;
				width: 109px;
				color: #C2240F !important;
				cursor: pointer;
			}
		
			/* Share item link */
			#ShareItemsPlaceholder a, #ShareItemsPlaceholder a:visited, #ShareItemsPlaceholder a:active
			{
				display: block;				
				float: left;
				width: 130px !important;
				padding: 5px 10px 5px 10px;
			}

				#ShareItemsPlaceholder a:hover
				{
					color: #AA0000 !important; 
					background-color: #EDCB57;
					text-decoration: none;
				}

				#ShareItemsPlaceholder li.last a
				{
					border-bottom: 0px !important;
				}

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

.subnavcurrent *
{
	font-weight: bold;
}

.subnavwrap, .subnavwrapon, .subnavwrapsecondlevel, .subnavwrapthirdlevel
{
	width: 210px;
	float: left;
	margin: 0px 0px 1px 0px;
}

	.subnavtop, .subnavbottom, .subnavwrapon .subnavtop, .subnavwrapon .subnavbottom,
	.subnavwrapsecondlevel .subnavtop, .subnavwrapsecondlevel .subnavbottom, 
	.subnavwrapthirdlevel .subnavtop, .subnavwrapthirdlevel .subnavbottom
	{
		float: left;
		width: 210px;
		height: 7px;
		overflow: hidden;
		background: #FFFFFF url(../images/subnav/subnav_top.gif) no-repeat 0px 0px;
	}
	
	.subnavwrapon .subnavtop
	{
		background: #FFFFFF url(../images/subnav/subnav_top_on.gif) no-repeat 0px 0px;
	}
	
	.subnavwrapsecondlevel .subnavtop
	{
		background: #FFFFFF url(../images/subnav/subnav_secondlevel_top.gif) no-repeat 0px 0px;
	}
	
	.subnavwrapthirdlevel .subnavtop
	{
		background: #FFFFFF url(../images/subnav/subnav_thirdlevel_top.gif) no-repeat 0px 0px;
	}
	
	.subnavcontent, .subnavwrapon .subnavcontent, .subnavwrapsecondlevel .subnavcontent,
	.subnavwrapthirdlevel .subnavcontent
	{
		position: relative;
		float: left;
		width: 169px;
		height: auto;
		background-color: #f5e6ae;
		padding: 0px 15px 1px 15px;
		overflow: hidden;
	}
	
		.subnavcontent a { color: #c2240f; }
	
	.subnavwrapon .subnavcontent
	{
		width: 165px;
		padding: 0px 30px 0px 15px;
		background-color: #edcb57;
	}
	
		.subnavwrapon .subnavcontent a { color: #c2240f; }
		
	.subnavwrapsecondlevel .subnavcontent
	{
		width: 150px;
		padding: 0px 30px 0px 15px;
		background-color: #efd88c;
		float: right;		
	}
	
		.subnavwrapsecondlevel .subnavcontent a { color: #c2240f; }
		
	.subnavwrapthirdlevel .subnavcontent
	{
		width: 165px;
		padding: 0px 15px 0px 30px;
		background-color: #d3d3d3;
	}
	
		.subnavwrapthirdlevel .subnavcontent a { color: #c2240f; }		
	
		.subnavarrow
		{
			/* z-index: 1000; */
			position: absolute;
			top: -1px; right: 10px;
			width: 9px; height: 22px;
			background: #e6e6e6 url(../images/subnav/subnav_arrow.gif) no-repeat 0px 0px;
		}
		
		.subnavwrapon .subnavarrow, .subnavwrapsecondlevel .subnavarrow,
		.subnavwrapthirdlevel .subnavarrow
		{
			display: none;
		}
		
	.subnavbottom
	{
		background: #FFFFFF url(../images/subnav/subnav_bottom.gif) no-repeat 0px 0px;
	}
	
	.subnavwrapon .subnavbottom
	{
		background: #FFFFFF url(../images/subnav/subnav_bottom_on.gif) no-repeat 0px 0px;
	}
	
	.subnavwrapsecondlevel .subnavbottom
	{
		background: #FFFFFF url(../images/subnav/subnav_secondlevel_bottom.gif) no-repeat 0px 0px;
	}
	
	.subnavwrapthirdlevel .subnavbottom
	{
		background: #FFFFFF url(../images/subnav/subnav_thirdlevel_bottom.gif) no-repeat 0px 0px;
	}	






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

#footerNav a, #footerNav a:active, #footerNav a:visited {
	color: #294762;
	text-decoration: none;
}

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