#nav {
	position: relative;
	width: 138px; height: 427px;
	margin: 10px; padding: 0;
	background: url(images/nav.gif) no-repeat -138px top;
}
	#nav li { position: absolute; margin-bottom: 12px; padding: 0; list-style: none; }
	#nav li, #nav li a { width: 138px; height: 44px; display: block;}
	
	#navrawmilk		{ top: 1px; }
	#navabout		{ top: 55px; }
	#navproducts	{ top: 109px; }
	#navnews		{ top: 163px; }
	#navlinks		{ top: 216px; }
	#navfun			{ top: 270px; }
	#navcontact		{ top: 324px; }
	#navhome		{ top: 378px; }

	#navrawmilk.on 		{ height: 54px; background: transparent url(images/nav.gif) 0   -1px no-repeat; }
	#navabout.on		{ height: 54px; background: transparent url(images/nav.gif) 0  -55px no-repeat; }
	#navproducts.on		{ height: 54px; background: transparent url(images/nav.gif) 0 -109px no-repeat; }
	#navnews.on			{ height: 54px; background: transparent url(images/nav.gif) 0 -163px no-repeat; }
	#navlinks.on 		{ height: 54px; background: transparent url(images/nav.gif) 0 -216px no-repeat; }
	#navfun.on			{ height: 54px; background: transparent url(images/nav.gif) 0 -270px no-repeat; }
	#navcontact.on 		{ height: 54px; background: transparent url(images/nav.gif) 0 -324px no-repeat; }
	#navhome.on 		{ height: 54px; background: transparent url(images/nav.gif) 0 -378px no-repeat; }

	#navrawmilk a:hover 	{ background: transparent url(images/nav.gif) -276px   -1px no-repeat; }
	#navabout a:hover 		{ background: transparent url(images/nav.gif) -276px  -55px no-repeat; }
	#navproducts a:hover 	{ background: transparent url(images/nav.gif) -276px -109px no-repeat; }
	#navnews a:hover 		{ background: transparent url(images/nav.gif) -276px -163px no-repeat; }
	#navlinks a:hover 		{ background: transparent url(images/nav.gif) -276px -216px no-repeat; }
	#navfun a:hover 		{ background: transparent url(images/nav.gif) -276px -270px no-repeat; }
	#navcontact a:hover		{ background: transparent url(images/nav.gif) -276px -324px no-repeat; }
	#navhome a:hover 		{ background: transparent url(images/nav.gif) -276px -378px no-repeat; }
	
	#navrawmilk.on a:hover 		{ background: none; }
	#navabout.on a:hover 		{ background: none; }
	#navproducts.on a:hover 	{ background: none; }
	#navnews.on a:hover 		{ background: none; }
	#navlinks.on a:hover 		{ background: none; }
	#navfun.on a:hover 			{ background: none; }
	#navcontact.on a:hover		{ background: none; }
	#navhome.on a:hover 		{ background: none; }

#submenu { 
	position: absolute;
	left: 140px; top:0;
	width: auto; height: auto;
	margin: 0; padding-bottom: 8px;
	background: #cce5ff url(images/arrow.gif) no-repeat left top;
	border: 2px solid #b7d2ee;
}
	#submenu dd { margin: 5px 0 -2.2em -30px; padding: 2px; }
	#submenu > dd { margin-left: 10px; margin-bottom: 0; padding: 4px; height: 1.5em; }