Question ab my CSS menu? STUCK!

[michelle5613]

I am trying to create a dropdown menu using ONLY css. I am having a problem. I need to get the headings a different color and font than the subheadings. I need the heading to be white and have a hover of black text and white background. I need my subheading to be black, font verdana, size 10 and have a hover of #ace1f1. Right now, everytime I change one, the other changes as well. The list and CSS sheet is below. Thanks for the help!!

Here is my list:

<ul class="dropdown">
  <li><a href="about_new.htm" >About Us</a>
<ul class="dropdown">
      <li><a href="corpgov_new.htm">Corporate Governance</a></li>
      <li><a href="strategy_new.htm">Our Strategy</a></li>
      <li><a href="strengths_new.htm">Our Strengths</a></li>
      <li><a href="history_new.htm">Our History</a></li>
    </ul>
  </li>
  <li><a href="caution_new.htm" class="dropdown">Investor Relations</a></li>
  <li><a href="site_new.htm">Site Map</a></li>
  <li><a href="info_new.htm">Contact Us</a>
<ul>
      <li><a href="info_new.htm">Information Request</a></li>
      <li><a href="add_new.htm">Add/Remove Me to E-mail List</a></li>
      <li class="dropdown"><a href="career_new.htm">Career Opportunities</a></li>
    </ul>
  </li>
</ul>

Here is my CSS sheet

ul.dropdown {
    background-color: #006699;
    float: none;
    list-style-image: none;
    list-style-type: none;
    position: relative;
    z-index: 597;
    width: 826px;
    vertical-align: middle;
    word-spacing: normal;
    visibility: visible;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
    letter-spacing: normal;
    text-indent: 0%;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin-top: -7px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -207.75px;
    page-break-before: auto;
    page-break-after: auto;
}
 
ul.dropdown a:link {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    text-align: left;
    border-bottom-style: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
ul.dropdown li:hover {
    background-color: #ace1f1;
    position: relative;
    z-index: 599;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    background-position: center;
}
ul.dropdown a:visited {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    text-align: left;
    border-bottom-style: none;
}
 
 
ul.dropdown a:hover {
    color: #FFF;
    text-decoration: none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ace1f1;
    visibility: visible;
}
ul.dropdown li {
    line-height: 1.3em;
    vertical-align: middle;
    float: left;
    padding-top: 7px;
    padding-right: 69px;
    padding-bottom: 7px;
    padding-left: 69px;
    border-right-width: 0px;
    border-right-style: none;
    border-right-color: #999999;
    list-style-image: none;
    list-style-type: none;
    color: #FFF;
    text-align: left;
    margin: 0px;
    font-size: 12px;
}
 
ul.dropdown ul {
    background-color: #EEEDED;
    margin: 0px;
    width: 206.5px;
    list-style-image: none;
    list-style-type: none;
    position: absolute;
    visibility: hidden;
    z-index: 598;
    left: 0%;
    top: 100%;
    float: left;
    text-align: left;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
}
ul.dropdown.li {
    line-height: 1.3em;
    vertical-align: middle;
    margin: 0px;
    float: left;
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-left: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999999;
    list-style-image: none;
    list-style-type: none;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-align: right;
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    font-size: 14px;
    color: #FFF;
}
ul dropdown li:hover {
    background-color: #ace1f1;
    position: relative;
    z-index: 599;
}
ul.dropdown li:hover > ul {
    visibility: visible;
    background-color: #eeeded;
}
ul.dropdown ul li {
    float: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-color: #ace1f1;
    padding-right: 30px;
    padding-left: 5px;
    background-color: #eeeded;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
}
ul.dropdown {
    background-color: #006699;
    float: left;
    list-style-image: none;
    list-style-type: none;
    position: relative;
    z-index: 597;
    color: #FFF;
    overflow: visible;
    left: 25%;
    top: 0px;
    right: 25%;
    bottom: 0px;
    font-size: 12px;
    background-image: none;
}