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

.fontResizer { 
	display: block;
	float:right;
	width:80px;
	background: url('images/textsize.gif') no-repeat center left;
	padding-left: 100px;
	padding-bottom: 10px;
}

.fontResizer a { 
	display: block; 
	float: left; 
	width: 17px; 
	height: 17px; 
	text-align: center; 
	border: 1px solid #A0550B; 
	line-height: 15px; 
	color: #000;
	text-decoration: none; 
	cursor: pointer;
	margin:0 2px;
}

#content .area .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: 10px; }
.medFont { font-size: 16px; }
.largeFont { font-size: 20px; }
.curFont { background: #DBD2BE; }