#sidebar, vertical submenu: schlechten color-Kontrast ändern

Hallo an alle hier,

mein submenue hat schlechten Farbcontrast, soll gelben HG mit blauen Links haben. Wenn ich jedoch die Farbe ändere, ändert sich auch die Farbe im Hauptmenue (hat blauen HG und weisse Links).
Ich weiss partout nicht, wo im Code etwas zu korrigieren ist. Bitte dringend um Angabe, wo ich wie korrigieren muß.

Hier ist der Code, vielleicht reicht der zur Problemlösung aus? Ich hoffe, ich habs korrekt üebergebracht . Falls noch ein Screenshot nötig ist, bitte mitteilen.

#sidebar {
float:left;
width:180px;
margin:0 0 0 0;
padding:0px;
background-color:#2386C7;
color:white;
border:solid 1px #c30;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px; }

.side{
font-size:18px;
margin-bottom:0;
line-height:20px; }

/* *** Beginn side-widget *** */
.side-widget {
float:left;
width:170px;
margin:0.8em 0 2em 0px;
padding:2px 0px; }


.side-widget a { color: white; text-decoration: none; } /* Menue - Link Hauptrubrik */

.side-widget ul { /* Menue 1. Ebene */
margin:0;
padding:0 0em 2em 0.8em;
list-style-type:none; }

.side-widget ul li { /* Submenue 1. Ebene */
margin: 8px 0 0 7px;
padding: 0 0 2px 1px;
border-bottom: solid 2px #EAD185;
color: white;
list-style-type: square;
font: normal 100%/1.3em Cuprum, Verdana, sans-serif; }

.side-widget ul li a { /* Links 1. Ebene */
color: white;
text-decoration: none; }

.side-widgetul li a:hover {
padding:1px 2px 2px 3px;
color:white;
background-color: blue;
border-left: solid 5px white;
text-decoration: none; }

.side-widget ul li a:active {
color:green;
text-decoration: none; }

.side-widget h2 {
margin: 1em 0em 1.5em 0em;
padding: 12px 0 12px 0px;
background: url(images/h2line.gif) repeat-x bottom;
color: green;
font-size: 10px;
text-align: center;
text-transform: uppercase; }

.side-widget .noline { border-bottom: 0; }

.side-widget #s {
width: 99%;
margin-top: 15px;
padding: 2px 0px; }
/**** Ende side-widget *** */

/**** Beginn side-widget Liste *** */

.side-widgetul li ul { display: none; }

.side-widget ul li.current_page_ancestor ul,
.side-widget ul li.current_page_item ul {
display: block;
margin: 5px auto;
padding: 3px 0 5px 0;
background-color: #ffe18e;
color: #03c;

.side-widget li.current_page_item {
padding: 5px 0;
margin: 0 0 0 5px;
background-color: #ffe18e;
color: green; /* nur ein test */
font-size: 98%; }

.side-widget li.current_page_item a {
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #ffe18e;
color: blue;
font-size: 98%;
font-weight: bold; }

.side-widget li.current_page_item a:hover {
padding: 2px 2px 2px 0;
background-color:#ffe18e;
color: blue;
font-size: 98%;
font-weight: bold; }

/**** Ende side-widget Liste *** */

Danke für Eure Hilfe.