SubNavBar- Make dropdown menu horiz instead of vertical

[ricksheets1]

I saw a question in the General Discussion about creating a horizontal dropdown menu instead of a vertical one in the Church Theme.
I had a need for this too as my subcategories were too numerous to list vertically. I hacked this substitute subnav css together from various sources and it seems to work.
My development site is
http://74.53.25.163/~talanta

/************************************************
* SubNavbar *
************************************************/
#subnavbar{
background-color: #8A3324;
display:block;
font-size:1.1em;
height:30px;
width:960px;

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

#subnavbar, #subnavbar ul {
line-height: 1;
list-style: none;
}

#subnavbar a ,#subnavbar a:hover{
border:none;
display: block;
text-decoration: none;
}

#subnavbar li {
padding: 1px;
border: 1px solid #8A3324;
margin-bottom: 0px;
background-color:#8A3324;

float: left;
list-style:none;
}

#subnavbar a,#subnavbar a:visited {
color:#FFFFFF;
display:block;
font-weight:bold;
padding:6px 12px;
}

#subnavbar a:hover, #subnavbar a:active {
color:###FFC125;
text-decoration:none
}

#subnavbar li ul {
border-bottom: 1px solid ##FFC125;
height: auto;
left: -999em;
position: absolute;
width: 600px;
z-index:999;
}

#subnavbar li li {
width: auto;
}

#subnavbar li li a,#subnavbar li li a:visited {
color:#000000;
font-weight:normal;
font-size:0.9em;
}

#subnavbar li li a:hover,#subnavbar li li a:active {
color:#FFC125;
}

#subnavbar li:hover ul, #subnavbar li li:hover ul, #subnavbar li li li:hover ul, #subnavbar li.sfhover ul, #subnavbar li li.sfhover ul, #subnavbar li li li.sfhover ul {
left: 0px;
}

BEST REGARDS,
RICK