@charset "UTF-8";
/* CSS Document */

.nav
{
  
  height: 25px;
  position: relative;
  z-index: 1000;
  font-family: arial, sans-serif;
  background: #3A3837;
}

.nav ul
{
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
	color: #ffffff;
}



.nav li
{
  float: left;
  position: relative;
}



/* top */

.nav a, .nav a:visited
{
	display: block;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 1.4px; 
	text-align: center;
	color: #ffffff;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
}



/* 2nd-level hover */

.nav ul ul a.drop:hover
{
  background: #ffffff;
  color: #000000;
  line-height: 25px;
}



/* sub-levels */

.nav ul ul
{
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 25px;
  width: 333px;
}

.nav ul ul li.fly ul
{
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 25px;
  width: 333px;
}


/*  container for drop items */

.nav ul ul li
{
	height: 20px;
}



/* level-2 links */

.nav ul ul a, .nav ul ul a:visited
{
	background: #ffffff;
	height: auto;
	line-height: 14px;
	padding: 5px 0px 5px 5px;
	width: 328px;
	text-align: left;
}


/* drop-down colour */
.nav li:hover a
{
  background-color: #ffffff; 
  	color: #000000;

}

.nav li:hover a:hover, .nav ul ul a:hover
{
  background: #efefef; 
  color: #000000;
  
}




.nav ul li.fly:hover a:hover, .nav ul ul li.fly:hover ul
{
	visibility: visible; 
		color: #999999;
		

}


.nav ul ul li.fly:hover ul
{
position: absolute;
left: 333px;
top: 0px;
	color: #999999;

}
.nav ul ul li.fly ul li a
{
width: 333px;
	color: #999999;

}


/* 2nd-level visibility */

.nav ul li:hover ul, .nav ul a:hover ul 
{
  visibility: visible;

}



#nav-home
{
	width: 250px;
}



#nav-pliny
{
	width: 160px;

}


.nav ul li#nav-pliny:hover ul, .nav ul a:hover ul
{
	color: #000000;
}

#nav-angou
{
	width: 250px;
}

.nav ul li#nav-angou:hover ul, .nav ul a:hover ul
{
/*	left: -105px;
*/}

#nav-inner
{
	width: 200px;
}

.nav ul li#nav-inner:hover ul, .nav ul a:hover ul
{
}


#nav-econ
{
	width: 250px;
	color: #000000;
	
}

.nav ul li#nav-econ:hover ul, .nav ul a:hover ul
{
	
}

#nav-about
{
	width: 250px;
}

.nav ul li#nav-case:about ul, .nav ul a:hover ul
{
}



.active
{
  background: #fffff;
  color: #000000;
}

.active > a
{
  background: #ffffff;
  color: #000000;
  }

.active ul
{
  background: #ffffff;
  color: #000000;
  }