sidebar custom menu css

I am trying to re-create a menu from http://www.fitnessfirst.co.uk/learn-about-fitness/ but the best i can do is to highlight the text on the active item using current_page_item / current-menu-item

‘
#sidebar .widget { list-style:none; overflow:hidden; margin:0; }
#sidebar .widget li { list-style:none; margin:0px 0px 30px; }
#sidebar .widget ul { float:left; width:100%; margin:0px 0px 30px; }
#sidebar .widget ul li { background:#fff; padding:5px 0px 5px 20px; margin:0px; border-bottom:1px dotted #ddd; }
#sidebar li .current_page_item a: { background:#b66; padding:5px 0px 5px 20px; margin:0px; border-bottom:1px dotted #ddd; }
#sidebar .widget ul ul { margin-left:1.3em; margin-bottom:5px; }
#sidebar .widget ul ul ul { margin-bottom:0px; }
#sidebar .widget .widget-title { margin:0px 0px 10px; }
‘

its not a live site yet so no link…

thank you