.line {
            fill:violet;
           /* fill:none; */
            stroke: black;
            stroke-width: 1px;
         }
      
         .axis text{
         font-family: Arial;
         font-size: 13px;
         color: #333333;
         text-anchor: end;
         }
       
         path { 
         stroke: steelblue;
         stroke-width: 2;
         fill: none;
         }
       
        .axis path,
        .axis line {
        fill: none;
        stroke: grey;
        stroke-width: 1;
        shape-rendering: crispEdges;
        } 
       
       
        .textlabel{
           font-family:  Arial;
           font-size:13px;
           color: #333333;
           text-anchor: middle;
         }
       
      
    A:link {
     COLOR: red /*The color of the link*/
    }
    A:visited {
     COLOR: #800080 /*The color of the visited link*/
    }
    A:hover {
     COLOR: green /*The color of the mouseover or 'hover' link*/
    }
    
    </STYLE>
      <style>
       
     aside1a {
       position: absolute;  
         /*float: left;*/
         top: 0%;
 
 left: 1% ; 
        
         /*width: 5.0%;*/
     }
     aside2a {
        position: absolute; 
        /*float: right;*/
         top: 0%;
         right: 1% ; 
        width: 75.0%;
     }
     #DivForHoverItem {
     /*just so we can see it*/
     height: 40px;
     width: 650px;
     background-color: red;
 }
 
 #HiddenText {
     display: none;
 }
 
 #DivForHoverItem:hover #HiddenText {
     display:block;
 }