/**************** menu coding *****************/ 
#menu { 
background: #FFFFFF;
position:relative;
z-index:10; 
} 

#menu ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 
} 

#menu a, #menu h2 { 
  display: block; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #888 #555 #bbb; 
  margin:0; 
  padding: 0px 3px; 
  padding-left:12px; 
} 

#menu h2 { 
  color: #fff; 
  background: #000; 
  text-transform: uppercase; 
} 

#menu a { 
  color: #000; background: transparent; 
  background-image: url("menuecss.gif"); 
  text-decoration: none; 
  color: #FF850A; 
} 

#menu a:hover { 
  color: #338800; 
  background-image: url("menuecss.gif"); 
} 

#menu li { 
  position: relative; 
} 
#menu ul ul ul { 
  position: absolute; top: 0; left:100%; width: 100%; 
} 


div#menu ul ul ul ul, 
div#menu ul ul ul li:hover ul ul, 
div#menu ul ul ul, 
div#menu ul ul li:hover ul ul {display: none;} 

div#menu ul ul li:hover ul, 
div#menu ul ul ul li:hover ul, 
div#menu ul ul ul ul li:hover ul {display: block;} 


<!--[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 {float: left; width: 100%;}
#menu ul li a {height: 18px;} 

#menu a, #menu h2 {
font:  12px Verdana, Arial, Helvetica, sans-serif;
} 

</style>
<![endif]-->