﻿/* Design Styles for TOP Navigation Elements */

	ul {
		list-style: none;
		}


ul#navPrimary {
		/* position: relative;  - causes additional 10px added to LI in FFox*/
		top: 0px;
		right: 0px;
		height: 25px;
}
	ul#navPrimary li {
		float: left;
		margin: 0 0 0 0px;
	}
		ul#navPrimary li a {
			color: #fff;
			display: block;
			font-size: 11px;
			font-family: Tahoma;
			font-weight: bold;
			height: 25px;
			overflow: hidden;
			padding: 8px 0 0 0;
			/* text-indent: -9000px; */
			/* width: 111px;  141 - 10 from li margin*/
			text-decoration: none;
		}
		
            
			li#navbutton a {
				background: url("/images/navButBG.jpg") 0 0 repeat-x;
				border-left: 1px solid #C0C0C0; 
				border-right: 1px solid #666666; 
			}
			
			li.navbutton a {
				background: url("/images/navButBG.jpg") 0 0 repeat-x;
				border-left: 1px solid #C0C0C0; 
				border-right: 1px solid #666666; 
			}

			li.navbutton a:hover,  li.navbutton:hover a, li.navbutton.sfhover a {
				background-position: 0 -40px;
			}


		
			#header ul#navPrimary li.selected a,
			#header ul#navPrimary li a:hover {
				background-position: 0 -40px;

			}
			
			/* THIS DOES ROLLOVER */
			ul#navPrimary li a:hover,
			/* ul#navPrimary li a.selected, */
			ul#navPrimary li:hover a,
			ul#navPrimary li.sfhover a {
				background-position: 0 -40px;
				/* color: #000000; */
			}
			
			ul#navPrimary li a.selected,
			ul#navPrimary li a.selected:hover {
				background-position: 0 -80px;
				color: #000000;
			}

			
		
		#nav-navPrimary, #navPrimary ul { /* all lists */
			line-height: 1;
			margin: 0;
			padding: 0;
			z-index: 100;
		}
		
		#navPrimary li li a {
			background: none;
			height: auto;
			/* font-size: 1em; */
			font-weight: normal;
			line-height: 1.2;
			padding: 5px 20px 8px 9px; 
			text-align: left;
			text-indent: 0;
			width: auto; /* 180 
			zoom: 1;*/
		}
			#navPrimary li.last a {
				padding-bottom: 20px;
			}
		
			#navPrimary li li {
				background: #fff;
				border-top: 0;
				height: auto;
				margin-left: 0;
				width: 145px;
			}
			
		
		#navPrimary li ul { /* second-level lists */
			position: absolute;
			background: #fff;
			left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
			margin-left: 0px;
			width: 145px;
			z-index: 1000;
			/* zoom: 1; */
		}
		
		#navPrimary li ul li a:hover {
			color: #2EA8A1;
			background: #F0D1D5;
			left: 1px;
			z-index: 1000;
		}
			
		
		#navPrimary li:hover ul, 
		#navPrimary li li:hover ul, 
		#navPrimary li.sfhover ul, 
		#navPrimary li li.sfhover ul { /* lists nested under hovered list items */
			left: auto; 
			left: 1px;
			z-index: 1000;

		}

		#navPrimary li:hover ul,
		#navPrimary li.sfhover ul {
			z-index: 100;
			left: 1px;
		}
