@media screen {
	body {background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #666;}
	body, p, h1, h2, h3, h4, form {padding: 0; margin: 0;}
	/* 'position: relative' added to stop ie6 disappearing background-image */
	ol {margin-top: 0; margin-bottom: 1em; padding-top: 0; padding-bottom: 0; position: relative;}
	ul {margin: 0 0 1em 1.5em; padding: 0; list-style: none; position: relative;}
	ol li {font-size: 1.1em;}
	ul li {margin: 0; padding: 2px 0; font-size: 1.1em; list-style: none;}
	li li {font-size: 1em;}

	a img {border: 0;}

	table {border-collapse: collapse; border: 0; width: 100%;}
	td, th {padding: 0; font-family: Arial, helvetica, sans-serif; vertical-align: top;}
	th {text-align: left;}

	a {color: #5796a7; text-decoration: underline;}
	a:hover {text-decoration: none;}

	h2 {color: #187087; font-size: 1.8em; font-weight: bold;}
	h3 {color: #187087; margin-bottom: 5px; font-size: 1.3em; font-weight: bold; border-bottom: 1px solid #ccc;}
	h4 {color: #187087; font-size: 1.2em; font-weight: bold;}

	p {font-size: 1.1em; margin-bottom: 1em; vertical-align: text-bottom;}

	.left {float: left;}
	.right {float: right;}
	.clearleft {clear: left;}
	.clearright {clear: right;}

	hr {clear: both; display: none;}

	ul li {padding-left: 11px; background: transparent url(/images/global/bullet-dots.gif) no-repeat 0 7px;}

	img {border: 1px solid #ccc !important; padding: 3px; background-color: #fff;}
	img.no-border {border: 0 !important; padding: 0;}
	a:hover img {border-color: #5796a7 !important;}
	.imgleft {margin: 0 6px 6px 0; float: left; clear: left;}
	.imgright {margin: 0 0 6px 6px; float: right; clear: right;}

	.margintop {margin-top: 2.5em;}
	.marginbottom {margin-bottom: 2.5em;}
}

@media print {
	body {background-color: #fff; margin: 0; padding: 0; font-family: Arial; font-size: 10pt; overflow: visible !important;}

	hr {clear: both; margin: 10px 0 10px 0;}

	table {border-collapse: collapse; border: 0; width: 100%;}
	td, th {padding: 0; font-family: Arial, helvetica, sans-serif; vertical-align: top;}
	th {text-align: left;}

	h1 {font-size: 16pt;}
	h2 {font-size: 14pt;}
	h3 {font-size: 12pt;}

	img {border: 1px solid #ccc !important; padding: 3px; background-color: #fff;}
	img.no-border {border: 0 !important; padding: 0;}

	.margintop {margin-top: 2.5em;}
	.marginbottom {margin-bottom: 2.5em;}
	.imgleft {margin: 0 6px 6px 0; float: left; clear: left;}
	.imgright {margin: 0 0 6px 6px; float: right; clear: right;}
	.clearleft {clear: left;}
	.clearright {clear: right;}
}