/* CSS layout rules for content formatting */

body {
	font-size: 69%; /* tested sizes are 60%, 62.5%, 69%, 76%. Anything else requires testing (espcially on a Mac) */
	margin: 0; /* positions the content in the top left */
	padding: 0; /* used by Opera */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: white;
	}
	
p, ol, li, dd, table {	
	font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
	line-height: 1.5em;
	text-align: left; /* compensates for an IE 6 bug */
	margin-top: 0;
	margin-bottom: 1em;	
	font-weight : normal;
	}
	
select, input {
	font-size: 1em;
}
	
h1, h2, h3, h4, h5, h6 {
	margin-top: 0.5em;
	margin-bottom: 1em;
	line-height: 1.3em;
}	

h1 {
	margin-top: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	margin-bottom: 0.7em;
	font-weight: bold;	
}

h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.6em;
	font-weight:normal;
	letter-spacing: 1px;
	margin-top: 1.2em;
	margin-bottom: 0.7em;
}

h2.headingUnderlinedSmall,
h2.headingUnderlinedLarge {
	background: #fff url(../images/bkg-line-240.gif) bottom left no-repeat;
	font-size: 1.6em;
	padding: 0 0 0.3em 0;
}
h2.headingUnderlinedLarge{
	background: #fff url(../images/bkg-line-400.gif) bottom left no-repeat;
	padding: 0 0 0.2em 0;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	line-height: 1.5em;
}	

ul {
	margin-top: 1em;
	padding-left: 1.5em;
	margin-left: 1.5em;
	list-style: none;
}
	
img { border: 0; }

hr {
	color: #ccc; /* incorrectly used by IE */
	background: #ccc; /* used by Gecko, Opera browsers */
	border: 0; 
	height: 1px;
	}

form {
	margin: 0;
	padding: 0;
}
	
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}

.imgVerticalAlign {
	vertical-align : middle;
}

.txtSmall {
	font-size: 0.9em;
}	

.marginBottomNone {
	margin-bottom: 0;
}

.txtIndent {
	padding: 0px 20px;
}

.coloured {
	color: #61207F;
}	

.required {
	font-weight: bold;
	color: red;
}

div.faddedLineLarge {
	background: #fff url(../images/bkg-line-400.gif) top left no-repeat;
	width: 400px;
	height: 1px;
	color: #FFFFFF;
	text-align: left;
	margin: 14px 0;
	}

.program {
	padding: 0 0 0 10px;
}

.noWrap {
	white-space:nowrap
}

.noMargin {
	margin: 0;
	padding: 0;
}

.marginLeft {
	margin-left: 20px;
}