/* CSS Document */
/*Set  the page height and default font size*/
html 
{
	height: 100%;
	font-size: 10px;
}

/*remove padding and margin from the main body of the page, also sets the 
background colour of the page*/
body
{
	margin: 0;
	padding: 0;
	background-color: #F2F1EF;
}

img
{
	border: 0;
}

/*default style for h1 tag*/
h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: bold;
	color: #007CA2;
	padding: 0;
	margin: 0;
}

#Content h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #007CA2;
	padding: 0;
	margin: 0;
}

/*Default style for h2 tag*/
h2
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #007CA2;
	font-weight: bold;
}

/*Default style for h3 tag*/
h3
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #007CA2;
	font-weight: bold;
}

/*Default style for h4 tag*/
h4
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #007CA2;
	font-weight: bold;
}

/*Default style for p tag*/
p, ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	line-height: 1.4em;
}

/*Default style for links*/
a, li
{
	color: #666666;
	text-decoration: none;
}

/*Default style for link hover*/
a:hover
{
	text-decoration: underline;
	color: #007CA2;
}

/*default visited link state*/
a:visited
{
	color: #007CA2;
}

/*The page box is used as a container for the content within all pages */
#PageBox
{
	float: none;
	width: 80.2em;
	margin-left: auto;
	margin-right: auto;
}

/*Sets a background for the content*/
#BackgroundBox
{
	float: left;
	width: 79.1em;
	padding-left: 1.1em;
	background-image: url(/images/background.gif);
	background-repeat: repeat-y; 
}

/*The header box contains the positioning and content for the logo, banner and 
top menu */
#HeaderBox
{
	border: 0;
	width: 79.1em;
	height: 15.9em;
	background-color: #E0E8E9;
}

/*The following collection of id's style the text of the top menu*/
/*basic layout, define the width, height and color of the container*/
#TopMenu
{
	background-image: url(/images/topMenu_background.gif);
	background-repeat: repeat-x;
	width: 55.6em;
	height: 2.4em;
	margin: 0;
	padding-left: 3.4em;
	padding-right: 1.8em;
	background-color: #F2F1EF;
}

/*Set up the text style for the menu, uppercase in verdana.*/
#TopMenu ul
{
	margin: 0;
	padding-top: 0.1em;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.1em;
	text-transform: uppercase;
}

/*This ensures that the top menu is displayed across the page instead of down and with appropriate spacing
between each item.*/
#TopMenu ul li
{
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	display: inline;
	padding-right: 1.1em;
}

/*styling for the links that creates the top level navigation*/
#TopMenu ul li a 
{
	_height: 1em;
}

/*The left box contains all the style and information for the 
left section of the page*/
#LeftBox
{
	width: 13.2em;
	margin: 0;
	padding-top: 1.9em;
	padding-left: 1.8em;
	padding-right: 1.8em;
	padding-bottom: 3.1em;
	float: left;
	border-right: 0.4em solid #E0E8E9;
	background-color: #FFFFFF;
}

/*the following styles sort out the menu on the left side of the page*/
#LeftMenu
{
	padding: 0;
	margin: 0;
}

/*List style for left hand navigation*/
#LeftMenu ul
{
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 2.9em;
	padding-top: 0.2em;
}

/*make sure that the spacing between items is as per design*/
#LeftMenu ul li
{
	_height: 1em;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0.3em;
	list-style-type: none;
}

/*style the link for the left hand navigation*/
#LeftMenu ul li a
{
	_height: 1em;
	padding-left: 1.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	display: block;
}

/*Left menu active states*/
#LeftMenu ul li a.active
{
	color: #666666;
	text-decoration: none;
	background-color: #E3EAEA;
	color: #007CA2;
	font-weight: bold;
}

/*Left menu vitited state*/
#LeftMenu ul li a:visited
{
	color: #AAAAAA;
}

/*Left Menu hover state*/
#LeftMenu ul li a:hover
{
	color: #666666;
	text-decoration: underline;
	background-color: #E3EAEA;
	color: #007CA2;
}

