/*******************************************/
/* SUCKERFISH (SINGLE LEVEL OF DROP DOWNS! */
/* 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;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#topnav a {
		display: block;
	}

/* first level (always shown / was in main CSS) */
ul.topnavlist {
	width: 880px;
	height: 36px;
}

	ul.topnavlist li {
		letter-spacing : -1px;
		font-size: 0.95em;
	}

		ul.topnavlist li a {
			display: block;
			line-height: 36px;
			color: #fff;
			margin: 0;
			padding: 0px 10px;
			text-decoration: none;
		}

			ul.topnavlist li a:hover, ul.topnavlist li a:active {
				color: #a69;
				text-decoration: none;
			}

			ul.topnavlist li.onstate {
				font-weight: bold;
			}


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


/* second level (shown on mouseover of first level LIs */
			#topnav li ul {
				width: 220px;
				margin: 0;
				padding: 0;
				position: absolute;
				left: -999em;
				text-transform: none;
				z-index: 10;
			}

				#topnav li ul li {
					width: 210px;
					height: 36px;
					background: #111;
					line-height: 36px;
					opacity: 0.85;
					filter: alpha(opacity=85);
					font-weight: normal;
					padding: 0 5px;
					margin: 0;
				}

					#topnav li ul li a {
						display: block;
					}

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

						#topnav li ul li a:hover, #topnav li ul li a:active {
							background: #111;
							color: #a69;
						}



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