#nav {
margin: 0px;
padding: 0px;
width: 178px;
/*width: 178px !ie;*/
/*height: 450px;*/
/* float:left;*/
/*position:absolute;*/
/*z-index: 1000;*/
/*left: 0px;*/
/*top: 0px;*/
}
#nav ul  {
margin: 0px;
padding: 0px;
}
#nav ul li {
list-style: outside;
list-style-type: none;
display: inline;/*--------- IE needs this ---------------*/
/*border-bottom:1px solid #333333;*/
}
#nav ul li a {
line-height: 24px;
padding-left: 10px; /*   Menu list */
display: block;
text-decoration: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #333333;
/*background-color: #ff0;*/
border-bottom: 1px solid #999999;
width: 168px!;
}
#nav ul li a:hover {/*line-height:24px;*/
padding-left:10px;
display: block;
background: url(images/item_bg_over.jpg) top center;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #0099CC;
text-decoration: none;
}
/*this is the css for the vertical version*/
#nav.vertical ul li ul {
list-style-type: none;
padding: 0px 0px 0px 20px;
}
#nav.vertical ul li ul {
position: absolute;
margin-top: -26px;
left: 180px;
width: 190px;
/*display: inline-block;*/
}
div#nav.mlmenu ul li.haschild ul.none {
padding-left: 0px;
border: 1px solid #999999;
}
div#nav.mlmenu ul li.haschild ul.none li a {
background: url(images/bg_rollouts.jpg) top center repeat;
font-size: 10px;
color: #ffffff;
display: block;
border-bottom: 1px solid #FFFFFF;
width: 180px;
}
div#nav.mlmenu ul li.haschild ul.none li a:hover {
background-color: #FFFFFF;
background: url(images/bg_rollover.jpg);
font-size: 10px;
color: #000000;
display: block;
border-bottom: 1px solid #FFFFFF;
}
/*this is the css for the horizontal version*/
/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul {
display: none;
}
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span {
padding-left: 1em;
font-size: 85%;
}
.arrow a:hover span {
padding-left: 2em;
}
.arrow a span.noshow {
visibility: hidden;
}
/*Plus code*/
.plus a span {
padding-left: .5em;
}
/*colors for menu*/
.blackwhite li a {
background-color: white;
color: black;
border-color: black;
}
.blackwhite li a:hover {
background-color: black;
color: white;
border-color: black;
}
.blackwhite ul {
border-color: black;
}
.bluewhite li a {
background-color: white;
color: #000033;
border-color: #000033;
}
.bluewhite li a:hover {
background-color: #000033;
color: white;
border-color: #000033;
}
.bluewhite ul {
border-color: #000033;
}
--------------