/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------
	Client:	ByCast
	Author:	Darren Gould
	Date:	August, 2009
		
*/


/* ===================================================================================== TOP NAVIGATION */

#topNav .horizNavSeparator 
{
	padding: 0px 12px;
}

#topNav a, 
#topNav a:active, 
#topNav a:visited 
{
	color: #464646;
	text-decoration: none;
}

#topNav a:hover 
{
	text-decoration: underline;
}

#topNav a.home 
{
	padding: 2px 0 0 27px;
	background: url(/images/structure/icon_home.gif) 0 0 no-repeat;
}

#topNav a.contact 
{
	padding: 2px 0 0 27px;
	background: url(/images/structure/icon_email.gif) 0 0 no-repeat;
}



/* ===================================================================================== 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: 49px;
			background-image: url(/images/structure/mainNav.jpg);
			text-indent: -9999px;
			font-size: 1%;
			overflow: hidden;
		}
		
		#navTab01 a.mainNavItem { width: 112px; background-position: 0px 0px; }
		#navTab02 a.mainNavItem { width: 125px; background-position: -112px 0px; }
		#navTab03 a.mainNavItem { width: 120px; background-position: -237px 0px; }
		#navTab04 a.mainNavItem { width: 131px; background-position: -357px 0px; }
		#navTab05 a.mainNavItem { width: 120px; background-position: -488px 0px; }
		#navTab06 a.mainNavItem { width: 111px; background-position: -608px 0px; }
		#navTab07 a.mainNavItem { width: 154px; background-position: -719px 0px; }
		#navTab08 a.mainNavItem { width: 107px; background-position: -873px 0px; }
		
		#navTab01 a.mainNavItem:hover { background-position: 0px -49px; }
		#navTab02 a.mainNavItem:hover { background-position: -112px -49px; }
		#navTab03 a.mainNavItem:hover { background-position: -237px -49px; }
		#navTab04 a.mainNavItem:hover { background-position: -357px -49px; }
		#navTab05 a.mainNavItem:hover { background-position: -488px -49px; }
		#navTab06 a.mainNavItem:hover { background-position: -608px -49px; }
		#navTab07 a.mainNavItem:hover { background-position: -719px -49px; }
		#navTab08 a.mainNavItem:hover { background-position: -873px -49px; }
		
		#navTab01 a.current { background-position: 0px -49px; }
		#navTab02 a.current { background-position: -112px -49px; }
		#navTab03 a.current { background-position: -237px -49px; }
		#navTab04 a.current { background-position: -357px -49px; }
		#navTab05 a.current { background-position: -488px -49px; }
		#navTab06 a.current { background-position: -608px -49px; }
		#navTab07 a.current { background-position: -719px -49px; }
		#navTab08 a.current { background-position: -873px -49px; }


/* ========== Drop-down (Level 2) Navigation ========== */

			#mainNav ul.dropdown
			{
				display: none;
				position: absolute;
				margin: 0;
				padding: 0;
				width: 196px;
				left: 0px;
				top: 49px; /* Height of main navigation item */
				list-style-image: none;
				list-style-type: none;
				border-left: solid 1px #A1A1A1;
				border-right: solid 1px #A1A1A1;
				z-index: 1000;
			}
			
			#mainNav ul.lastMainNavDropdown 
			{
				left: auto; /* Required for 'right' to work */
				right: 0px;
				border-left: solid 1px #A1A1A1;
				border-right: solid 1px #A1A1A1;
			}
				
				#mainNav ul.dropdown li 
				{
					position: relative;
					background-color: #FFF;
					border-bottom: solid 1px #5E5E5E;
				}
						
					#mainNav ul.dropdown li a, 
					#mainNav ul.dropdown li a:active, 
					#mainNav ul.dropdown li a:visited 
					{
						display: block;
						padding: 10px 8px 10px 8px;
						width: 180px;				
						background-color: #434343;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						text-decoration: none;
						color: #FFF;
						cursor: pointer;	
					}
							
					#mainNav ul.dropdown li a:hover 
					{
						background-color: #626262;
						background-color: #545454;
						color: #FFF;
					}
			
			
/* ========== Flyouts (Level 3) Navigation ========== */
			
						#nav ul.flyout
						{
							display: none;
							position: absolute;
							margin: 0;
							padding: 0;
							left: 195px;
							top: 0px;
							list-style-image: none;
							list-style-type: none;
							border-left: solid 1px #A1A1A1;
							border-right: solid 1px #A1A1A1;
							border-top: solid 1px #5E5E5E;
							z-index: 1001;
						}
						
						/* Required for the 'right' navigation to flyin */
						#nav ul.lastMainNavDropdown ul
						{
							left: -195px;
							z-index: 1001;
							width: 196px !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_icon_up.png) 173px 11px no-repeat;
							}
							
							#nav ul a.dropdownItemHasFlyout:hover
							{
								background: url(/images/structure/mainnav_icon_over.png) 173px 11px no-repeat;
							}




/* ===================================================================================== BREADCRUMBS  */

#breadcrumbs .horizNavSeparator 
{
	padding: 0px 5px;
}

#breadcrumbs a, 
#breadcrumbs a:visited, 
#breadcrumbs a:active 
{
	color: #FFF;
	text-decoration: none;
}

#breadcrumbs a:hover 
{
	color: #FFF;
	text-decoration: underline;
}

#breadcrumbs a.current,
#breadcrumbs a.current :visited,
#breadcrumbs a.current :active
{
	color: #D1C8B2;
}

#breadcrumbs a.current :hover
{
	color: #D1C8B2;
	text-decoration: underline;
}




/* ===================================================================================== ACTIONS  */



/* ===================================================================================== SUB NAVIGATION */





/* ----- END OF TEMPLATE ----- */
