/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer {
    display: block;
    position: relative;
    width: 90px;
    top: 16px;
    left: 544px;
    }

.fontResizer a {
    display: block;
    float: left;
    width: 17px;
    height: 17px;
    text-align: center;
    border: 1px solid #8c8c8c;
    margin-right: 1px;
    padding: 3px;
    line-height: 15px;
    color: #666;
    text-decoration: none;
    }

.fontResizer a:hover {
    color: #000;
    background-color: #DEE7BD;
    text-decoration: none;
    }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 13px; }

.largeFont { font-size: 15px; }

.curFont { background: #dfe6be; }