/*******************************************/
/* 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 {
			width: 100%;
			display: block;
		}



	/* first level (always shown / was in main CSS) */
	ul#nav {
		width: 900px;
		height: 40px;
		margin: 0px 0 0px 0;
		padding: 0px 15px 0px 15px;
		z-index: 20;
	}

        ul#nav li {
		    height: 40px;
        }

		ul#nav li#tn1 { width: 60px; }
		ul#nav li#tn2 { width: 145px; }
		ul#nav li#tn3 { width: 230px; }
		ul#nav li#tn4 { width: 75px; }
		ul#nav li#tn5 { width: 210px; }
		ul#nav li#tn7 { width: 100px; }
		ul#nav li#tn8 { width: 80px; }

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

		ul#nav li a:hover, ul#nav li a:active {
			color: #fff;
			background: url(images/bg-topnav.gif) repeat-x left bottom;
		}

		/* APPLY ONSTATE OVERRIDE */
		ul#nav li.onstate a { font-weight: bold; }
		ul#nav li.onstate ul li a { font-weight: normal; }
		ul#nav li ul li.onstate a { 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;
				margin: 0px 0 0 0px;
				padding: 0px;
				position: absolute;
				left: -999em;
				text-transform: none;
				z-index: 30; /* overlay other content */
			}

				#topnav li ul li {
					height: 26px;
					display: block;
					background-color: #c9b8d6;
						/* transparency on LI works in all */
						opacity: 0.90; /* firefox */
						filter: alpha(opacity=90); /* ie */
				}


					#topnav li ul li a {
						width: 210px;
						height: 26px;
						line-height: 26px;
						padding: 1px 10px;
						font-weight: normal;
						text-align: left;
					}

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

					#topnav li ul li a:hover, #topnav li ul li a:active {
						background-color: #bba2cd;
						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 {
		visibility: visible;
		left: auto;
	}