/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* Navigation (Horizontal Subnavigation)
----------------------------------------------- */
ul.nav, ul.nav * 							{ margin: 0; padding: 0; z-index: 9999; }
ul.nav 										{ position: relative; background: #666; max-width: 100%; height: 2.5em; }
ul.nav li 									{ cursor: pointer; float: left; text-align: center; list-style-type: none; 
											  font-weight: normal; }
ul.nav li ul 								{ cursor: default; width: 100%; max-width: 100%; position: absolute; 
											  height: auto; top: 2.5em; background-position: 0 0 !important; left: -9000px; }
ul.nav li ul li 							{ padding: 0; border: none; width: auto; max-width: none; }
ul.nav li a 								{ color: #fff; background: #666; font-weight: bold; text-decoration: none; 
											  display: block; float: left; padding: 0 1em; height: 2.4em; line-height: 2.5em; }
ul.nav li ul li a 							{ position: relative !important; /* ie Mac */
											  cursor: pointer !important; white-space: nowrap; line-height: 2em; height: 2em;
											  font-weight: normal; color: #666; background-position: 0 50% !important; }

ul.nav li:hover a, ul.nav li a:hover, ul.nav li a:focus 
											{ color: #000; background: #ccc; }
ul.nav li a:active 							{ color: #666; background: #fff; }
ul.nav li:hover ul 							{ left: 0; z-index: 10; }
ul.nav li ul,
ul.nav li 									{ background: #ccc !important }
ul.nav li:hover ul li a 					{ color: #444; }
ul.nav li:hover ul li a:hover 				{ color: #000; background: #fff; }
ul.nav li:hover ul li a:active 				{ color: #666; background: #fff; }

ul.nav li.current a 						{ color: #666; background: #fff; cursor: default; font-weight: bold; }
ul.nav li.current ul 						{ left: 0; z-index: 5 }
ul.nav li.current ul,
ul.nav li.current 							{ background: #ccc !important }
ul.nav li.current ul li a 					{ color: #444; background: #ccc; font-weight: normal; }
ul.nav li.current ul li a:hover 			{ color: #000; background: #fff; }
ul.nav li ul li.current a, ul.nav li ul li.current a:hover, ul.nav li.current:hover ul li a:active 
											{ color: #666; background: #fff; }

/* Navigation (Vertical Subnavigation)
----------------------------------------------- */
ul.nav 										{ background: url(../../images/layout/navBar/navBarBG.png) repeat-x #666; 
											  width: 940px; height: 27px; }
ul.main li 									{ position: relative; top: 0; left: 0; }
ul.main li ul 								{ border-top: 0; }
ul.main li ul li 							{ float: left; }
ul.main li a 								{ height: 2.5em; line-height: 2.5em; border: 0; color: #fff; background: #666; }
ul.main li a p								{ position: relative; top: -36px; color: #FFF; }
ul.main li a.navBar							{ margin: 0; padding: 0; }
ul.main li ul li a 							{ width: 12em; line-height: 2em; height: 2em; text-align: left; 
											  color: #fff; border-top: 1px solid #444; background: #444; }
ul.main li a:focus 							{ color: #fff; background: #666; }
ul.main li ul li a:hover 					{ color: #fff; background: #555; }
ul.main li:hover a 							{ color: #fff; background: #555; }
ul.main li:hover ul li a 					{ color: #fff; }
ul.main li:hover ul li a:hover 				{ color: #fff; background: #950000; }
ul.main li:hover a:active 					{ background: #444; }
ul.main li:hover ul li a:active 			{ color: #fff; background: #222; }


/* Secondary List
----------------------------------------------- */
ul.nav li.secondary 						{ float: right; color: #cde; background: transparent !important; }
ul.nav li.secondary span.status 			{ float: left; padding: 0 1em; line-height: 2.77em; height: 2.77em; font-size: 0.9em; }
ul.nav li.secondary span.status a 			{ float: none; display: inline; padding: 0; height: auto; line-height: auto; 
											  color: #cde; background: transparent; }
ul.nav li.secondary span.status a:hover 	{ color: #fff; background: transparent; }
ul.nav li.secondary span.status span 		{ text-transform: capitalize; }
ul.nav li.secondary: hover a 				{ color: #fff; background: #666; }
ul.nav li.secondary: hover a:hover 			{ background: #555; }
ul.nav li.secondary: hover a:active 		{ background: #444; }
ul.nav li.secondary div#curDateTime		 	{ padding-right: 10px; font-size: 1em; font-weight: bold;
											  color: #fff; line-height: 2.5em; height: 2.5em; cursor: default; }


/*  Based on Stephen Bau's Fluid 960 Grid System.  Released under the GPL / MIT Licenses.  */