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

#nav, #nav ul {
  margin: 0;
  margin-left: 15px;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 24px; 
  float: left;
  z-index: 11 !important;
}
#nav img{
	border:none;
	padding:0;
	margin:0;
	}
  #nav a {
    display: block;
    padding: 2px 6px 3px;
    border: none;
    color: #1b1c1f;
    text-decoration: none;
  }

  #nav a:hover {
    color: #000;
    background: #fff;
  }
  


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


}
#nav ul li
  {
  height:25px;

  }
#nav ul {
  position: absolute;
  display: none;
  width: 12em;
  *width:14em;
  top: 30px;
  margin: 0;
  padding: 0;
  text-transform: none;
}
#nav ul li{

}
#nav ul li a
	{
	border-bottom: 0px solid #333;
    border-left: 0px solid #ffff00;
    background: #e0e0e0;
	}
#nav ul li a:hover
	{
	color: #000;
	}
	
  #nav li ul a {
    line-height: 25px;
    display: block;
    width: 15em;
	  /*width:14em;*/
    height: auto;
    float: left;
    font-size:14px;
    padding-left: 15px;
  }
  
  #nav li ul ul a {
    background: white;   
  }
  
  #nav li ul ul a:hover {
    background: #aaa;   
  }
  
  #nav li ul a:hover {
	
  }
  
  a.naviactive
  	{
  	background: #1b1c1f !important;
  	color: #FFCC00 !important;
  	}

  #nav li ul li a:hover
  	{
  	background: #fff;
  	border-bottom: 0px solid #666;
  	
  	}
 /* 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: 165px;
}

#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;
	}

/* ------------ */      
@media screen and (min-width: 300px) and (max-width: 680px)  {
    #left {
		width:100%;
		height: auto;
		float: none;
		}
	#right {
		width:100%;
		height: auto;
		float: none;
		}
}
@media screen and (min-width: 680px)  {
	#left {
		width:60%;
		height: auto;
		float: left;
		}
	#right {
		width:35%;
		height: auto;
		float: right;
		margin-left: 2%;
		}

}