/******** nav ver.2 *************/

.nav_switch{
  display:none;
}

nav{
  width:100%;  
  height:39px;
  _height:35px;
  Xborder-top:5px solid #444;
  Xborder-bottom:3px solid black;  
  z-index:3;                 
  margin:0 auto;
  background:#000;    
  color:white;  
  Xoverflow:hidden;
}


nav div{
  width:970px;
  margin:0 auto;
}

nav ul {  
  margin: 0;
  padding: 0;  
}



nav ul li{  
  z-index:8;
  display: block;
  position: relative;
  font-weight:bold;
  text-align:left; 
  
  /*background: url('img/white-tri-down.png') no-repeat top right;*/
  float:left;    
  /*-webkit-transition:all .7s ease-in-out;*/
  /*-webkit-transition:-webkit-transform 2s ease-in-out; /* For Safari 3.1 to 6.0 */
  /*transition:-webkit-transform 2s ;*/
}         
nav li a{
	Xdisplay:inline;
	padding-left:10px;  
  padding-right:20px;
  Xcolor:white;
  color:#333;
  Xcolor:darkorange;  
  text-decoration:none;
  line-height:20px;
  font-size:16px;
  font-weight:normal;
  float:left;  
  Xborder-right:1px solid #b3b3b3;
  margin-top:2px;
}
nav ul.level_1 li a.level_1{
  color:white;
  line-height:34px;
	Xborder:0px solid red;
  border:0 !important;
	Xdisplay:block;
	Xz-index:6 !important;
	Xpadding-left:0px !important;
  Xpadding-top:0px;
}
nav ul:first-child li:last-of-type a{
  Xborder-right:none !important;
  border:0 !important;
}


nav .sign{
	display:none;
	font-sign:17px;
	position:absolute;
	right:3px;
	top:10px;
}

nav li.level_1:nth-child(1){
  margin-left:20px;
}

nav li.level_1{
  height: 39px;
}  

nav ul.level_2 li{
	width:170px !important;
}

   
nav ul.level_2,
nav ul.level_3,
nav ul.level_4,
nav ul.level_5,
nav ul.level_6{
  padding-top:39px;
  _padding-top:36px;
  position:absolute;
  top:0px;
  left:0px;
  background:transparent;   
  display:none;  
}
nav ul.level_3,
nav ul.level_4,
nav ul.level_5,
nav ul.level_6{
	display:block;        
  padding-top:0px !important;
  Xposition:absolute;
  Xtop:0px;  
  left:185px !important;
  _left:170px !important;
  Xbackground:transparent;     
  /*-moz-box-shadow:    inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  box-shadow:         inset 0 0 3px black;*/
}
nav ul.level_4,
nav ul.level_5,
nav ul.level_6{  
}
nav ul.level_2{
  z-index:2;
}
nav ul.level_3{
  z-index:3;
  top:8px !important;
}
nav ul.level_4{
  z-index:4;
}
nav ul.level_5{
  z-index:10;
}
nav ul.le7vel_6{
  z-index:6;
}




nav ul.level_2 li,
nav ul.level_3 li,
nav ul.level_4 li,
nav ul.level_5 li,
nav ul.level_6 li{  
  padding:5px; 
  padding-bottom:10px;  
  padding-left:10px;
  display:block;
  clear:both;
  width:150px;
}


/******** bg colors of diff levels *******/

nav ul.level_2 li,
Xnav ul.level_2 li.level_2{
  /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2DFDD), to(#fff)); 
  background: -webkit-linear-gradient(left, #C2DFDD, #fff); 
  background: -moz-linear-gradient(left, #C2DFDD, #fff); 
  background: -ms-linear-gradient(left, #C2DFDD, #fff); 
  background: -o-linear-gradient(left, #C2DFDD, #fff);
  */
  background-color:#f8f8f8;
  box-shadow: 1px 3px 3px #999;
}
nav ul.level_3 li.level_3{
  /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2DFDD), to(#fafafa)); 
  background: -webkit-linear-gradient(left, #C2DFDD, #fafafa); 
  background: -moz-linear-gradient(left, #C2DFDD, #fafafa); 
  background: -ms-linear-gradient(left, #C2DFDD, #fafafa); 
  background: -o-linear-gradient(left, #C2DFDD, #fafafa);
  box-shadow: 1px 3px 3px #bbb;
  */
  /*
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9FCECD), to(#C8E5E3)); 
  background: -webkit-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -moz-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -ms-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -o-linear-gradient(left, #9FCECD, #C8E5E3);
  background-color:#A7C4C2;
  */
  z-index:9 !important;
  
}
nav ul.level_4 li.level_4{
  /*
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9FCECD), to(#C8E5E3)); 
  background: -webkit-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -moz-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -ms-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -o-linear-gradient(left, #9FCECD, #C8E5E3);
  background-color:#C0D5D4;
  box-shadow: 1px 3px 3px #bbb;
  */
  z-index:10 !important;
}
nav ul.level_5 li.level_5{
  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9FCECD), to(#C8E5E3)); 
  background: -webkit-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -moz-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -ms-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -o-linear-gradient(left, #9FCECD, #C8E5E3);
  background-color:#999;
}
nav ul.level_6 li.level_6{
  background:#bbb;
}




nav li.level_1 a{   
  color:white;
}

nav ul.level_2 li a,
nav ul.level_3 li a{   
  color:grey;
  font-size:16px;
  border:0 !important;
  text-shadow:0 !important;
  word-wrap:nowrap;  
}


nav li.current,
Xnav li.level_1.current:hover{
  background:#555;
  line-height:36px;
}
nav li.level_1:hover{
  background:#bbb;
}             
Xnav a.level_1:hover,
nav ul.level_1 li.hover a.level_1
{
  Xcolor:#444;
}
nav ul.level_1 li.current.hover a.level_1
{
  color:white;
}
nav ul.level_2 li:hover a.level_2,
nav ul.level_2 li.hover a.level_2,
nav ul.level_3 li:hover a.level_3,
nav ul.level_3 li.hover a.level_3,
nav .sign{
	Xcolor:#A9F5F2 !important;
  Xcolor:#FAAC58 !important;
  Xcolor:#81F7D8 !important;
  color:black !important;
  text-decoration:underline;
}
nav ul.level_4 li:hover a.level_4,
nav ul.level_4 li.hover a.level_4,
nav a.level_4:hover,
nav a.level_5:hover
{
	Xcolor:#A9F5F2 !important;
  Xcolor:#F7BE81 !important;
  Xcolor:#81F7D8 !important;
  color:black !important;
  text-decoration:underline;  
}

Xnav ul.level_1 li.hover .sign_1,
nav ul.level_2 li.hover .sign_2,
nav ul.level_3 li.hover .sign_3,
nav ul.level_4 li.hover .sign_4,
nav ul.level_5 li.hover .sign_5{
	display:block;
  text-decoration:none;
}

nav li.level_2:last-of-type
{       
  border-radius: 0px 0px 8px 8px;
}
nav li.level_3.first,
nav li.level_4.first,
nav li.level_5.first
{
  border:0 !important;
  border-radius: 0px 8px 0 0 ;
}
nav li.level_3.last,
nav li.level_4.last,
nav li.level_5.last
{
  border:0 !important;
  border-radius: 0px 0px 8px 8px ;
}
nav li.level_3.first.last,
nav li.level_4.first.last,
nav li.level_5.first.last
{
  border:0 !important;
  border-radius: 0px 8px 8px 8px ;
}