/* Global stylesheet - HTML redefines, layout, aural/hiding etc. */

/* redefined HTML elements */
body {
	background-color: #E4E4E4;
	font:100%/1.25 Tahoma, Helvetica, Arial, sans-serif;
	margin: 4px;
	text-align:center; /* aligns centre for older IEs */
	voice-family:"\"}\"";
	voice-family:inherit;
}
html>body {
	/* be nice to old Opera */
	font-size:100%;
}

td,th {
	font-size:0.7em;
}

a {
	color:#c00;
}
a:visited {
	color:#900;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
}
h1 {
	font-size:1em;
}
h2 {
	font-size:.8em;
}
h3,h4 {
	font-size:.7em;
}
ul,ol {
	font-size:.7em;
	line-height:1.5;
}
p {
	font-size:.7em;
	margin:0 0 .7em 0;
}
img {
	border:0;
	display:block;
}
img.inline {
	display:inline;
}
hr {
	position:absolute;
 	left:0px;
 	top:-2500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

/* main layout container */
#pageContainer {
	background-color:#fff;
	margin:0 auto; /* aligns centre for Firefox etc. */
	padding:4px 5px;
	position:relative;
	text-align:left;
	width:759px;
}

/* 2 col layout */
#mainContent {
	width:568px;
}
#rightCol {
	background-color:#fff;
	position:absolute;
	top:81px;
	right:5px;
	width:187px;
}

/* 3 col layout for landing page */
/* will this work? may need to change to fit progress indicator? */
#centreCol {
	margin-left:152px;
	width:416px;
}
#leftCol {
	background-color:#fff;
	position:absolute;
	top:82px;
	left:5px;
	width:148px;
}

/* use this for 'hidden' content for screen readers/non-CSS */
.auralOnly {
	position:absolute;
 	left:0px;
 	top:-2500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
 	display:none;
}