﻿/* nav tech */
#topNav, #nav {
	position: relative;
}

	#nav, #nav li, #nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}

		#nav ul, #nav ul ul {
			visibility: hidden;
			position: absolute;
		}

		#nav li:hover > ul {
			visibility: visible;
		}

		#nav li:hover, #nav a:hover {
			position: relative;
		}

		#nav > li {
			float: left;
			zoom: 1;
			width:auto;
		}

		#nav > li > ul > li, #nav > li > ul > li > ul > li {
			float: none;
		}
		
/* nav structure */
#topNav {
	padding: 13px 0 7px 0px;
	height: 26px;
}

#nav li a {
	padding: 7px;
	display: block;
}

#nav li span.navLabel {
	padding: 7px;
	display: block;
	font-weight: bold;
}

#nav > li ul {
	top: 29px;
	left: 0;
	padding: 0;
}

#nav > li > ul > li {
	width: 145px;
}

	#nav > li > ul > li ul {
		top: -2px;
		left: 100%;
	}

	#nav > li > ul > li > ul > li {
		width: 152px;
	}

/* z-index */
#nav, #nav ul, #nav > li, #nav > li a, #nav > li a:hover {
	z-index: 1901;
}

	#nav > li ul, #nav > li > ul > li, #nav > li > ul > li a, #nav > li > ul > li a:hover {
		z-index: 1902;
	}

		#nav > li > ul > li ul, #nav > li > ul > li > ul > li, #nav > li > ul > li > ul > li a, #nav > li > ul > li > ul > li a:hover {
			z-index: 1903;
		}
	/* nav fonts */
	#nav a {

		font-size: 12px;
		color: #141414;
		line-height: 1.2em;
	}
	#nav li.at > a { font-weight: bold; }
	#nav > li > ul > li a {
		line-height: 1.5em;
	}

	#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
		color: #141414;
		text-decoration: none;
	}
	/* <a> styling */
	#nav li, #nav ul {
		background-color: #fff;
	}

	#nav > li a {
		border: solid 1px #fff;
	}

		#nav > li a:hover {
			background-color: #fff;
			border-color: #ccc;
		}
		/*#c7c7c7 and #a7a7a7 */
		#nav > li a.dir:hover {
			background-color: #f7f7f7;
		}

	#nav > li:hover > *.dir {
		border-color: #dfb022 #ccc #ccc #ccc;
	}

	#nav > li > ul > li:hover > *.dir {
		border-color: #fff #ccc #fff #ccc;
	}

	#nav > li > ul > li a {
		border-width: 0;
	}
	/* <ul> and <li> styling */
	#nav > li ul {
		border-top: 1px solid #ccc;
	}

	#nav > li > ul > li, #nav > li > ul > li > ul > li {
		border-style: solid;
		border-width: 1px;
		border-color: #fff #ccc #ddd #ccc;
	}

		#nav > li > ul > a:hover, #nav > li > ul > li a:hover {
			background-color: #f7f7f7;
		}

	#topNav, #nav, #nav li, #nav ul {
		vertical-align: top;
	}

		#nav > li > ul > li > ul {
			vertical-align: top;
		}

			#nav > li > ul > li > ul > li {
				vertical-align: top;
			}


#util {
	text-align: right;
	font-size: 11px;
}

	#util span {
		margin-left: 10px;
	}

	#util a {
		text-decoration: none;
	}

		#util a:hover {
			text-decoration: underline;
		}

#clickstream {
	text-align: right;
	font-size: 11px;
	margin: 5px 15px 0 0;
}

	#clickstream a {
		text-decoration: none;
		color: #797979;
	}

		#clickstream a:hover {
			text-decoration: none;
			color: #801515;
		}

/*added*/
#topNav, #nav {
	clear: none;
}

#topNavMessage {
	right: 0;
	font-size: 9px;
	margin: -7px 0 0 0;
	font-weight: bold;
	cursor: pointer;
}