/*Styling for the second level of the left hand navigation*/
#LeftMenu ul li ul
{
	margin: 0;
	padding: 0;
}

/* second level list link styling*/
#LeftMenu ul li ul li a
{
	padding-left: 2.4em;
	_height: 1em;
	color: #007CA2
}

/*second level list link visited state*/
#LeftMenu ul li ul li a:visited
{
	color: #52A4B9;
}

/*Second level list link hover state*/
#LeftMenu ul li ul li a:hover
{
	text-decoration: underline;
	color: #007CA2;
}

/*Styling for the Third level of the left hand navigation*/
#LeftMenu ul li ul li ul
{
	margin: 0;
	padding: 0;
}

/* Third level list link styling*/
#LeftMenu ul li ul li ul li a
{
	padding-left: 3.2em;
	_height: 1em;
	color: gray;
}

/*Third level list link visited state*/
#LeftMenu ul li ul li ul li a:visited
{
	color: #52A4B9;
}

/*Third level list link hover state*/
#LeftMenu ul li ul li ul li a:hover
{
	text-decoration: underline;
	color: #007CA2;
}

/* This section deals with the various alternating lists 
for example the news on the homepage, the related items section
or the fast facts list*/
#News
{
	margin: 0;
	float: left;
	padding-top: 0.7em;
	padding-bottom: 3.1em;
	width: 35.5em;
}

/*Set up width for the news list*/
#News ul
{	
	margin: 0;
	padding: 0;
	width: 35.5em;
}

/*Set up the width for the FastFacts list*/
#FastFacts
{
	margin: 0;
	padding-top: 3.1em;
	padding-bottom: 2em;
	width: 51.6em;
}

/*Set up the width for the FastFacts list*/
#FastFacts ul
{
	margin: 0;
	padding: 0;
	width: 51.6em;
}

/*Styles for the table used to setup the related items links*/
#RelatedItems ul
{
	padding: 0;
	margin-top: 0.7em;
	margin-bottom: 3.1em;
	margin-left: 0;
	margin-right: 0;
	width: 13.2em;
}

/*Set up the style for the RelatedItems, FastFacts & News sections*/
#RelatedItems ul li, #FastFacts ul li, #News ul li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/*The look for the alternate related items section*/
#RelatedItems ul li.alt, #FastFacts ul li.alt, #News li.alt
{
	background-color: #E3EAEA;
	padding: 0;
	margin: 0;
}

/*Styling the related items, fastfacts and news links*/
#RelatedItems ul li a, #FastFacts ul li a, #News ul li a
{
	_height: 1em;
	display: block;
	margin: 0;
	padding-left: 3.7em;
	padding-right: 1.4em;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}

/*Styling for the RelatedItems, FastFacts and News hover states*/
#RelatedItems ul li a:hover, #FastFacts ul li a:hover, #News ul li a:hover
{
	display: block;
	background-color: #C1CFCF;
	color: #333333;
	text-decoration: underline;
}

/*Styling for the pdf icon documents*/
#RelatedItems ul li a.PDF, #FastFacts ul li a.PDF, #News ul li a.PDF
{
	background-image: url(/images/icon_pdf.gif);
	background-repeat: no-repeat;
}

/*Styling for the document icon*/
#RelatedItems ul li a.Other, #FastFacts ul li a.Other, #News ul li a.Other
{
	background-image: url(/images/icon_doc.gif);
	background-repeat: no-repeat;
}

/*Default style for textual sections of the left hand bar*/
#LeftSection
{

	padding-top: 0.8em;
	padding-bottom: 0;
	padding-left: 1.5em;
	padding-right: 0;
	margin-bottom: 3.1em;
	margin-top: 0;
	width: 11.7em;
}

/*Remove top margin for p tag on the left had page section*/
#LeftSection p
{
	margin-top: 0;
}

/*Default style for links within the left hand section of page*/
#LeftBox a.green
{
	text-decoration: none;
	color: #007CA2;
}

/*Default hover state for left hand navigation section*/
#LeftBox a:hover.green
{
	text-decoration: underline;
}

