<style type="text/css">
#menu {
 width: 100%;
 float: left;
}
#menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 width: auto;
 float: left;
}
#menu a {
 font: normal 11pt verdana, helvetica, sans-serif;
 white-space: nowrap;
 display: block;
 color: #006633;
 border-style: solid;
 margin: 0;
 text-decoration: none;
}
#menu ul a {
 margin: -1px -2px 0px 0px;
 border-left: 2px solid #ff9900;
 border-right-width: 0px;
 border-top-width: 0px;
 border-bottom-width: 0px;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 0px;
 padding-bottom: 0px;
 text-align: center;
}
#menu ul ul a {
 font-size: 9pt;
 text-align: left;
 padding: 2px;
 margin: 0px 0px -1px 0px;
 border-width: 0px;
 background-color: white;
}
#menu a:hover {color: #ff9900;}

#menu li {position: relative;}
#menu ul ul {
 position: absolute;
 z-index: 500;
}
#menu ul ul ul {
 top: 0;
 left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
#menu img {border: 1px solid black;}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
 behavior: url(csshover3.htc);
 font-size: 100%;
}
#menu ul li a {height: 1%;}
</style>
<![endif]-->
