.navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:90%;
}

.navigation li {
	/* border-bottom: 1px solid .FFA66A; */
}

.navigation li a  {
	display: block;
	padding: 3px 3px 3px 3px;
	border-left: 12px solid #E65B00;
	border-right: 1px solid #FFA66A;
	background-color: #FF6600;
	color: #FFFFFF;
	text-decoration: none;
	font-size:0.4m;
}

.navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

.navigation ul ul {
	margin-left: 12px;
	font-size:80%;
}

.navigation ul ul li 
{
	border-bottom: 1px solid #E65B00;
}

.navigation ul ul a:link, .navigation ul ul a:visited {
	background-color: #FFA66A;
	color: #ffffff;
}
.navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

/* This is a hack to make <a> tag clickable on text in ie6.0 */
* html .navigation li a {
width: 100%;
}