#topnav {
	width: 630px;
	height: 42px;
	float: left;
	padding: 0px;
	border-bottom: 2px solid #943;
	
}

/* all lists, items, hovers */
#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#topnav li {
		display: inline;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#topnav a {
		display: block;
	}

/* first level (always shown / was in main CSS) */
ul#nav li.onstate {
	font-weight: bold;
	letter-spacing: -1px;
}

ul#nav {
	width: 630px;
	height: 30px;
	margin: 7px 0px 5px 0px;
}

		ul#nav li {
			border-right: 1px dotted #900;
		}

		ul#nav li#tnf {
			border-right: none;
		}

		ul#nav li.sel {
			font-weight: bold;
		}

		ul#nav li a {
			color: #fff;
			display: block;
			line-height: 30px;
			margin: 0px;
			padding: 0px 14px;
			text-align: left;
			text-decoration: none;
		}

		ul#nav li a:hover, ul#nav li a:active {
			text-decoration: underline;
		}

		/* APPLY ONSTATE OVERRIDE */
		ul#nav li.onstate { font-weight: bold; }


/* positioning / z-indexing for IE */
#topnav li:hover, #topnav li.sfhover {
	position: relative;
	z-index: 20;
}

/* second-level lists (shown on mouseover of first level) */
		#topnav li ul {
			width: 200px;
			background-color: #26a;
			margin: -5px 0 0 0;
			padding: 5px 0;
			position: absolute;
				left: -999em;
			text-transform: none;
			z-index: 30; /* overlay other content */
		}

			#topnav li ul li {
				width: 180px;
				display: block;
				background-color: #26a;
					opacity: 0.95; /* firefox */
					/* using filter here stops the 3rd level appearing */
				border-right: none;
				border-bottom: 1px dotted #ccc;
				font-weight: normal;
				margin: 0 10px;
				padding: 0;
			}

				#topnav li ul li.last-link { border-bottom: none; }

				#topnav li ul li a {
					width: 180px;
					padding: 0;
					text-align: left;
				}

				#topnav li ul li a:link, #topnav li ul li a:visited {
					color: #fff;
					text-decoration: none;
				}

				#topnav li ul li a:hover, #topnav li ul li a:active {
					color: #fff;
					text-decoration: underline;
				}


/* third-level (and below) lists (shown on mouseover of second-level (and below) lists */

				#topnav li ul ul {
					width: 200px;
					background-color: #d34;
					margin: -40px 0 0 170px;
					padding: 0;
				}

				#topnav li:hover ul ul, #topnav li.sfhover ul ul {
					position: absolute;
						left: -999em;
					z-index: 40;
				}

					#topnav li ul ul li {
						width: 180px;
						background-color: #d34;
						margin: 0 10px;
						padding: 0;
					}

						#topnav li ul ul li a {
							width: 180px;
							margin: 0;
							padding: 0;
							text-align: left;
						}


/* bring the hidden items back (lists nested under hovered list items) */
#topnav li:hover ul,  #topnav li.sfhover ul,
#topnav li li:hover ul, #topnav li li.sfhover ul,
#topnav li li li:hover ul, #topnav li li li.sfhover ul {
	visibility: visible;
	left: auto;
}