div#links {position: absolute; top: 20px; left: 0; width: 166px; height: 700px; font: 11px Verdana, sans-serif; z-index: 100; text-align: right;}
div#links1 {position: absolute; top: 395px; left: 0; width: 166px; height: 700px; font: 11px Verdana, sans-serif; z-index: 100; text-align: right;}
div#linksfact {position: absolute; top: 20px; left: 0; width: 166px; height: 700px; font: 11px Verdana, sans-serif; z-index: 100; text-align: right;}
div#links a {display: block; text-align: right; font: bold 1em sans-serif; 
   padding: 2px 5px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: black; background: white; }
div#links a:hover {color: white; background: black;}
div#econ a:hover {color: white; background: #C12128}
div#mg a:hover {color: white; background: #006838}
div#ph a:hover {color: white; background: #7F3F98}
div#ed a:hover {color: white; background: #1B3281}
div#ps a:hover {color: white; background: #F26522}
div#re a:hover {color: white; background: #89643F}
div#dem a:hover {color: white; background: #81C341}
div#tran a:hover {color: white; background: #778022}
div#mis a:hover {color: white; background: #56A0D3}


 
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
div#linksfact a span {display: none;}
div#linksfact a:hover span {display: block;
   position: absolute; top: 280px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px arial, sans-serif; text-align: left;}

  
div#links1 a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px arial, sans-serif; text-align: left;}   

div#econ a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #C12128; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
div#mg a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color:#006838; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
div#ph a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #7F3F98; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
div#ed a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #1B3281; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
div#ps a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #F26522; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
div#re a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #89643F; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
 div#dem a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #81C341; background: white;
   font: 10px arial, sans-serif; text-align: left;}

div#tran a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #778022; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
div#mis a:hover span {display: block;
   position: absolute; top: 460px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #56A0D3; background: white;
   font: 10px arial, sans-serif; text-align: left;}
    
   
div#bottomlinks {position: absolute; top: 20px; left: 0; width: 166px; height: 700px; font: 11px Verdana, sans-serif; z-index: 100; text-align: right;}
div#bottomlinks a {display: block; text-align: right; font: bold 1em sans-serif; 
   padding: 2px 5px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: black; background: white; }
div#bottomlinks a:hover {color: white; background: black;}

div#bottomlinks a span {display: none;}
div#bottomlinks a:hover span {display: block;
   position: absolute; top: governor; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px arial, sans-serif; text-align: left;}
   
  
  
   
 