/*Default state for bold elements within left hand navigation*/
#LeftBox strong
{
	color: #007CA2;
}

/*sets padding and margin values for the search form*/
#LeftBox form
{
	padding-top: 0.7em;
	margin: 0;
}

/*default style for search box*/
#LeftBox input.searchField, #Search input.searchField
{
	width: 8.2em;
	height: 1.2em;
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

/*This contains the styling for the main content section of the page*/
#MainBox
{
	margin: 0;
	float: left;
	width: 57.2em;
	padding-top: 1.6em;
	padding-left: 1.8em;
	padding-right: 1.8em;
	background-color: #FFFFFF;
}

/*more padding for pages with no crumbtrail*/
#MainBox.home
{
	padding-top: 1.8em;
}

/*Sets style to be used for pages with no left hand section*/
#MainBoxLarge
{
	margin: 0;
	width: 74em;
	padding-top: 1.9em;
	padding-left: 1.8em;
	padding-right: 1.8em;
	background-color: #FFFFFF;
}

/*Div tag for the title of the page*/
#MainBoxLargeTitleLeft
{
	padding-top: 0.3em;
	width: 22.7em;
	float: left;
}

/*Div tag for right hand textual elements*/
#MainBoxLargeTitleRight
{
	width: 51.2em;
	padding-bottom: 0.3em;
	float: left;
	text-align: right;
}

/*Styling for the p tag within the Right hand title*/
#MainBoxLargeTitleRight p
{
	padding: 0;
	margin: 0;
}

/*Div for the main content of the page. Only used on pages with no leftNav*/
#MainBoxLargeContent
{
	background-image: url(/images/dashed_border.gif);
	background-repeat: repeat-x;
	padding-top: 0.6em;
	padding-bottom: 1.8em;
	clear: both;
	width: 74em;
}

/*The Crumb trail is the item that sits along the top of the page informing the 
user of their current location*/
#CrumbTrail
{
	margin: 0;
	float: left;
	width: 49.9em;
	padding-top: 0;
	padding-bottom: 0.3em;
}

/*List style for the crumb trail*/
#CrumbTrail ul
{
	margin: 0;
	padding-left: 1.6em;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*Item style for the crumbtrail*/
#CrumbTrail ul li
{
	margin: 0;
	display: inline;
	padding-right: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}

/*set colour and decoration for crumbtrail*/
#CrumbTrail ul li a
{
	padding: 0;
	margin: 0;
	_height: 1em;
	text-decoration: none;
	color: #666666;
}

/*hover state for the crumbtrail*/
#CrumbTrail ul li a:hover
{
	color: #007CA2;
	text-decoration: underline;
}

/*active state for the crumbtrail*/
#CrumbTrail ul li a.active:hover
{
	color: #007CA2;
	text-decoration: underline;
}

/*active state for current page*/
#CrumbTrail ul li a.active
{
	text-decoration: none;
	font-weight: bold;
	color: #52A4B9;
}

/*Small div tag for print button on right of page*/
#PrintButton
{
	margin: 0;
	padding-top: 0.2em;
	padding-bottom: 0em;
	padding-left: 1.5em;
	width: 5.7em;
	float:left;
}

/* Print version logo hidden in screen view page */
#printLogo {
	display: none;
}

/*sets up padding and top dashed line for content section*/
#Content
{
	clear: both;
	padding-top: 1.9em;
	padding-left: 1.6em;
	padding-right: 5.7em;
	background-image: url(/images/dashed_border.gif);
	background-repeat: repeat-x;
	margin: 0;
	width: 49.9em;
}

/*setup style for page content*/
#Content h2
{
	padding-top: 1.5em;
	padding-bottom: 0.3em;
}

/*formatting for the paragraph tag within the content div*/
#Content p
{
	margin: 0;
	font-size: 1.1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/*Default style for links within the left hand section of page*/
#Content a 
{
	color: #007CA2;
}

#MainBoxLargeTitleRight a
{
	color: #52A4B9;
}

/*bold styling for content div*/
#Content a strong
{
	text-decoration: underline;
}

/*Default hover state for left hand navigation section*/
#Content a:hover
{
	text-decoration: underline;
}

 #MainBoxLargeTitleRight a:hover
{
	text-decoration: underline;
	color: #007CA2;
}
/*Default state for bold elements within left hand navigation*/
#Content strong
{
	color: #007CA2;
}

/*Generic section, sticks a buffer around whatever it encapsulates.*/
#Section
{
	padding-top: 1.9em;
}
 
/*The footer box contains the copyright information for the page*/
#FooterBox
{
	background-image: url(/images/bottom_background.gif);
	background-repeat: repeat-x;
	clear: both;
	float: left;
	width: 22em;
	margin-left: 1em;
	padding-top: 1.3em;
	padding-left: 1.8em;
	background-color: #F2F1EF;
}

/*reposition footer for IE 5 + 6 */
* html #FooterBox
{
	padding-left: 0;
	margin-left: 1.4em;
}

/*removes any padding or margins used within the p tag*/
#FooterBox p
{
	padding: 0;
	margin: 0;
}

/*The UtilNav sits at the bottom of the page and contains
utilities such as the site map. The following are used to
style this list*/
#UtilNav
{
	margin: 0;
	padding-top: 1.3em;
	padding-right: 1.8em;
	margin-right: 1em;
	background-image: url(/images/bottom_background.gif);
	background-repeat: repeat-x;
	float: right;

	
}

/*styling for the UtilNav list*/
#UtilNav ul
{
	margin: 0;
	padding-left: 1em;
	padding-bottom: 2em;
}

/*Specific list item style, removes any point and
makes sure list is displayed horizontally*/
#UtilNav ul li
{
	display: inline;
	list-style-type: none;
	color: #439FB1;
}

/*styling for the link state of the utilNav*/
#UtilNav ul li a, #FooterBox a
{
	font-size: 0.9em;
	color: #999999;
	_height: 1em;
}

/*UtilNav hover state*/
#UtilNav ul li a:hover, #FooterBox a:hover
{
	text-decoration: underline;
	color: #666666;
}

/*Search box styling*/
#Search
{
	float: left;
	margin-left: 2.9em;
	margin-top: 0.7em;
	width: 18.8em;
	height: 5.4em;
	background-image:url(/images/search_home_background.jpg);
}

#SearchBox
{
	margin-top: 0.7em;
	width: 13.2em;
	height: 7.2em;
	background-image:url(/images/search_main_background.jpg);
}

#SearchTextMain
{
	position: relative; 
	left: 16px; 
	top: 38px;
}

#SearchButMain
{
	position: relative; 
	left: 13px; 
	top: 40px;
}

/*reposition footer for IE 5 + 6 */
* html #SearchButMain
{
	position: relative; 
	left: 13px; 
	top: 42px;
}

#SearchTextHome
{
	position: relative; 
	left: 62px; 
	top: 28px;
}

#SearchButHome
{
	position: relative; 
	left: 59px; 
	top: 30px;
}

/*reposition footer for IE 5 + 6 */
* html #SearchButHome
{
	position: relative; 
	left: 59px; 
	top: 32px;
}

.dropDownTopStyle
{
	padding-left: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	font-size: 1em;
}

.dropDownListStyle
{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #DDDDDD; 
	padding-left: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	font-size: 1em;
}
/* Solutions Selector HTML version */
TABLE#solutionsSelector TD.selTxt {
	padding-top:2.4em;
	padding-bottom:2.4em;
	padding-left:1.6em;
	padding-right:1.6em;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	line-height: 1.4em;
}
TABLE#solutionsSelector TD.selTxt P {
	margin-top:0px;
}
UL.solutionsSelectorLinks {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
UL.solutionsSelectorLinks LI A {
	color:#007CA2;
}
UL.solutionsSelectorLinks LI A:hover {
	text-decoration:underline;
}
.ContainerPageError {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	background-color: #FFFFFF;
	padding: 10px 15px 20px 23px;
}