/**************** menu coding *****************/
#menu{
margin:0 auto;
padding:0;
width:772px;
height:35px;
z-index:20;
background-color:#95AEC4;
}
#menu ul{
list-style: none;
cursor:pointer;
margin: 0;
padding: 0;
width:192px;
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 10px 4px 10px;
}

#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: #FFF;
background: #77889A;
text-decoration: none;
display:block;
background-image:url(../../images/menu_li_bg.jpg);
background-position:center right;
background-repeat:repeat-y;
}
#menu a:hover{
color: #fff;
background-image:url(../../images/menu_li_bg-over.jpg);
background-position:center left;
background-repeat:repeat-y;

}
#menu ul li h2 a{
color:#FFFFFF;
background: transparent;
}
#menu ul li h2 a:hover{
background: transparent;
}

#menu li{
position: relative;
text-align:right;
}

#menu ul ul{
position: absolute;
right:0;
z-index: 500;
background:none;
}
#menu ul ul li{
border-top:1px solid #FFFFFF;
}
#menu ul ul ul{
position: absolute;
top: -1px;
right: 100%;
}
#menu ul ul ul a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
display: block;
height:auto;
width:182px;
padding: 5px 10px 5px 0px;
color: #FFF;
background: #77889A;
background-image:url(../../images/menu_li_bg.jpg);
background-position:center right;
background-repeat:repeat-y;
}
#menu ul ul ul a:hover{
color: #fff;
padding: 5px 10px 5px 0px;
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;}