#nav {
		margin: 0; 
		padding: 0; 
		list-style: none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float: left; 
			display: block; 
			width: 121px; 
			position: relative;
			z-index: 500; 
			margin: 0 1px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display: block; 
			padding: 4px 5px 0 5px; 
			font-weight: 700;  
			height: 23px; 
			text-decoration: none; 
			text-align: center; 
			font: 14px tahoma, arial, verdana, helvetica, sans-serif;
			color: #ffffff;
		}

		#nav li a:hover {
			color: #fff;
			background: #0da208;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color: #fff;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position: absolute; 
			left: 0; 
			display: none; 
			margin: 0 0 0 0px; 
			padding: 0; 
			list-style: none;
			color: #fff;
			padding-top: 5px;
		}
		
		#nav ul li {
			width: 370px;
			float: left; 
			border-bottom: 1px solid #fff;
			color: #fff;
			background: #078d12;
		}

    #nav ul li ul {
        position: absolute;
        left: 370px;
        top: 0px;
        display: none;
        margin: 0 0 0 0px;
        padding: 0;
        list-style: none;
        color: #fff;
        padding-top: 5px;
    }


    #nav ul li ul li {
        width: 450px;
    }

		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display: block;  
			height: 15px;
			padding: 8px 5px;
			color: #fff;
			text-align: left; 
		}
		
		#nav ul a:hover {
			text-decoration: none;	
			color: #FFFFFF;
			background: #0da208;
			padding-left: 7px;
		}

		/* 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;
		}