/*******************************************/
/* 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.95em;
		line-height: 1.9em;
		list-style: none;
		margin: 0;
		padding: 0;
	}

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



/* first-level (always shown) */
ul#nav {
	width: 920px;
	height: 32px;
}

	ul#nav li#tna { width: 100px; }
	ul#nav li#tnb { width: 90px; }
	ul#nav li#tnc { width: 100px; }
	ul#nav li#tnd { width: 120px; }
	ul#nav li#tne { width: 126px; }
	ul#nav li#tnf { width: 80px; }
	ul#nav li#tng { width: 60px; }

	ul#nav li a {
		width: 100%;
		height: 32px;
		color: #fff;
		display: block;
		line-height: 32px;
		margin: 0;
		padding: 0;
		text-align: center;
		text-decoration: none;
	}

	ul#nav li a:hover, ul#nav li a:active {
		background: #607ca7;
		color: #fff;
	}

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



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

		#topnav li ul {
			width: 250px;
			background-color: #8793b8;
			position: absolute;
				left: -999em;
			z-index: 30; /* overlay other content */
		}

			#topnav li ul li {
				display: block;
			}

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



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

				#topnav li ul ul {
					width: 390px;
					margin: -32px 0 0 250px;
					background-color: #6777A6;
				}

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

					#topnav li ul ul li {
						width: 390px;
					}

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



/* 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;
}