﻿@media screen {
	/*---------------------------------------------------------------
	# Global settings
	---------------------------------------------------------------*/
	/* defaults */
	body {background-color: #fff; font:62.5%/1.2 Helvetica,Arial,sans-serif; color:#000000;}
	body, p, 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;}
h1,h2,h3,h4,.componentheading {font-weight:bold;margin:2em 0 1em; font-family:Georgia, "Times New Roman", Times, serif;}
h1,.componentheading {font-size:180%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
	/*h2 {font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; margin:2em 0 1em;}
	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: 0px 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: 24pt;}
	h2 {font-size: 20pt;}
	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;}
}
