/**************** menu coding *****************/
#menu        { width: 100%; background-color: #fff; background-repeat: repeat; 
               background-attachment: scroll; float: left; 
               background-position: 0% 50% }
#menu ul     { list-style-type: none; width: 12.5em; float: left; margin: 0; padding: 0 }
#menu a, #menu h2 { font-style: normal; font-variant: normal; font-weight: bold; line-height: 16px; 
               font-size: 11px; font-family: tahoma; 
               display: block; border-left: 1px solid #bbb; 
               border-right: 1px solid #888; border-top: 1px solid #ccc; 
               border-bottom: 1px solid #555; margin: 0; padding-left: 3px; 
               padding-right: 3px; padding-top: 2px; padding-bottom: 2px }
#menu h2     { color: #fff; background-color: #21461f; background-repeat: repeat; 
               background-attachment: scroll; text-transform: uppercase; 
               background-position: 0% 50% }
#menu a      { color: #fff; background-color: #21461f; background-repeat: repeat; 
               background-attachment: scroll; text-decoration: none; 
               background-position: 0% 50% }
#menu a:hover { color: #21461f; background-color: #fff; background-repeat: repeat; 
               background-attachment: scroll; background-position: 0% 50% }
#menu li     { position: relative }
#menu ul ul  { position: absolute; z-index: 500 }
#menu ul ul ul { position: absolute; 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 }
</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(csshover.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}

<![endif]-->