@define
     {
        darkGray : #999999 ;
        lightGray: #666666 ;
     }

.ctr { width: 100%; float: left; padding-left: 10px; font-weight: bold; text-align: left; cursor: pointer; }

/********************************************************************************
		Main Menu Level 1
********************************************************************************/
#mainmenu ul { margin: 0; padding: 0; list-style: none; z-index:10000 }
#mainmenu ul li 
      { 
        position         : relative ; 
        /*float            : left     ;*/
		height           : 20px     ; 
		background-color : &lightGray ;
		background-repeat: no-repeat;
		padding          : 0        ;
		text-align       : left     ; 
        z-index          : 10000    ;
      }
#mainmenu ul li a:hover 
      { 
         background-color: #666666 ; background-repeat: no-repeat; 
         color: #ffffff;
         font-weight     : bold;
         z-index          : 10000    ;
       }
#mainmenu ul li a {	
         height: 20px; text-decoration: none; 
         color: #3333ff; display: block; line-height: 20px; 
         z-index          : 10000    ;
        }

#mainmenu ul li ul {
        z-index          : 10000    ;
		display:none; 
		position: absolute;
		right: 120px; 
		top:   3px; 
		width: 150px;
		filter:alpha(opacity=85); /* for IE */
		-moz-opacity:0.85; /* for mozilla */
		}

#mainmenu ul li ul:hover { z-index          : 10000    ;display: block; }
#mainmenu ul li:hover ul { z-index          : 10000    ;display: block; }
#mainmenu ul li.over ul  { z-index          : 10000    ;display: block; } /* for IE */

/********************************************************************************
		Main Menu Level 2
********************************************************************************/
#mainmenu ul li ul li {
        z-index: 10000    ;
		width: 150px;
		height: 20px;
		background-color: #e3e7e8;
		background-image: none;
		border-bottom: none;
		font-weight: bold;
		text-align: left;
		padding: 0px;
		}

#mainmenu ul li ul li a {	
        z-index : 10000;
        padding-left: 20px;
        height: 22px; 
        text-decoration: none; 
        color: #3333ff; 
        display: block; 
        width: auto; }

#mainmenu ul li ul li a:hover { background-color: #666666; 
                                background-image: none; 
                                z-index          : 10000    ;
                                font-weight     : bold;}
#mainmenu ul li ul li:hover   { display: list-item; z-index          : 10000    ;}
#mainmenu ul li ul li.over    { display: block; z-index          : 10000    ;} /* for IE  */


/* menu widths */
#mainmenu  #topauto           {width : 120px  ; font-size : 11px}


  .mainmenu
  {
     vertical-align   : bottom  ;
     vertical-align   : baseline;
  }