/*******************************************/
/* SUCKERFISH (SINGLE LEVEL OF DROP DOWNS! */
/* heavily modifed and tested up to IE8    */
/*******************************************/

/* all lists, items, hovers */
#topnav ul {
	width: 930px;
	height: 32px;
	background: #238 url(/images/topnavback.gif) no-repeat top left;
	margin: 3px 0 0 0;
	position: relative;
	padding: 0;
	z-index: 5;
}

	#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: 930px;
	height: 32px;
	border-bottom: 1px solid #999;
	font-size: 0.95em;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

	ul#nav li {
		letter-spacing : -1px;
	}

	ul#nav li#tna { width: 95px; margin-left: 55px;}
	ul#nav li#tnb { width: 155px;}
	ul#nav li#tnc { width: 110px;}
	ul#nav li#tnd { width: 180px;}
	ul#nav li#tne { width: 160px;}
	ul#nav li#tnf { width: 60px;}
	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: left;
		text-decoration: none;
	}

	ul#nav li a:hover, ul#nav li a:active {
		color: #8d5;
	}

	ul#nav li.navacc {
		width: 95%;
		height: 32px;
		color: #24C20C;
		font-weight: bold;
		line-height: 32px;
		padding-left: 5%;
	}

	/* 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: 230px;
			background: none;
			margin: -3px 0 0 0px;
			padding: 0px;
			position: absolute;
			left: -999em;
			text-transform: none;
			z-index: 30; /* overlay other content */
		}

			#topnav li ul li {
				height: 22px;
				display: block;
				background-color: #369;
					/* transparency on LI works in all */

			}


				#topnav li ul li a {
					width: 210px;
					height: 22px;
					padding: 0 10px;
					line-height: 22px;
				}

				#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 {
					color: #8d5;
				}
				
/* third-level (and below) lists (shown on mouseover of second-level (and below) lists */

				#topnav li ul ul {
					width: 200px;
					background-color: #60c7e3;
					background-image: none;
					margin: -10px 0 0 230px;
					padding: 0 10px;
					height: 22px;
					line-height: 22px;
				}

				#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: #60c7e3;
						margin: 0 10px;
						padding: 0;
					}

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




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