#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 164px;
}
#nav {
	border-top: 1px solid #903;
	border-bottom: 1px solid #f36;
	margin-top: 20px;
	padding: 0px;
}

#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	width: 164px;
	border-bottom: 1px solid #903;
	border-top: 1px solid #f36;
	padding:0;
	margin:0;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 164px;
	margin-top : -28px;
}

#nav li a {
	width: 164px;
	w\idth : 132px;
	display : block;
	padding : 7px 7px 7px 25px;
	color: #fff;
	background:  url(/pics/index/bullet.gif) no-repeat 9px center;
	margin:0;
}

#nav li a:hover, #nav li:hover a, #nav li.sfhover a {
	text-decoration: underline;
	color:#f99;
}


/* This defines the second level UL element */
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background: #910022;
	border:none;
}
	/* This defines the second level LI element */
	#nav li a:hover li, #nav li:hover li, #nav li.sfhover li {
		border:none;
	}
	/* This defines the second level A element on mouse out */
	/* The w\idth attribute is the actual width (164) minus left and right padding */
	#nav li:hover li a, #nav li.sfhover li a {
		text-decoration: none;
		color:#fff;
		border-bottom:solid 1px #603;
		border-top:solid 1px #f36;
		background-image:none;
		padding: 7px;
		width: 164px;
		w\idth : 150px;
	}
	/* This defines the second level A element's hover state */
	#nav li a:hover li a:hover, #nav li:hover li a:hover, #nav li.sfhover li a:hover {
		text-decoration: underline;
		color:#fff;
	}



.floatClear{
	clear:both
}