#sdmenu_canvas {
	margin-top: 15px;
	border-right: 1px solid #d8d8d8;
	border-bottom: 5px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	font-family: Arial,Helvetica,sans-serif;
	padding-top:5px;
	height:100%;
}
div.sdmenu {
	width: 100%;
	font-size: 11px;
	color: #000066;
	white-space: nowrap
}
div.sdmenu div {
	overflow: hidden;
	white-space: nowrap
}
div.sdmenu div:first-child {
	white-space: nowrap
}
div.sdmenu div.collapsed {
	height: 20px;
	color: #6e6e6e;
}
div.sdmenu div span {
	display: block;
	padding: 5px 20px;
	font-size: 12px;
	font-weight: bold;
	background: url(/images/expanded.gif) no-repeat left center;
	cursor: default;
	border-bottom: 1px solid #000066;
}
div.sdmenu div.collapsed span {
	background-image: url(/images/collapsed.gif);
	border-top: 1px solid #d8d8d8;
	padding-top: 3px;
}
div.sdmenu div a {
	padding: 3px 10px;
	display: block;
	color: #424242;
	outline: 0; /* @ Firefox, prevent dotted border after click */  
}
div.sdmenu div a.current {
	background: url(/images/blue_gradient.jpg) repeat-x center 20%;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.045em 
}

div.sdmenu div a:hover {
	background: url(/images/grey_gradient.jpg) repeat-x center 20%;
	color: #000000;
	text-decoration: none;
}