#navi {
    margin:0;
    padding:0;
    list-style-type:none;
}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #navi li {
       float:left;
       position:relative;
       z-index:500;
		
	   color:#FFF;
	   font-size:16px;
	   text-decoration:none;
	   padding-left: 0px;
	   /*padding-right: 15px;*/
	   padding-top: 0px;
	   
    }
         
    /* this is the parent menu */
    #navi li a {
        display:block;
        /*padding:8px 5px 0 5px;*/
        font-weight:700; 
        /*height:23px;*/
        text-decoration:none;
        color:#eee;
        text-align:center;
    }
 
    #navi li a:hover {
        color:#fff;
    }
     
    /* you can make a different style for default selected value */
    #navi a.selected {
        color:#f00;
    }
     
        /* submenu, it's hidden by default */
        #navi ul {
            position:absolute;
            left:0;
            display:none;
            margin:0 0 0 -1px;
            padding:0;
            list-style:none;
		   	background-color:#ebe9e8;

		   border-left: solid 1px #333333;
		   border-right: solid 2px #111111;
		   border-bottom: solid 2px #111111;
        }
         
        #navi ul li {
			padding-right:0px;
			padding-left:5px;
            width:185px;
			font-size:13px;
            float:left;
        }
         
        /* display block will make the link fill the whole area of LI */
        #navi ul a {
            display:block; 
            height:15px;

		   padding-bottom:3px;
		   padding-top:-3px;
		   
		   background-color:#ebe9e8;
		   vertical-align:middle;
		   
		   text-align:left;
            color:#669999;
        }
         
        #navi ul a:hover {
            color:#ffffff;
			background-color:#5A7B80;
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #navi ul {
    margin:0 0 0 -2px;
}