#menu{
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size:11px;
   color:#FFFFFF;
   background-color:#36316F;
   width:850px;
  }
  
  #menu ul {
   padding: 0;
   margin: 0;
   list-style: none;
   background-color:#36316F;
   width:850px;
  }
  
  #menu li {
   float: left;
   position: relative;
   display: inline; 
   background-color:#36316F;
   border-left:1px solid #FFF;
   padding:3px 0;
  }
 
  #menu li:hover {
  /*background-color:#eee;*/
  } 
  
  #menu a{
   padding:3px 16px;
   color:#F2F2F2;
   text-decoration:none;
  }
  
  #menu li ul {
   display: none;
   position: absolute; 
   top: 2.5em;			
   left: 0;
   width:170px; 
  }
  
  #menu ul li ul li{
   width:180px; 			/* WIDTH OF SUB MENU ELEMENTS */
   clear:both;
   border-bottom:1px solid #fff;
   padding-top:0;
   padding-bottom:0;
   font-size:10px;
  }
  
  #menu li ul li a{
   display:block;
   padding:3px 0 3px 10px;
  }  
  
  #menu li a:hover, #menu li ul li a:hover{
  /*background-color:#eee;*/
   color:#36316F;
  }  
    
  #menu ul li ul {
  top: 19px;                  /* VALUE TO PUSH SUB MENU DOWN */
 }
  	
  #menu li:hover ul, #menu li.over ul{ display: block; }
  
  
  #nav .orange a:hover{ background-color:#EE8D3A;  color:#FFF;}
  #nav .purple a:hover{ background-color:#526DC1; color:#FFF; }
  #nav .green a:hover{ background-color:#6AC5C7; color:#FFF; }
  #nav .pink a:hover{ background-color:#FF24C7; color:#FFF; }
  #nav .blue a:hover{ background-color:#3C75E9; color:#FFF; }
  
  
  #subnav ul{ font-size:10px;}