/* CSS Document */


.clear {clear:both} 

    /* 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: 130px;   /*width of topnav items */
	background: #FFF;  /*bg color of topnav items */
	position: relative;
	z-index: 500;
	margin-right: 10px; /* Spacing in between topnav menu items */
	/* font styles for menu items */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
        padding:8px 5px 0 5px; 
        font-weight:bold;  
        height:23px; 
        text-decoration:none;
		text-transform:inherit; 
        color:#fff; 
        text-align:center; 
        color:#000;
    }
 
    #nav li a:hover {
        color:#333;  /* Color of top drop down items on hover */
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#f00;
    }
     
   /* submenu, it's hidden by default */
   
   #nav ul {
	  position:absolute; 
	  left:0; 
	  display:none; 
	  margin:0 0 0 -1px; 
	  padding:0; 
	  list-style:none;
   }
    
   #nav ul li {
	  width:135px; /* Width of sub menu items */
	  float:left; 
	  border-top:1px solid #fff;
	  margin-right:-10px 0; /* Adjusts the drop down menu position to match the top item. */
	  background-color:#FFF; /* Color of drop down items */
   		}
    
   /* display block will make the link fill the whole area of LI */
   #nav ul a {
	  display:block;  
	  height:20px;
	  padding: 8px 5px; 
	  color:#666;
   }
    
   #nav ul a:hover {
	  text-decoration:underline;  
   }