#topmenu{ 
width:100%;
height:20px;
background-color:#999;
}




#topmenu ul li ul 
{margin:0px;
padding:0px; 
display:none;
position:absolute;
left:-30px; top:20px;
background-color:lightblue;
 }




#topmenu
 ul li:hover {background-color: lightblue;} 


#topmenu
ul li ul li:hover {background-color: #faf6f6;}

#links 
td a:hover {background-color: #faf6f6;}


#topmenu
 ul li ul li ul.B li.C:hover {background-color:#faf6f6;} 




#topmenu ul li 
 {display:inline; height:20px; float:left; 
    list-style:none;  margin-left:30px; position:relative;} 


#topmenu ul li a
{color:#fff; text-decoration:none; font-size:16px;}  



/*The following three commands control the format of the second level, drop down menus*/
#topmenu ul li:hover ul.Ch
{display:block;width:302px;z-index:10;
left:0px;
cursor:pointer;}

#topmenu ul li:hover ul li.A
{display:block;
    width: 290px;
left:-30px;          
padding:5px;
font-size: 14px;
border:1px solid gray; text-align: left;
 }

#topmenu ul li ul li a   
{color:black; text-decoration:none; font-size:14px;}






#topmenu ul li:hover ul.Links
{display:block;
left:0px;
    width:262px;
cursor:pointer; }

#topmenu ul li:hover ul li.ALinks
{display:block;
height:15px;  
width:250px;
    left:-30px;          
padding:5px;
font-size: 12px;
border:1px solid gray; text-align: left
 }

/* this changes the background color of the second level menu items  on Mouse over*/
#topmenu
 ul li.ALinks:hover {background-color: #faf6f6} 







#home ul.Ch
{height:100px;
    } 

#home ul.Ch li.A
{display:block; width:170px;
   background-color:lightblue;
    cursor:pointer;padding:2px;border:1px solid gray; font-size:16px;margin-right:20px;
    } 

#home ul.Ch li.A a
{text-decoration: none;
    } 

/* this changes the background color of the second level menu items (1952, etc) on Mouse over*/
#home
 ul.Ch li.A:hover {background-color: #faf6f6}