/**************** menu coding *****************/
#menu{
margin:0 auto;
padding:0;
width:775px;
height:35px;
z-index:20;
background-color:#EEEEEE;
background-image:url(../../images/menu_sep.jpg);
background-position:center;
background-repeat:repeat-x;
}
#menu ul{
list-style: none;
cursor:pointer;
margin: 0;
padding: 0;
width:85px;
height:35px;
float: right;
}
#menu a, 
#menu h2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
display: block;
margin: 0;
padding: 5px 6px 4px 6px;
}

#menu h2{
text-align:center;
background-image:url(../../images/menu_bg.jpg);
background-position:center;
background-repeat:repeat-x;
}
#menu h2:hover{
background-image:url(../../images/menu_bg-over.jpg);
}
#menu a{
color: #666666;
background: #efefef;
text-decoration: none;
display:block;
background-image:url(../../images/menu_li_bg.jpg);
background-position:center right;
background-repeat:no-repeat;
}
#menu a:hover{
background-image:url(../../images/menu_li_bg-over.jpg);
background-position:center right;
background-repeat:no-repeat;
}
#menu ul li h2 a{
color:#666666;
background: transparent;
}
#menu ul li h2 a:hover{
background: transparent;
}
#menu li{
position: relative;
text-align:right;
}
#menu ul li.over h2{
font-size:12px;
font-weight:bold;
color:#000000;
display: block;
height:24px;
padding:5px 6px 4px 6px;
background-image:url(../../images/menu_bg-over.jpg);
}
#menu ul li.over h2 a{
font-weight:bold;
}
#menu ul ul{
position: absolute;
right:0;
z-index:500;
width:150px;
}
#menu ul ul a{
padding: 5px 15px 5px 0px;
color: #666666;
}
#menu ul ul a:hover{
font-weight:bold;
color: #666666;
}
#menu ul ul li{
border-top:1px solid #FFFFFF;
}
#menu ul ul ul{
position: absolute;
top:-1px;
right: 100%;
width:150px;
}
#menu ul ul ul a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
display: block;
height:auto;
padding: 5px 15px 5px 0px;
width:135px;
color: #666666;
background: #efefef;
background-image:url(../../images/menu_li_bg2.jpg);
background-position:center right;
background-repeat:no-repeat;
}
#menu ul ul ul a:hover{
font-weight:bold;
color: #666666;
background-image:url(../../images/menu_li_bg-over.jpg);
background-position:center right;
background-repeat:repeat-y;
}
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;}