overwriting css

[CGG]

Can anyone tell me how i can get the normal ul of li back.
I've changed them for a menu creation, but when i want to use the standard ul of li, it takes the formatting from my menu, i don't want that

a:visited { color: #5D5D5D; text-decoration: none; }
a:link { color: #990000; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }
a:active { color: #5D5D5D; text-decoration: none; }

body {
color: black;
margin-top: 0px;
margin-bottom: 10px;
background: #E4E4E4;
}

#linkbp {
color: #76AB25;
font-size: 14px;
font-family: Arial;
}

#textnorm {
color: #666666;
font-size: 12px;
font-family: Tahoma;
background: #FFFFFF;
}

#textlocate {
color: #990000;
font-size: 12px;
font-weight : bold;
font-family: Tahoma;
background: #FFFFFFF;
}

#texttitle {
color: #990000;
font-size: 25px;
font-family: Inkburrow;
font-weight: bold;
}

#textfooter {
color: #666666;
font-size: 11px;
font-family: Tahoma;
margin-left:300px;
}

#textmarquee {
color: #990000;
font-size: 14px;
font-family: Arial;
font-weight: bold;
}

.select {
background-color:#E4E4E4;
color: #666666;
font-size: 11px;
font-family: Tahoma;
}

.texttitlerecept {
color: #990000;
font-size: 30px;
font-family: Inkburrow;
font-weight: bold;
}

.tablepic {
border: 0px solid #E4E4E4;
}

.cellpic {
border: 1px solid #990000;
text-align: center;
background-color:#E4E4E4;
}

.cellpictext {
border: 1px dotted #990000;
text-align: center;
}

.cellpicblank {
border: 0px dotted #990000;
text-align: left;
font-size: 1px;
}

div#main {
align : center;
float:left;
width:880px;
margin-left: 20px;
margin-right: 20px;
border-left: solid 1px #990000;
border-right: solid 1px #990000;
border-bottom: solid 1px #990000;
background: #FFFFFF;
}

#div#titlepic{
width: 450px;
margin-top: 10px;
margin-left: 10px;
float: left;
border-top: solid 2px #990000;
border-bottom: solid 2px #990000;
background: #FFFFFF;
}

#div#titletext{
width: 400px;
margin-top: 10px;
margin-right:10px;
float: right;
text-align: right;
border-top: solid 2px #990000;
border-bottom: solid 2px #990000;
background: #FFFFFF;
}

div#menu {
float:left;
margin-top: 5px;
margin-left: 5px;
align : center;
}

div#.iframe {
margin-top: 10px;
width: 360px;
margin-left:130px;
background: #000000;
}

iframe#ifrm {
margin-left:0px;
margin-right:0px;
padding-right:1em

}

div#footer {
color: #666666;
font-size: 11px;
font-family: Tahoma;
background: #FFFFFF;
width:800px;
border-top:1px solid #990000;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

ul li {
position: relative;
float: left;
width:95px;
}

li ul {
position: absolute;
left: 0; /* Set 1px less than menu width */
top: auto;
display: none;
width:100%;
}

/* Styles for Menu Items */
ul li a {
display: block;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-family: sans-serif;
font-size: 11px;
background: #E4E4E4;
padding: 5px;
border : 1px solid #ccc;
border-color: #FFFFFF #666666 #666666 #FFFFFF;
border-top-width: 1px; border-right-width: 1px;
border-bottom-width: 2px; border-left-width: 1px;
width:100%;
}

/* this sets all hovered lists to red */
li:hover a, li.over a, li:hover li a:hover, li.over li a:hover {
color: #FFFFFF;
background: #990000;
font-weight: bold;
width:100%;
}

/* set dropdown to default */
li:hover li a, li.over li a {
font-family: sans-serif;
font-size: 11px;
background: #E4E4E4;
}
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
li:hover ul, li.over ul
{ display: block; } /* The magic */

ul#test {
????
}

[Siddan]

you can put div#menu ahead of the ul of li that you want only inside your menu container..

div#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

this way the ul is only formatted inside the menu div container. Do the same to the others