/**************** menu coding *****************/
#menu{
	 margin: 0px;
	padding: 0px;
	
}

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

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

#menu li  h2  {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 500;
height: 18px;
text-align: right;
}
/* 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;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 500;
height: 18px;
list-style-type: none;
text-decoration: none;
color: #FFFFFF;
}

#menu ul ul a {
text-decoration: none;
color: #ffffff;
line-height:1.5em;
padding-top: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu ul ul a:hover {
padding-top: 2px;
text-decoration: none;
background-color:#ffffff;

font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu li{

width:auto !important;

}

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


#menu li:hover{
 color: #339999;
}

#menu a:hover {
 color: #339999;

}

#menu li {position: relative; }

#menu ul ul {
position: absolute;
top:0px;
left:160px;
background-color:#66CCCC;
z-index: 5000;
width: 150px;

}
/* for IE, with IE5/Mac backslash filter \*/
* html div#menu ul ul {
	top:0px;
}
/* end filter */
/* for IE, with IE5/Mac backslash filter \*/
* html div#menu ul ul ul {
	top:0px;
}


#menu ul ul ul {
position: absolute;border: 0px solid #999999;
top: 0px;
left: 100%;width: 150px;
white-space: no-wrap;
padding:2px;

}
#menu ul ul ul li{
	
}
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;}