/* CSS Document
padding: Ypx top and bottom space. Xpx is for is for left side space.
-------------------------------------------------------------------- */
/* text format for every page: sans_serif dark blue size 14. White background */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330099;
}
/* For main title in a page (dark blue bold size 17) */
.bigTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}
/* For sub-title in a page (dark blue bold size 14) */
.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/* For small text (dark blue size 11) */
.smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* For caption (dark blue size 11 like small text but italic) */
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}
/* table with light-blue colour background, text align left.
Note: border doesn't work for the cell's border, so, apply it for the table itself. */
.tableLeftBlue {
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	padding: 12px 16px;
	border: 1px solid #330099;
	background: #97D6FF;
}
/* table with light-gold colour background, text align centre.
Note: border doesn't work for the cell's border, so, apply it for the table itself. */
.tableCentreBlue {
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	padding: 12px 16px;
	border: 1px inset #3D8FD3;
	background: #97D6FF;
}
/* table with table align left. No background colour. */
.tableLeft {
	text-align: left;
	vertical-align: middle;
	padding: 8px 0px;
}
/*table with table align centre. No background colour. */
.tableCentre {
	text-align: center;
	vertical-align: middle;
	padding: 8px 8px;
}