/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/drop_lists.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	
	#lists {
		padding:0; 
		list-style:none; 
		position:relative; 
		height:25px; 
		width:760px; 
		z-index:500;
	} /* margins for this demonstration only */
	
	#lists li {
		display:inline; 
		float:left; 
		height:25px; 
		margin-top: 5px; 
	}
	
	#lists li a.tl {
		display:block; 
		width:140px; 
		height:25px; 
		text-decoration:none; 
		line-height:20px; 
		font-size:12px; 
		font-weight:bold; 
		text-indent:10px;
		color:#FFF;
		text-transform: uppercase;
	}
	
	#lists div {
		display:none;
	}
	
	#lists li a:hover {
		text-decoration:underline; 
		white-space:normal; 
		background-position:130px 15px;
	}
	
	#lists li:hover > a {
		text-decoration:underline; 
		white-space:normal; 
		background-position:130px 15px;
	}
	
	#lists :hover div {
		display:block; 
		background:#f4f4f4;
		position:absolute; 
		left:0; 
		top:25px; 
		border:1px solid #888; 
		padding-bottom:10px;
	}
	
	#lists :hover div.pos1 {
		margin-top: 5px;
		width:480px;
		margin-left: 85px;
	}
	
	#lists :hover div.pos2 {
		background:#f4f4f4;
		width: 120px;
		margin:5px 0 0 150px;
		margin-left: 175px;
	}
	
	#lists .two:hover {
		position:relative;
	}
	
	#lists .single:hover {
		position:relative;
	}
	
	#lists .two:hover div.pos3 {
		background:#f4f4f4; 
		width:120px;
		margin-left: 170px;
	}
	
	#lists .single:hover div.pos4 {
		background:#f4f4f4; 
		width:140px;
		margin-left: 10px;
	}
	
	#lists .single:hover div.pos4 dd {
		width: 140px;
	}
	
	#lists .single:hover div.pos5 {
		background: #f4f4f4;
		width: 190px;
		margin-left: 10px;
	}
	
	#lists :hover div.pos6 {
		background: #f4f4f4;
		width: 320px;
		margin-left: 438px;
	}
	
	#lists :hover div dl {
		display:inline; 
		padding:0; 
		margin:0; 
		float:left; 
		width:160px;
	}
	
	#lists :hover div dl dt {
		width:160px; 
		background:#333; 
		text-indent:10px; 
		margin:0; 
		text-decoration:none; 
		height:20px; 
		line-height:17px;
		font-size: 13px;
		color: #FFF;
	}
	
	#lists .two:hover div {
		left:-150px;
	}
	
	#lists .two:hover div dl {
		width:120px;
	}
	
	#lists .two:hover div dl dt {
		width:120px;
	}
	
	#lists .single:hover div dl {
		width:120px;
	}
	
	#lists .single:hover div dl dt {
		width:120px;
	}
	
	#lists :hover div dl dd {
		padding:0; 
		margin:0;
	}
	
	#lists :hover div dt a {
		text-decoration:none; 
		cursor:default; 
		font-weight:bold; 
		color:#fff; 
		font-size: 12px; 
	}
	
	#lists :hover div dd a {
		display:block; 
		text-decoration:none; 
		font-weight:normal; 
		font-size:12px; 
		color:#000; 
		text-indent:10px; 
		line-height:18px;
	}
	
	#lists :hover div dd a:hover {
		text-decoration:underline;
	}
	
	#lists .clear {
		clear:both;
	}