/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	

		#nav li {
			float:left; 
			display:block; 
			width:auto; 
      position:relative;
			z-index:500; 
			margin:0 1px;
			margin-right:10px;
			height:33px;
  
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:3px 3px 0 3px; 
			text-decoration:none; 
			color:#AA0315; 
			text-align:left; 
			font-size: 17pt;
      font-family: tahoma;
      letter-spacing:-1px;
      margin-bottom:2px;
      background:none;    
      	
		}

		#nav li a:hover {
			color:#000; 
		}

	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
      color: #5b544c;
      font-size: 17pt;
      font-family: tahoma;
      letter-spacing:-1px; 
		}
		

		#nav ul li {
			width:190px;
			float:left; 
			border-top:0px solid #fff; 
			height:30px;
			XXXbackground-color:rgba(246,246,246,0.40);
      background: url(li-bg6.png) repeat-y left top;  
		}

  #nav ul li a{
		font-size:12pt;
		letter-spacing:0px;
    color:#AA0315;
    XXfilter:alpha(opacity=100);
    XXopacity: 1;
    background:none;
	}	


		
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#666;
		}
		
		#nav ul a:hover {
			text-decoration:underline;
      XXXbackground:#f6f6f6;
      color:#000;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}