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

.fontResizer {
	display: block;
	position: absolute;
	width: 60px;
	height: 20px;
	top: 12px;
	right: 12px;
}

.fontResizer a:link, .fontResizer a:visited, .fontResizer a:active, .fontResizer a:focus {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	color: #666;
	text-decoration: none;
}

.fontResizer a:hover {
	color: #000;
	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: 11px; }

.medFont { font-size: 14px; }

.largeFont { font-size: 20px; }

.curFont { background: #EEEEF7; }