#topnav {
	width: 960px;
	height: 22px;
	margin: 0;
	padding: 0;
}

/*******************************************/
/* SUCKERFISH FOR MULTIPLE DROPDOWN LEVELS */
/* heavily modifed and tested up to IE8    */
/*******************************************/

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

	#topnav li {
		display: inline;
		float: left;
		font-size: 0.8em;
		line-height: 1.9em;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#topnav a {
		width: 100%;
		display: block;
	}



/* first-level (always shown) */
ul#nav {
	width: 960px;
	height: 22px;
	margin: 0;
	padding: 0;
}

	ul#nav li { margin: 0; }

	ul#nav li#tn-1 { width: 102px; margin-right: 5px; }
	ul#nav li#tn-2 { width: 102px; margin-right: 5px; }
	ul#nav li#tn-3 { width: 102px; margin-right: 5px; }
	ul#nav li#tn-4 { width: 102px; margin-right: 5px; }
	ul#nav li#tn-5 { width: 102px; margin-right: 5px; }
	ul#nav li#tn-6 { width: 102px; margin-right: 5px; }
	ul#nav li#tn-7 { width: 102px; margin-right: 5px; }
	ul#nav li#tn-8 { width: 102px; margin-right: 5px; }
	ul#nav li#tn-9 { width: 104px; }

		ul#nav li a {
			width: 92px;
			height: 100%;
			color: #fff;
			display: block;
			line-height: 22px;
			margin: 0;
			padding: 0 5px;
			text-align: left;
			text-decoration: none;
			background: #888;
		}

			ul#nav li#tn-9 a { width: 94px; }

		ul#nav li a:hover, ul#nav li a:active {
			background: #e13;
			color: #fff;
		}
	
		ul#nav li.on-state { 
			font-weight: bold; 
		}
			
			ul#nav li.on-state a {
				background: #e13;
			}

#topnav li:hover, #topnav li.sfhover {
	position: relative;
	z-index: 20;
}



/* second-level lists (shown on mouseover of first-level) */

		#topnav li ul {
			width: 102px;
			height: auto;
			background-color: #e13;
			position: absolute;
			margin: 0;
			padding: 0px;
			left: -999em;
			z-index: 30; /* overlay other content */
		}

			#topnav li ul li {
				display: block;
			}

				#topnav li ul li a {
					width: 82px;
					line-height: 1.4em;
					text-align: left;
					padding: 3px 10px;
				}

				#topnav li ul li a:link, #topnav li ul li a:visited {
					background-color: #e13;
					color: #fff;
				}

				#topnav li ul li a:hover, #topnav li ul li a:active {
					background-color: #999;
					color: #fff;
				}



/* 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 {
	left: 0;
	visibility: visible;
}