
/* CSS rules common to entire site
**********************************/

/* Element Defaults
*******************/
a:link, a:visited
{
	color: #9d0c19;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#page ul li
{
	line-height: 18px;
	font-size: 12px;
	margin-left: -25px;
	margin-bottom: 10px;
	text-align: justify;
}

body
{
	background: url(/images/layout/body-bgd.png) bottom center repeat-x #c31c22;
	color: black;
	font: normal 12px 'Verdana', 'Arial', 'sans-serif';
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h1
{
	background: #929396;
	width: 625px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px 0px 30px 0px;
	font: normal 16px 'Verdana', 'Arial', 'sans-serif';
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	color: white;
}

h2
{
	font: normal 14px 'Verdana', 'Arial', 'sans-serif';
	text-transform: none;
	text-align: center;
	letter-spacing: 1px;
	color: #9d0c19;
	margin-top: 25px;
}

h3
{
	font: bold 12px 'Verdana', 'Arial', 'sans-serif';
	text-transform: none;
	text-align: left;
	letter-spacing: 1px;
	color: #9d0c19;
	margin: 10px 0px 0px 0px;
}

h4
{
}

h5
{
}

h6
{
	font: normal 14px 'Verdana', 'Arial', 'sans-serif';
	line-height: 24px;
	text-align: justify;
}

img
{
	border: none;
	display: inline;
}

p
{
	font: normal 12px 'Verdana', 'Arial', 'sans-serif';
	line-height: 18px;
	text-align: justify;
}

td
{
	vertical-align: top;
}

/* Classes
**********/
.block
{
	display: block;
}

.footnote p
{
	font-size: 9px;
	color: #000;
	margin: 10px 0px;
}

.lc
{
	text-transform: none;
}

.right
{
	float: right;
}

.top-quote
{
	background: #b9dfdc;
	padding: 5px 15px 25px 15px;
	margin-top: -20px;
}

.top-quote p
{
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: center;	
}

.quote
{
	background: #b9dfdc;
	padding: 5px 15px 25px 15px;
}

.quote-red
{
	background: #9d0c19;
	padding: 5px 15px 25px 15px;
	color: white;
}

.quote-yellow
{
	background: #ae9927;
	padding: 5px 15px 25px 15px;
	color: white;
}

.quote-yellow p,
{
	font-weight: bold;	
	text-align: center;	
}

.quote-orange
{
	background: #e93f22;
	padding: 5px 15px 25px 15px;
	color: white;
}

.quote-orange p
{
	font-weight: bold;	
	text-align: left;	
}

p.quotee
{
	text-align: right;
}

.quote-green
{
	background: #92ae80;
	padding: 5px 15px 25px 15px;
	color: black;
}

.quote-green p
{
	font-weight: bold;	
	text-align: left;	
}

h1.green
{
	background: none;
	text-transform: none;
	color: #3c7e38;
	font-size: 30px;
	font-weight: bold;	
}

.blue-reversed
{
	background: #007fbb;
	padding: 15px 5px;
}

.blue-reversed h1
{
	text-transform: none;
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	background: none;
	padding-left: 0px;
	margin-left: 0px;	
}

.blue-reversed p
{
	font-weight: bold;
	color: #aac9e1;
	text-align: center;
}

.blue-reversed p span
{
	color: white;	
	margin-left: 350px;
}

.quote-light-blue
{
	background: #007fbb;
	padding: 5px 15px 15px 15px;	
}

.quote-light-blue p
{
	font-weight: bold;
	color: #ffffff;
}

.quote-light-blue p span
{
	color: #aac9e1;
	float: right;
}

.white-text
{
	color: white;	
}

.new-h2
{
	font: bold 20px Verdana, san-serif;
	text-transform: none;
}

.img-side
{
	background: #ba2118 url(/images/layout/border-bottom.png) bottom no-repeat;
	padding-bottom: 24px;
}

.small
{
	font-size: 80%;	
}

/* Layout defaults
******************/
#wrap
{
	background: url(/images/layout/page-bgd.png) repeat-y;
	margin: 0px auto 175px auto;
	padding: 0px;
	width: 900px;
	text-align: left;
}

#header
{
	background: url(/images/layout/logo-header.png) bottom left no-repeat;
	height: 180px;
	margin: 0px;
	padding: 0px;
}

#logo
{
	float: left;
	margin: -1px 0px 0px 360px;
}

#page
{
	width: 625px;
	margin: 0px 0px -5px 220px;
	padding: 0px;
}

#footer
{
	background: url(/images/layout/footer-bgd.png) top center no-repeat;
	margin-bottom: 0px;
	padding-top: 100px;
	text-align: center;
	font-size: 10px;
	clear: both;
}

#statement-left
{
	clear: left;
	float: left;
	margin: 25px 0px 0px 60px;	
}

#statement-left h2
{
	color: black;
	font-size: 12px;
}

#statement-left img
{
	display: block;
	margin-bottom: 5px;	
}

#images-left
{
	clear: left;
	float: left;
	margin: 0px 0px 0px 60px;	
}

#images-left img
{
	display: block;
	margin-top: 10px;
	background: #ba2118 url(/images/layout/border-bottom.png) bottom no-repeat;
	padding-bottom: 24px;
}

#fact-sheet-link
{
	position: absolute;
	top: 430px;	
	left: 50%;
	margin-left: 320px;
	z-index: 10;
}

a:link.download,
a:visited.download
{
	display: block;
	background: #c30a24;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	color: white;
	text-transform: uppercase;
	font-size: 10px;	
}

a:link.download span,
a:visited.download span
{
	color: black;	
}


/* Layout - form
******************/

fieldset
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

label
{
	text-transform: uppercase;
	margin: 5px;
	padding: 3px;
	clear: left;
	float: left;
}

input, textarea
{
	background: #e7e7e8;
	border: none;
	margin: 5px;
	padding: 3px;
	float: right;
}

#name, #title
{
	width: 550px;
}

#phone, #email
{
	width: 540px;
}

#organisation, #postal
{
	width: 475px;
}

#copies
{
	float: none;
}

#submit
{
	padding: 0px;
	margin-right: -10px;
}

#treatment
{
	padding-top: 540px;
	background: url(/images/layout/treatment.jpg) no-repeat bottom right;
	padding-bottom: 10px;
	margin-bottom: 0px;	
}