/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px verdana,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% verdana,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;}

p { font-size:11px;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 { font-size:13px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.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;}

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