body {
	padding: 50px;
	margin: 0;
}

ul {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #fff;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	clear: left;
}

ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0;
	height:56px;
}

ul li a {
	text-decoration: none;
	float:left;
	color: #999;
	cursor: pointer;
	font: bolder 12px "Arial", Helvetica, sans-serif;
	height:56px;
}

ul li a span {
  margin: 20px 0px 0 25px;
	/*padding: 1px 8px 5px 18px;*/
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	color:white;
}

/*GREEN*/

ul li.green a, ul li.green a:hover  {
	background: url(images/green.gif) no-repeat top right;
	width:170px;
}

ul li.green a span, ul li.green a:hover span {
	background: transparent;
	margin: 20px 0px 0 40px;
}

/*BROWN*/
ul li.brown a, ul li.brown a:hover {
	background: url(images/brown.gif) no-repeat top right;
	width:169px;
}

ul li.brown a span, ul li.brown a:hover span {
	background: transparent;
	margin: 20px 0px 0 40px;
}

/*gold*/
ul li.gold a, ul li.gold a:hover {
	background: url(images/gold.gif) no-repeat top right;
	width:170px;
}

ul li.gold a span, ul li.gold a:hover span {
	background: transparent;
	margin: 20px 0px 0 40px;
}

/*violet*/
ul li.violet  a, ul li.violet a:hover {
	background: url(images/violet.gif) no-repeat top right;
	width:169px;
}

ul li.violet a span, ul li.violet a:hover span {
		background: transparent;
}

/*yellow*/
ul li.yellow a, ul li.yellow a:hover {
	background: url(images/yellow.gif) no-repeat top right;
	width:176px;
}

ul li.yellow a span, ul li.yellow a:hover span {
	background: transparent;
}

/*gray*/
ul li.gray a, ul li.gray a:hover {
	background: url(images/gray.gif) no-repeat top right;
	width:170px;
}

ul li.gray a span, ul li.gray a:hover span {
	background: transparent;
	margin: 20px 0px 0 40px;
}


/*BLUE
ul.blue li a.current, ul.blue li a:hover {
	background: url(images/blue.png) no-repeat top right;
 	color: #0d5f83;
}

ul.blue li a.current span, ul.blue li a:hover span {
	background: url(images/blue.png) no-repeat top left;
}
*/