/* ------------ */

#nav, #nav ul {
  margin: 0;
  margin-left: 10px;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 24px; 

  float: left;
}
#nav img{
	border:none;
	padding:0;
	margin:0;
	}
  #nav a {
    display: block;
    padding: 0 13px;
    border: none;
    color: #fff;    
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
  }
  .naviactive 
  {
  background: url(../images/layout/menu_bg_active.jpg) center top repeat-x; 
  color: #006666 !important;
  }
  .naviactive:hover
    {
    color: #003333 !important;
    }
  #nav a:hover {
  color: #006666;
  text-decoration: none;  
  }

#nav li{
  float: left;
  margin: 0;
  padding: 0;
  line-height: 35px;
  text-align: left;
  height: 35px;


}
#nav ul li
  {
  height: 30px;

  }
#nav ul {
  position: absolute;
  display: none;
  width: 12em;
  *width:14em;
   margin: 0 0 0 -1em;
  /*margin: 0;*/
  padding: 0 1em 1em 1em;
  top: 35px;
 z-index:900;
  text-transform: none;
}
#nav ul li{
border-bottom:1px solid #eee;
background: #fff;
}
  #nav li ul a {
	position:relative;
	color: #666;
    line-height: 23px; 
    width: 12em;
	*width:14em;
    height: auto;
    float: left;
    font-size:10px;
   	z-index:901;
    padding-left: 10px;
  }
  
  #nav li ul a:hover {

  }
  
  
  
 /* menu login */

  li#loginli
  	{

  	height:80px !important;
	
  	line-height: 23px; 
    width:160px;
	float: left;
    font-size:10px;
   
	
    padding-left: 10px;
  	}
#nav ul ul {
  top: auto;
}	

#nav li ul ul {
  left: 11em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
  display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
  	display: block;
	}

/* ------------ */