html - Changing subitems font color -

im using dreamweaver , it's first time use , can't find code change subitems menu color , how change background when hovered on dropdown.

*{         margin:0;         padding:0;     }     ul.menubarhorizontal     {         margin: 0;         padding: 0;         list-style-type: none;         font-size: 100%;         cursor: default;         background:url(../images/menu5.png) no-repeat;         width:420px;         height:58px;     }     /* set active menu bar class, setting z-index accomodate ie rendering bug: http://therealcrisp.xs4all.nl/meuk/ie-zindexbug.html */     ul.menubaractive     {         z-index: 1000;     }     /* menu item containers, position children relative container , fixed width */     ul.menubarhorizontal li     {         margin: 0;         padding: 0;         list-style-type: none;         font-size: 100%;         position: relative;         cursor: pointer;         float: left;     }      /* submenus should appear below parent (top: 0) higher z-index, off left side of screen (-1000em) */     ul.menubarhorizontal ul     {         margin: 0;         padding: 0;         list-style-type: none;         font-size: 100%;         z-index: 1020;         cursor: default;         position: absolute;         left: -1000em;     }     /* submenu showing class designation menubarsubmenuvisible, set left auto comes onto screen below parent menu item */     ul.menubarhorizontal ul.menubarsubmenuvisible     {         left: auto;     }     /* menu item containers same fixed width parent */     ul.menubarhorizontal ul li     {         width: 6.2em;     }     /* submenus should appear overlapping right (95%) , (-5%) */     ul.menubarhorizontal ul ul     {         position: absolute;         margin: -5% 0 0 95%;     }     /* submenu showing class designation menubarsubmenuvisible, set left 0 comes onto screen */     ul.menubarhorizontal ul.menubarsubmenuvisible ul.menubarsubmenuvisible     {         left: auto;         top: 0;     }      /*******************************************************************************       design information: describes color scheme, borders, fonts       *******************************************************************************/      /* submenu containers have borders on sides */     ul.menubarhorizontal ul     {         background-color:#00b1ef;         padding-top: 2px;         padding-right: 0px;         padding-bottom: 2px;         padding-left: 0px;         margin:0;     }     /* menu items light gray block padding , no text decoration */     ul.menubarhorizontal li     {         display: block;         color: gray;         text-decoration: none;         font-family:verdana;         font-size:8px;     }     ul.subitem li a.subhover {         font-color:#fff;     }     /* menu items have mouse on or focus have blue background , white text */     ul.menubarhorizontal a:hover, ul.menubarhorizontal a:focus     {         background:url(../images/hover.jpg) no-repeat;         /**color: #fff;**/     }      /* menu items open submenus set menubaritemhover blue background , white text */     ul.menubarhorizontal a.menubaritemhover, ul.menubarhorizontal a.menubaritemsubmenuhover, ul.menubarhorizontal a.menubarsubmenuvisible     {         background:url(../images/hover.jpg) no-repeat;         color: #fff;     }      /*******************************************************************************       submenu indication: styles if there submenu under given menu item       *******************************************************************************/      /* menu items have submenu have class designation menubaritemsubmenu , set use background image positioned on far left (95%) , centered vertically (50%) */     ul.menubarhorizontal a.menubaritemsubmenu     {         background-repeat: no-repeat;         background-position: 95% 50%;     }     /* menu items have submenu have class designation menubaritemsubmenu , set use background image positioned on far left (95%) , centered vertically (50%) */     ul.menubarhorizontal ul a.menubaritemsubmenu     {         background-repeat: no-repeat;         background-position: 95% 50%;     }     /* menu items open submenus have class designation menubaritemsubmenuhover , set use "hover" background image positioned on far left (95%) , centered vertically (50%) */     ul.menubarhorizontal a.menubaritemsubmenuhover     {         background-repeat: no-repeat;         background-position: 95% 50%;     }     /* menu items open submenus have class designation menubaritemsubmenuhover , set use "hover" background image positioned on far left (95%) , centered vertically (50%) */     ul.menubarhorizontal ul a.menubaritemsubmenuhover     {         background-repeat: no-repeat;         background-position: 95% 50%;     }      ul.menubarhorizontal iframe     {         position: absolute;         z-index: 1010;         filter:alpha(opacity:0.1);     }      #menubar1 li ul li a.subhover {         font-size:9px;         padding-top: 5px;         padding-right: 3px;         padding-bottom: 5px;         padding-left: 3px;         font-color:#fff;     }     #menubar1 li ul li a.subhover:hover {         background-color:yellow;     }     #menubar1 li {         text-decoration: none;         text-align: center;         vertical-align: middle;         list-style-type: none;     } 

i tried creating new rules doesn't work. i'd appreciate :)

just taking quick @ css , html seems hover effect sub-items set in following css-rules

#menubar1 li ul li a.subhover:hover {    background-color: #ff0; } 

and

ul.menubarhorizontal a:hover, ul.menubarhorizontal a:focus {    background: url(http://www.comgtech.com/images/hover.jpg) no-repeat; } 

the background-color without hover set in rule ul

ul.menubarhorizontal ul {    background-color: #79b1c5;    padding-top: 2px;    padding-right: 0px;    padding-bottom: 2px;    padding-left: 0px;    margin: 0; }