div.sdmenu
{
	width: 150px;
/*	float: left;*/
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
/*	color: #666;*/
}

div.sdmenu div
{
	overflow: hidden;
}

div.sdmenu div:last-child
{
	border-bottom: 1px solid #ddd;
}


div.sdmenu div.collapsed
{
	height: 22px;
}

div.sdmenu div span
{
	display: block;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	background: #fff;
	cursor: pointer;
	border-top: 1px solid #ddd;
}

div.sdmenu div a
{
	display: block;
	padding: 0px 10px;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-weight: normal;

	/* indents lines that wrap around */
	margin-left: 10px;
	text-indent: -10px;
}

/*
div.sdmenu div a.current
{
	background : #f00;
}
*/

div.sdmenu div a:hover
{
	background : #F00
	color: #666;
	text-decoration: none;
}

/* sub menus */

div.sdmenu div div
{
	overflow: hidden;
}

div.sdmenu div div span
{
	display: block;
	padding: 2px 16px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	background: #fff;
	border: none;
	cursor: pointer;
}
/* somehow preventing last child from collapsing ...?
div.sdmenu div div:last-child
{
	border-bottom: none;
	padding-bottom: 2px;
}
*/
div.sdmenu div div a
{
	padding: 0px 25px;
	background: #fff;
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: normal; 
}