/**************** menu coding *****************/
#menu{margin-top:5px;}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
/*float: left;*/
}

#menu a, #menu h2 {
display: block;
margin: 0;
padding: 2px 3px;
}

#menu li  h2  {
font-size: 11px ;
margin-right:10px;
float:left;
width: auto ;
}
/* for IE, with IE5/Mac backslash filter \*/
* html div##menu li  h2 {
	margin-right:10px;
}
/* end filter */


#menu li  h2 a{
font-size: 11px ;
width:auto;
display:inline;

}

#menu ul ul a {
text-decoration: none;
font-size:11px !important;
font-weight:normal !important;
}

#menu li{
background-color:white;
width:auto !important;

}

#menu ul ul li{
width:100% !important;
}


#menu li:hover{
background-color:#eee;
}

#menu a:hover {
color: #999999;

}

#menu li {position: relative; }

#menu ul ul {
position: absolute;
top:18px;
left:2px;
z-index: 5000;width: 150px;border: 1px solid #999999;
}
/* for IE, with IE5/Mac backslash filter \*/
* html div#menu ul ul {
	top:19px;
}
/* end filter */
/* for IE, with IE5/Mac backslash filter \*/
* html div#menu ul ul ul {
	top:0px;
}


#menu ul ul ul {
position: absolute;border: 1px solid #999999;
top: 0px;
left: 100%;width: 150px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul 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,
div#menu ul ul ul ul li:hover ul
{display: inline;}