/*******************************************/
/* 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 0 0 5px;
		padding: 0;
	}

	#topnav a {
		display: block;
	}



/* first level (always shown / was in main CSS) */
ul#nav {
	width: 915px;
	height: 60px;
	margin: 0 0 0 5px;
}
	
	ul#nav li#homelink { width: 80px; }
	ul#nav li#onthefarmlink { width: 90px; }
	ul#nav li#newslink { width: 105px; }
	ul#nav li#birthdaylink { width: 95px; }
	ul#nav li#adoptlink { width: 100px; }
	ul#nav li#kidslink { width: 75px; }
	ul#nav li#schoolslink { width: 120px;}
	ul#nav li#aboutlink { width: 105px; }
	ul#nav li#cottageslink { width: 100px; border: none; }
	
	ul#nav li {
		height: 60px;
	}

		ul#nav li a {
			height: 30px;
			background: #b23 url(images/iconstar.gif) no-repeat 3px 10px;
			color: #fff;
			display: block;
			margin: 0;
			padding: 15px 10px 15px 28px;
			text-align: left;
			text-decoration: none;
		}

			ul#nav li a:hover, ul#nav li a:active {
				background: #f90 url(images/iconstaron.gif) no-repeat 3px 10px;
				color: #000;
			}

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

			#topnav li ul li {
				height: 30px;
				display: block;
				background: none;
				background-color: #fff;
					/* transparency on LI works in all */
				line-height: 30px;
				margin: 0;
				opacity: 0.90; /* firefox */
					filter: alpha(opacity=90); /* ie */
				padding: 0;
			}

			
				#topnav li ul li a {
					width: 210px;
					height: 30px;
					background: none;
					background-color: #fff;
					line-height: 30px;
					margin: 0;
					padding: 0 10px;
				}

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

				#topnav li ul li a:hover, #topnav li ul li a:active {
					background: none;
					background-color: #f90;
					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;
}