/*
 * Copyright (c) 2009, Adit North LLP, Gateshead, United Kingdom.
 * All rights reserved.
 */

@media all
{
body
{
	font-family:		arial,helvetica,clean,sans-serif;
	font-size:		13px;
	font-style:		normal;
	font-variant:		normal;
	font-weight:		normal;
	margin:			0;
	border:			0;
	padding:		0;
	background-image:	url(header-bg.jpg);
	background-position:	top center;
	background-repeat:	repeat-x;
	background-color:	transparent;
	color:			rgb(88, 84, 83);
}

/* Footer */

div.header
{
	width:			74em;
	height:			137px;
	margin:			0 auto 0 auto;
	text-align:		center;
}

span.header-title
{
	display:		inline-block;
	font-size:		4em;
	padding:		0 0.4em 0 0;
	margin:			0;
	vertical-align:		middle;
	text-align:		right;
	color:			white;
}

span.header-text
{
	display:		inline-block;
	font-size:		2em;
	padding:		0 0 0 0.4em;
	margin:			0;
	vertical-align:		middle;
	text-align:		left;
	color:			white;
}

/* Body */

div.body
{
	width:			74em;
	margin:			0 auto 0 auto;
}

ul.body-navigation
{
	margin:			0 auto auto 0;
	padding:		0 0 0 0;
}

li.body-navigation-link
{
	list-style-type:	none;
	list-style-image:	none;
	list-style-position:	outside;
	margin:			0 0 2px 0;
}

li.body-navigation-current
{
	list-style-type:	none;
	list-style-image:	none;
	list-style-position:	outside;
	margin:			0 0 2px 0;
}

a.body-navigation-link:link, a.body-navigation-link:visited
{
	display:		block;
	font-weight:		bold;
	font-size:		1.1em;
	width:			10em;
	color:			rgb(0, 115, 201);
	text-decoration:	none;
	padding:		0.5em 0 0.5em 2px;
	background-image:	url(nav-line.gif);
	background-repeat:	no-repeat;
	background-position:	left bottom;
	background-color:	transparent;
}

a.body-navigation-link:hover, span.body-navigation-current
{
	display:		block;
	font-weight:		bold;
	font-size:		1.1em;
	width:			10em;
	color:			white;
	text-decoration:	none;
	padding:		0.5em 0 0.5em 2px;
	background-color:	rgb(10, 93, 189);
}

img.body-logo
{
	border:			0;
}

p.body-text-heading
{
	color:			rgb(10, 93, 189);
	padding:		0 0 0.6em 0;
	margin:			0 0 0 0;
	font-size:		1.6em;
}

p.body-text-section-heading
{
	color:			rgb(10, 93, 189);
	padding:		0 0 0 0;
	margin:			0 0 0 0;
	font-size:		1.6em;
}

p.body-text-text
{
	padding:		0 0 0.4em 0;
	margin:			0 0 0 0;
}

p.body-text-textbox
{
	padding:		0.4em 0.4em 0.4em 0.4em;
	margin:			0 0 0.4em 0;
	border:			1px solid rgb(88, 84, 83);
}

ol.body-text-list, ul.body-text-list
{
	color:			rgb(108, 104, 103);
	padding:		0.2em 0 0.2em 0;
	margin:			0 0 0 2em;
}

li.body-text-faq-answer-list-item
{
	color:			rgb(108, 104, 103);
	padding:		0.1em 0 0.1em 0;
	list-style-position:	inside;
}
	
p.body-text-faq-section
{
	color:			rgb(10, 93, 189);
	padding:		0.2em 0 0.4em 0;
	margin:			0 0 0 0;
	font-size:		1.2em;
}

p.body-text-faq-question
{
	padding:		0.2em 0 0.2em 0;
	margin:			0 0 0 2em;
	font-weight:		bold;
}

p.body-text-faq-answer
{
	color:			rgb(108, 104, 103);
	padding:		0.2em 0 0.2em 0;
	margin:			0 0 0 4em;
}

ol.body-text-faq-answer-list, ul.body-text-faq-answer-list
{
	color:			rgb(108, 104, 103);
	padding:		0.2em 0 0.2em 0;
	margin:			0 0 0 4em;
}

li.body-text-faq-answer-list-item
{
	color:			rgb(108, 104, 103);
	padding:		0.1em 0 0.1em 0;
	list-style-position:	inside;
}

	
div.body-text-box
{
	padding:		1em 1em 1em 1em;
	margin:			1em 0 1em 0;
	background-color:	rgb(230, 240, 255);
}

img.body-text-image
{
	display:		block;
	padding:		0.5em 0.5em 0.5em 0.5em;
	margin:			1em auto 1em auto;
	background-color:	rgb(255, 255, 255);
}

a.body-text-link:link, a.body-text-link:visited
{
	color:			rgb(10, 93, 189);
	text-decoration:	underline;
}

table.body-content-table
{
	border-collapse:	collapse;
	border-width:		2px 2px 2px 2px;
	border-color:		rgb(10, 93, 189);
	border-style:		solid;
}

th.body-content-table-header
{
	background-color:	rgb(10, 93, 189);
   	color:			white;
    	font-size:		1.2em;
}

td.body-content-table-column-4
{
	width:			5em;
	padding:		0.2em 0.5em 0.2em 0.5em;
	border-width:		0 1px 0 1px;
	border-color:		rgb(10, 93, 189);
	border-style:		solid;
}

td.body-content-table-column-8
{
	width:			9em;
	padding:		0.2em 0.5em 0.2em 0.5em;
	border-width:		0 1px 0 1px;
	border-color:		rgb(10, 93, 189);
	border-style:		solid;
}

td.body-content-table-column-12
{
	width:			13em;
	padding:		0.2em 0.5em 0.2em 0.5em;
	border-width:		0 1px 0 1px;
	border-color:		rgb(10, 93, 189);
	border-style:		solid;
}

td.body-content-table-column-16
{
	width:			17em;
	padding:		0.2em 0.5em 0.2em 0.5em;
	border-width:		0 1px 0 1px;
	border-color:		rgb(10, 93, 189);
	border-style:		solid;
}

td.body-content-table-column-24
{
	width:			25em;
	padding:		0.2em 0.5em 0.2em 0.5em;
	border-width:		0 1px 0 1px;
	border-color:		rgb(10, 93, 189);
	border-style:		solid;
}

td.body-content-table-column-32
{
	width:			33em;
	padding:		0.2em 0.5em 0.2em 0.5em;
	border-width:		0 1px 0 1px;
	border-color:		rgb(10, 93, 189);
	border-style:		solid;
}

td.body-content-table-column-40
{
	width:			41em;
	padding:		0.2em 0.5em 0.2em 0.5em;
	border-width:		0 1px 0 1px;
	border-color:		rgb(10, 93, 189);
	border-style:		solid;
}

tr.body-content-table-row-odd
{
	background-color:	white;
}

tr.body-content-table-row-even
{
	background-color:	rgb(230, 240, 255);
}

td.body-content-default-column
{
	vertical-align:		top;
}

tr.body-text-errormessages
{
	color:			red;
}

/* Footer */

div.footer
{
	width:			100%;
	height:			2.5em;
	background-color:	rgb(2, 39, 111);
	margin:			0 0 0 0;
	border-top:		1px solid rgb(65, 92, 147);
	border-right:		0;
	border-bottom:		1px solid rgb(128, 147, 103);
	border-left:		0;
	clear:			both;
}

div.footer-text
{
	width:			74em;
	margin:			0.5em auto auto auto;
}

a.footer-link:link, a.footer-link:visited
{
	color:			white;
	text-decoration:	underline;
}
}

@media screen,print
{
div.body-navigation
{
	float:			left;
	width:			12em;
	margin:			1.5em 0 1.5em 0;
}

div.body-logo
{
	float:			left;
	width:			12em;
	text-align:		center;
	margin:			1.5em 0 1.5em 0;
}

div.body-text
{
	float:			left;
	width:			50em;
	margin:			1.5em 0 1.5em 0;
}

div.body-content
{
	float:			left;
	width:			62em;
	margin:			1.5em 0 1.5em 0;
}
}

@media embossed
{
div.body-navigation
{
	visibility:		hidden;
}

div.body-logo
{
	visibility:		hidden;
}

div.body-text
{
	float:			left;
	width:			74em;
	margin:			1.5em 0 1.5em 0;
}

div.body-content
{
	float:			left;
	width:			86em;
	margin:			1.5em 0 1.5em 0;
}
}