/* Much color is determined by the GIFs:
	bottom.gif
	collapsed.gif
	expanded.gif
	linkarrow.gif
	title.gif
	toptitle.gif
*/
a.bar:link		{  text-decoration: none; color: #FFFFFF; }
a.bar:visited	{  text-decoration: none; color: #FFFFFF;  }
a.bar:hover		{  text-decoration: underline; color: #FFFFFF; }
a.bar				{  color: #FFFFFF}

.sdmenu {
    width: 150px;
    font-family: sans-serif;
    font-size: 12px;
    padding-bottom: 10px;
    background: #eee url(bottom.gif) no-repeat  right bottom;
    color: #FFF;
}

.sdmenu .title, .sdmenu .titlehidden{
    display: block;
    padding: 5px 0;
    font-weight: bold;
    color: white;
    background: #FFF url(title.gif) repeat-x;	/* (unknown) */
}

.sdmenu .title {
    border-bottom: 1px solid #DDD;					/* (unknown) */
}

.sdmenu .arrow {
		margin-left: 10px;
    margin-right: 7px;
}

.sdmenu .titlehidden {
    border-bottom: none;
}

.sdmenu #top {
    background: url(toptitle.gif) no-repeat;
}

.sdmenu #bottom {				/* (added in broken attempt to use bottom.gif) */
    background: url(bottom.gif) no-repeat;
}

.sdmenu .submenu {
    overflow: hidden;
}

.sdmenu .submenu a {
    padding: 5px 0;
    text-indent: 10px;
    background: #006699;	/* menu items bg color (was #EEE)... */
    display: block;
    border-bottom: 1px solid #DDD;	/* line between menu items color... */
    color: #FFF;				/* menu item text color (was #066)... */
    text-decoration: none;
}

.sdmenu .submenu a:hover {
    background : #016597	/* bg color of the menu item hover (was #066)... */
	 			url(linkarrow.gif) no-repeat right center;
    color: #FFF;				/* line between menu items color... */
}