* {
	margin:0;
	padding:0;
}

.menu{
	list-style:none;
	width:197px;
	background:#ebebeb;
	border:1px solid #eee;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}
u.menu {
	width:183px;
	display:block;
	font-family: verdana, sans-serif;
	color:#777;
	height:1%; /* haslayout */
	padding:4px;
	/* 
		If we set the margin on the anchor instead of padding on the
		UL, we can dodge MOST of IE 5.x/quirks width calc bug - only
		the 1px border remains as an 'issue' - BFD.
	*/
	margin:0 2px;
	text-decoration:none;
	font-weight:normal;
	border-top:0px;
	background-color: #d4d4d4;
}

.menu li {
	display:inline; /* make IE behave */
}

.menu a {
	display:block;
	height:1%; /* haslayout */
	padding:4px;
	/* 
		If we set the margin on the anchor instead of padding on the
		UL, we can dodge MOST of IE 5.x/quirks width calc bug - only
		the 1px border remains as an 'issue' - BFD.
	*/
	margin:0 3px;
	text-decoration:none;
	color:#777;
	background:#d4d4d4;
	border-bottom:1px solid #EEE;
}

.menu ul {
	list-style:none;
}

.menu ul a {
	padding-left:10px;
	margin-left: 15px;
	background:#ebebeb;
	border-bottom:1px solid #d4d4d4;
}

.menu a:active,
.menu a:focus,
.menu a:hover {
	background:#FFF;
}

.menu a.currentpage{
	background-color: #fff;
	font-family: verdana, sans-serif;
	font-weight:bold;
}
.menu  a:hover.currentpage{
	background-color: #fff;
	
}