/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR DEMO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  line-height: 147%;
}

.greyText {
color:#333333;
font-size:11px;
}

h1 {
  font-size:1.3em;
}

h2 {
  font-size:1.7em;
}
h3{
  font-size:1.1em;
  margin:0px;
  padding:0px;
  font-weight:bold;
}
h4{
  font-size:1.3em;
  margin:0px;
  padding:0px;
  font-weight:bold;
}
p {
  font-size:.9em;
  margin:0px;
  padding:0px;
  line-height:115%;
  letter-spacing:normal;
}


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

.fontResizer { display: block; }
.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; 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: 12px; }
.medFont { font-size: 14px; }
.largeFont { font-size: 16px; }
.curFont { background: #EEEEF7; }