/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

.font09 {font-size:60%; line-height:140%;} /* for setting 10px */
.font10 {font-size:77%;line-height:140%;} /* for setting 10px */
.font11 {font-size:85%;line-height:140%;} /* for setting 11px */
.font12 {font-size:93%;line-height:140%;} /* for setting 12px */
.font13 {font-size:100%;line-height:140%;} /* for setting 13px */
.font14 {font-size:108%;line-height:140%;} /* for setting 14px */
.font15 {font-size:116%;line-height:140%;} /* for setting 15px */
.font16 {font-size:123.1%;line-height:140%;} /* for setting 16px */
.font17 {font-size:131%;line-height:140%;} /* for setting 17px */
.font18 {font-size:138.5%;line-height:140%;} /* for setting 18px */
.font19 {font-size:146.5%;line-height:140%;} /* for setting 19px */
.font20 {font-size:153.9%;line-height:140%;} /* for setting 20px */
.font21 {font-size:161.6%;line-height:140%;} /* for setting 21px */
.font22 {font-size:167%;line-height:140%;} /* for setting 22px */
.font23 {font-size:174%;line-height:140%;} /* for setting 23px */
.font24 {font-size:182%;line-height:140%;} /* for setting 24px */
.font25 {font-size:189%;line-height:140%;} /* for setting 25px */
.font26 {font-size:197%;line-height:140%;} /* for setting 26px */

strong { font-weight:bold;}

.fontLightblue { color:#43ACDF;}
a:link.fontLightblue, a:visited.fontLightblue{ color:#43ACDF; text-decoration:none;} a:hover.fontLightblue { color:#182B45;}
.fontDarkblue { color:#182B45;}
a:link.fontDarkblue, a:visited.fontDarkblue{ color:#182B45; text-decoration:none;} a:hover.fontDarkblue { color:#43ACDF;}

.fontLightYellow { color:#FFCC00;}

.colourBlack { color:#000; }
a:link.colourBlack, a:visited.colourBlack { color:#000; text-decoration:none;} a:hover.colourWhite{ color:#0C0C0C;}

.colourGrey_1 { color:#282828; }
a:link.colourGrey_1, a:visited.colourGrey_1 { color:#282828; text-decoration:none;} a:hover.colourGrey_1{ color:#3C3C3C;}

.colourGrey_2 { color:#3C3C3C; }
a:link.colourGrey_2, a:visited.colourGrey_2 { color:#3C3C3C; text-decoration:none;} a:hover.colourGrey_2{ color:#505050;}

.colourGrey_3 { color:#505050; }
a:link.colourGrey_3, a:visited.colourGrey_3 { color:#505050; text-decoration:none;} a:hover.colourGrey_3{ color:#646464;}

.colourGrey_4 { color:#646464; }
a:link.colourGrey_4, a:visited.colourGrey_4 { color:#646464; text-decoration:none;} a:hover.colourGrey_4{ color:#787878;}

.colourGrey_5 { color:#787878; }
a:link.colourGrey_5, a:visited.colourGrey_5 { color:#787878; text-decoration:none;} a:hover.colourGrey_5{ color:#8C8C8C;}

.colourGrey_6 { color:#8C8C8C; }
a:link.colourGrey_6, a:visited.colourGrey_6 { color:#8C8C8C; text-decoration:none;} a:hover.colourGrey_6{ color;}

.colourGrey_7 { color:#9E9E9E; }
a:link.colourGrey_7, a:visited.colourGrey_7 { color:#9E9E9E; text-decoration:none;} a:hover.colourGrey_7{ color:#B4B4B4;}

.colourGrey_8 { color:#B4B4B4; }
a:link.colourGrey_8, a:visited.colourGrey_8 { color:#B4B4B4; text-decoration:none;} a:hover.colourGrey_8{ color:#C8C8C8;}

.colourGrey_9 { color:#C8C8C8; }
a:link.colourGrey_9, a:visited.colourGrey_9 { color:#C8C8C8; text-decoration:none;} a:hover.colourGrey_9{ color:#E1E1E1;}

.colourWhite { color:#FFF; }
a:link.colourWhite, a:visited.colourWhite { color:#FFF; text-decoration:none;} a:hover.colourWhite{ color:#F4F4F4;}

.greenText { color:#71C419; }
a:link.greenText, a:visited.greenText { color:#71C419; text-decoration:none;} a:hover.greenText { color:#008000;}
.redText { color:#c00; }
a:link.redText, a:visited.redText { color:#c00; text-decoration:none;} a:hover.redText { color:#800;}