/* 주의할점: 세로방향 메뉴일경우에는 루트메뉴의 폭은 NHMenu의 menuWidth와 값이 같아야 한다. */


.NHMenu ul{
margin: 0;
padding: 0;
list-style-type: none;
/*filter:alpha(opacity=90);  /*투명기능을 쓰고 싶으면 적용: 단 2단계 메뉴까지만 적용된다. 3단계 메뉴는 2단계가 투명이라 크기적용이 안되어 펼쳐지지 않음*/
}

/*입체적 역할을 하는 좋은 부분 Top level list items*/
.NHMenu ul li{
position: relative;
display: inline;
float: left;
background: url(back.gif) repeat-x center center;
padding: 3px 0 0 3px;
}

/*루트 메뉴 Top level menu link items style*/
.NHMenu ul li a{
border-left: solid 1px #CCCCCC;
display: block;
width: 120px; 
padding: 3px 5px 3px 10px;
text-decoration: none;
/*background: url(back.gif) repeat-x center center;*/
color: Black;
font: 12px Tahoma;
}
	
/*Sub level menu*/
.NHMenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #CCCCCC;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

.NHMenu a:hover{
color: Blue;
background: url(backHover.gif) repeat-x center center;
}

.NHMenuBottom .arrowdiv{
position: absolute;
right: 0;
background: url(arrowBottom.gif) no-repeat center left;
}

.NHMenuRight .arrowdiv{
position: absolute;
right: 0;
background: url(arrowRight.gif) no-repeat center left;
}


/* 서브 메뉴의 특성을 단계별로 변경하고 싶을때 사용(어떻게 단계 올라가는지 대충 알겠지?ㅎㅎ) */
/*2단계*/
.NHMenu ul li ul li a{
width: 120px; /*width of sub menu levels*/
}

/*3단계*/
.NHMenu ul li ul li ul li a{
width: 120px; /*width of sub menu levels*/
}