/* CSS Document */
/**************** menu coding *****************/
#menu {
float:left;
width: 786px;
padding-left:12px;
margin-top:8px;
float: left;
z-index:200;


}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 127px;

float: left;
z-index:200;

}
#menu ul li {
list-style: none;
margin: 0;
margin-top:-2px;
margin-left:-2px;
padding: 0;
width: 127px;
border:#000000;
border-width:2px;
border-style:hidden;

float: left;
z-index:200;

}

#menu ul li ul li {

width: 158px;



}

#menu ul li ul  {
padding-left:2px;
padding-top:2px;
}

#menu ul li ul li ul  {
padding-left:0px;


}

#menu a, #menu h2 {
font: arial, helvetica, sans-serif;
font-weight:bold;
font-size:.75em;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 8px;
z-index:200;
}

#menu h2 {
color: #fff;
background: url(../images/ns_top_menu_back.jpg) right repeat-x;

z-index:200;
}

#menu a {
color: #fff;
background: #7097d0;
text-decoration: none;
z-index:200;
}

#menu a:hover {
color: #a00;
background: #fff;
z-index:200;
}

#menu li {position: relative; z-index:200; margin-top:-1px;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
z-index: 500;
}

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;
z-index: 500;}