.clear {clear:both} 
/* remove the list style */
	#nav {
		margin:0 10 ; 
		padding:0; 
		list-style:none;
	}   
	#nav_mini {
		margin: 5px; 
		padding: 3px; 
		background-color: white;
		width: 90px;
	}   
	#nav_mini ul {
		list-style:none;
		background-color: white;
	} 
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
	
    #nav li,
	#nav_mini li {
        float:left; 
        display:block; 
        width:200px;
		
        /* background:#ccc;  */
        position:relative;
        z-index:500; 
        /* margin:0 1px; */
    }
	#nav_mini li {
		width:25px;	
	}
		

	#nav li  ul li.title { 
		text-align: center;
		font-weight: bold;
		font-size : 1.90em;
		padding: 0.4em 0;
	}
	#nav_mini li  ul li.title { 
		text-align: center;
		font-weight: bold;
		/* font-size : 2em; */
		padding: 0.4em 0 0.4em 5px;
		border:0;
	}
	#nav li  ul.SHOWS,
	#nav_mini li  ul.SHOWS{ 
		background-color : #81ac5c;
		color: White;		
	}
	#nav li  ul.SHOWS a,
	#nav_mini li  ul.SHOWS a{ 
		color: #81ac5c;
	}
	#nav li  ul.INFO,
	#nav_mini li  ul.INFO{ 
		background-color : #E93F0C;
		color:  white;
	}
	#nav li  ul.INFO a,
	#nav_mini li  ul.INFO a{ 
		color : #E93F0C;
	}
	#nav li  ul.XTRAS,
	#nav_mini li  ul.XTRAS{ 
		background-color : #301be2;
		color: White;
	}
    #nav li  ul.XTRAS a,
	#nav_mini li  ul.XTRAS a{ 
		color : #301be2;
	}    
         
    /* this is the parent menu */
    #nav li a,
	#nav_mini li a{
        display:block; 
        padding:8px 0 0 0;
        /* font-weight:700;   */
        height: 200px; 
        text-align:center;
		letter-spacing: 0.10em;
		background-color : white;
	}
	
	#nav_mini li a{
        padding: 0;		
        height: 28px;
		margin: 0;
	}
 
    #nav li a:hover {
        /* color:#fff; */
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#f00;
    }
     
        /* submenu, it's hidden by default */
        #nav ul,
		#nav_mini ul 		{
            position:absolute; 
            left:0; 
            display:none; 
            margin:0 0 0 0;
            padding:0; 
            list-style:none;
        }
         
        #nav ul li {
            width:200px; 
            float:left; 
            border-top: 1px solid #fff;
        }
		#nav_mini ul li {
            width:inherit;  
            float:left; 
            border-top: 1px solid #fff;
        }
         
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
			/* margin-left: 10px; */
            display:block;  
            height:15px;
            padding: 10px 5px; 
           /*  text-transform:  uppercase; */
			font-size : 1.2em;
			text-decoration:none; 
			letter-spacing: 0.10em;
			color:#999;
        }
		  #nav_mini ul a {
			display:block;  
			/* margin-left: 3px; */
			height: inherit;
			width : 80px;
			line-height:1.2em;
            padding: 3px 0 3px 5px;  
            font-size : 0.9em;
			text-decoration:none; 
			color:#999;
        }

         
        #nav ul a:hover,
		#nav_mini ul a:hover{
            text-decoration:underline;  
        }
 
/* 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;
}