<div class="navcontainer">
<div class="menuhead">Products & Services</div>
<ul id="example">
<li><a href="index.htm">Home</a></li>
<li>Category one
<ul id="sub">
<li><a href="#">Sub category 1a</a></li>
<li><a href="#">Sub category 1b</a></li>
<li><a href="#">Sub category 1c</a></li>
<li><a href="#">Sub category 1d</a></li>
</ul></li>
<li>Category two
<ul id="sub">
<li><a href="#">Sub category 2a</a></li>
<li><a href="#">Sub category 2b</a></li>
<li><a href="#">Sub category 2c</a></li>
<li><a href="#">Sub category 2d</a></li>
<li>Sub category 2e <ul id="sub">
<li><a href="#">Sub sub category a</a></li>
<li><a href="#">Sub sub category b</a></li>
<li><a href="#">Sub sub category c</a></li>
<li><a href="#">Sub sub category d</a></li>
</ul></li>
</ul></li>
<li>Category three
<ul id="sub">
<li><a href="#">Sub category 3a</a></li>
<li><a href="#">Sub category 3b</a></li>
<li><a href="#">Sub category 3c</a></li>
<li><a href="#">Sub category 3d</a></li>
</ul></li>
<li>Category four
<ul id="sub">
<li><a href="#">Sub category 4a</a></li>
<li><a href="#">Sub category 4b</a></li>
<li><a href="#">Sub category 4c</a></li>
<li><a href="#">Sub category 4d</a></li>
</ul></li>
<li><a href="#">Additional item</a></li>
</ul>
</div>

.navcontainer { background-color: transparent; margin-bottom: 20px; width: 198px; border-top: 0px solid #ccc;font-family: Arial;font-size: 1em;}

.menuhead { margin-top: 0; width: 100%; height: auto; color: #fff; background: #003399 url(images/menu_head.png) no-repeat top left; font-family: "times new roman", sans-serif, verdana, arial; text-align: center; font-weight: bold; font-size: 1.2em; border-bottom: 0px solid #ccc; padding: 3px 0 3px 0; }

ul#example {margin:10px 10px 10px 30px; }

ul#example li{ list-style-type: none; }

.collapsed ul { display:none; }

.collapsed { list-style-image:url(images/plus.gif); vertical-align:middle; }

.expanded { list-style-image:url(images/minus.gif); vertical-align:middle; }

.expanded ul, .collapsed ul { list-style-image:none; }

ul#sub {margin-left:20px;}

.navcontainer a{color:#003399; text-decoration:none;}

.navcontainer a:hover{text-decoration:underline;}