Editing drupal theme menu css -

i new drupal theme development. using fusion base theme , created sub themed named coldfusion. template.php :

<?php function coldfusion_menu_tree($variables) {   return '<div class="topmenu"><ul class="menu cold">' . $variables['tree'] . '</ul></div>'; } 

and css :

.topmenu {   height:30px;   padding:4px 10px;   background:#555; } .content.clearfix .menu.cold {   font-weight:bold; } 

though background color #555 appears mainmenu, same background appears admin shortcut menu. think approach wrong. can guide me proper way? in advance

since modifying template, , adding <div class='topmenu'>, might add class in there .. ... <div class='topmenu coldfusion'> , use css selector, in

.topmenu.coldfusion {     height:30px;     padding:4px 10px;     background:#555; }