/* Menu CSS */
#navi
  {
  width:930px;
  height:35px;
  }
  #navleftbasic
    {
    width:35px;
    height:35px;
    background:url(../images/layout/navleftbasic.jpg) no-repeat;
    float:left;
    }
  #navbgbasic
    {
    width:860px;
    height:35px;
    background:url(../images/layout/navbasic.jpg) repeat-x;
    float:left;
    text-align:center;
    padding:0;
    margin:0;
    }
  #navrightbasic
    {
    width:35px;
    height:35px;
    background:url(../images/layout/navrightbasic.jpg) no-repeat;
    float:left;
    }
    
  #navleft
    {
    width:35px;
    height:35px;
    background:url(../images/layout/navleft.jpg) no-repeat;
    float:left;
    }
  #navbg
    {
    width:860px;
    height:35px;
    background:url(../images/layout/nav.jpg) repeat-x;
    float:left;
    text-align:center;
    padding:0;
    margin:0;
    }
    #navarea
      {
      width:860px;
      height:26px;
      float:left;
      text-align:center;
      padding:0;
      margin:0;
      }
/* ------------ */

#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 10px;
    border: none;
    color: #999;
    text-decoration: none;
  }
  #nav > li > a {
	 font-weight:bold;
	  }
	 #nav > li > a:hover {
	 text-decoration:underline;
	  }
  .naviactive {
    background: url(../images/layout/navhover.jpg) repeat-x;
  }
  #nav a:hover {
    background: url(../images/layout/navhover.jpg) repeat-x;
  }

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

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

  #nav li ul a {
    line-height: 23px; 
    width: 12em;
	  *width:14em;
    height: auto;
    float: left;
    font-size:10px;
    background:url(../images/layout/nav_ul_li_bg.jpg) no-repeat;
    padding-left: 10px;
  }
  
  #nav li ul a:hover {
    background:url(../images/layout/nav_ul_li_hoverbg.jpg) no-repeat #fff;
  }
  #nav ul ul {
  top: auto;
}	

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

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