Wordpress CSS programming

Can somebody please help me modify my CSS file in my subnav so I can add sub menus and a menu off of my sub menu. Thanks in advance.

/************************************************
* Subnav *
************************************************/

#subnav {
background: #444444;
width: 920px;
height: 27px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #222222;
}

#subnav p {
color: #FFFFFF;
font-size: 11px;
margin: 0px;
padding: 0px;
font-weight: bold;
text-transform: uppercase;
}

#subnav a, #subnav a:visited {
color: #FFFFFF;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#subnav a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#subnav p {
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px 0px 0px 10px;
font-weight: bold;
}

#subnav a img {
border: none;
margin: 0px;
padding: 0px;
}

#subnav ul {
margin: 0px;
padding: 0px;
}

#subnav li {
list-style-type: none;
margin: 0px 20px 0px 0px;
padding: 0px;
display: inline;
}

#subnav ul li a, #subnav ul li a:visited {
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #FFFFFF;
padding: 0px;
margin: 0px;
font-weight: bold;
text-decoration: none;
}

#subnav ul li a:hover {
color: #CC0000;
padding: 0px;
margin: 0px;
text-decoration: none;
}

#subnavleft {
width: 780px;
float: left;
margin: 0px;
padding: 5px 0px 0px 10px;
}

#subnavright {
width: 120px;
float: right;
margin: 0px;
padding: 4px 10px 0px 0px;
text-align: right;
}