<style type="text/css">

    #scroll {
        height: 100px;
        overflow-y: scroll;
        width: 340px;
    }
    
    table {
    font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 320px;
    display: block;
    }

th {
    padding: 0 0.5em;
    text-align: left;
    }

tr.yellow td {
    border-top: 1px solid #FB7A31;
    border-bottom: 1px solid #FB7A31;
    background: #FFC;
    }

td {
    border-bottom: 1px solid #CCC;
    padding: 0 0.5em;
    }

td.width {
    width: 190px;
    }

td.adjacent {
    border-left: 1px solid #CCC;
    text-align: center;
    }
    </style>
<div id="scroll">
    <table>
      <tr>
        <th colspan="3">GoldenLine Installation Manuals</th>
      </tr>
      <tr class="yellow"> 
        <td class="width">Name of Manual</td>
        <td class="adjacent">Format</td>
        <td class="adjacent">Size</td>
      </tr>
      <tr> 
        <td><a href="">Installation Manual (Complete)</a></td>
        <td class="adjacent">pdf</td>
        <td class="adjacent">2.5 MB</td>
      </tr>
      <tr> 
        <td><a href="">Installation &#149 Casement</a></td>
        <td class="adjacent">pdf</td>
        <td class="adjacent">1.6 MB</td>
      </tr>
      <tr> 
        <td><a href="">Installation &#149 Fixed</a></td>
        <td class="adjacent">pdf</td>
        <td class="adjacent">1.6 MB</td>
      </tr>
      <tr> 
        <td><a href="">Installation &#149 Hinged</a></td>
        <td class="adjacent">pdf</td>
        <td class="adjacent">1.8 MB</td>
      </tr>
      <tr> 
        <td><a href="">Installation &#149 Tilt &amp; Glide</a></td>
        <td class="adjacent">pdf</td>
        <td class="adjacent">2.0 MB</td>
      </tr>
      <tr> 
        <td><a href="">Installation &#149 Tilt &amp; Turn</a> </td>
        <td class="adjacent">pdf</td>
        <td class="adjacent">1.8 MB</td>
      </tr>
    </table>
<div>