@charset "utf-8";
/* CSS Document */
/**************** menu coding *****************/
#menu {
float:left;
width: 686px;
padding-left:12px;
float: left;
z-index:5;
background:#000000;

}

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

float: left;
z-index:5;
}
#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: solid;

float: left;
z-index:5;
}

#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: bold 16px/19px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 8px;
z-index:5;
}

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

z-index:5;
}

#menu a {
color: #fff;
background: #990000;
text-decoration: none;
z-index:5;
}

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

#menu li {position: relative; z-index:5; 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;}