/* ********************************* 0.Page Element - NAVIGATION - Section ************************************ */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#sectionNav {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	float: left;
	width: 198px;
	z-index: 0;
	text-align: left;
}


#sectionNav .lastSectionNav a
{
border: none;
}


/* remove all the bullets, borders and padding from the default list styling */
#sectionNav ul {
	padding:0px;
	margin: 0px;
	margin-bottom: 10px;
	list-style-type:none;
	list-style-image: none;
	width: 190px;
	text-align: left;

}

#sectionNav li {
	text-align: left;
	margin: 0px;
	padding: 0px;
	display:block;
	width: 194px;
	}

/* style the links for the top level */
#sectionNav a, #sectionNav a:visited {
height: 1.5em;
font-size: 90%;
width: 183px;
color: #444;
padding: 3px;
text-align: left;
display: block;
margin: 0px;
line-height: 1.5em;
font-weight: normal;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 13px;
border-bottom: 1px solid #bbb;
}


/*******************************************************************************************************/
/*			2ND LEVEL					*/
/********************************************************************************************************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
#sectionNav ul ul {
	visibility:visible;
	width: 190px;
	text-align: left;
	z-index: 5;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-image: none;


}




#sectionNav ul ul li {
padding: 0px;
margin: 0px;
	list-style-type:none;
	list-style-image: none;
}



/* style the second level background a tags*/
#sectionNav ul ul a, #sectionNav ul ul a:visited {
	font-size: 85%;
	display:block;
	text-decoration:none;
	color:#555;
	height:auto;
	line-height:18px;
	padding:0px;
	padding-top: 6px;
	padding-bottom: 6px;
	width:169px;
	padding-left: 30px;
	text-align: left;
	margin: 0px;
	border-bottom: 1px solid #A9AAAE;
background-color: #eee !important;
}

#sectionNav ul ul a.TierTwoUnderSubNav {
	border-top: 1px solid #A9AAAE;
}

#sectionNav ul ul a.TierTwoOver {
	text-decoration: none;
	color: #000;
	border-bottom: none;

}

#sectionNav ul ul a:hover
{
background-color: #ddd !important;
color: #444 !important;
}

/********************************************************************************************************/
/*		2ND LEVEL	- END					*/
/********************************************************************************************************/






/********************************************************************************************************/
/*			THIRD LEVEL					*/
/********************************************************************************************************/
/* position the third level flyout menu */
#sectionNav ul ul ul{
	width:199px;
	z-index: 10;
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
margin-top: px;
margin-bottom: 0px;
padding-bottom: 0px;
background: none;
}

#sectionNav ul ul ul li {
	padding: 0px;
	margin: 0px;
}

/* position the third level flyout menu for a left flyout */
#sectionNav ul ul ul.left {
	left:-150px;
}

/* style the third level */
#sectionNav ul ul ul a, #sectionNav ul ul ul a:visited {
	font-size: 90%;
	display:block;
	text-decoration:none;
	color:#333;
	text-align: left;
	padding: 0px;
	padding-left: 10px;
	border: none;
	width:172px;
	}

#sectionNav ul ul ul a.TierThreeOver {
	text-decoration: none;
	color: #258cad;
}














/***************************************************************************/
/***********************	IMPORTANT IMPORTANT	  **********************/
/***************************************************************************/						
/* THERE MUST BE A BACKGROUND COLOUR VALUE FOR THESE TO WORK IN Internet Explorer 6 /
/*
/* Make sure you match these colours with the a:hover styles above
/*
/***************************************************************************/
/* style the top level hover */
#sectionNav a:hover {
	color: #000;
	text-decoration:none;
	background-color: #eeeeee; /* You have to have this even if it is the same colour as the normal status */
}



#sectionNav :hover > a {
	color: #000;
	
	text-decoration:none;
}

#sectionNav ul ul :hover > a {
	color:#000;
	background-color: #ddd !important;
	text-decoration:none;
}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the second level hover */
#sectionNav ul ul a.drop:hover{
text-decoration:none;
	color: #258cad;
background: none;
}

#sectionNav ul ul :hover > a.drop {
text-decoration:none;
	color: #258cad;
	background: none;
}

#sectionNav ul ul a.dropOver{
text-decoration:none;
	color: #258cad;
	background: none;
}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the third level hover */
#sectionNav ul ul ul a:hover {
text-decoration:none;
	color: #258cad;
background: none;
}
/***************************************************************************/







/***************************************************************************/
/*  		DON'T EDIT THESE ONES BELOW 	   */
/***************************************************************************/

/* make the second level visible when hover on first level list OR link */
#sectionNav ul li:hover ul, #sectionNav ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#sectionNav ul :hover ul ul{
visibility:visible; /* default = hidden */
}

/* make the third level visible when you hover over second level list OR link */
#sectionNav ul :hover ul :hover ul{
	visibility:visible;
}


/* style the table so that it takes no part in the layout - required for IE to work */
#sectionNav table {position:absolute; top:0; left:0;}	
/***************************************************************************/
/***************************************************************************/


/* ****************************** 0.Page Element - NAVIGATION - Section  - END ******************************** */


/* ********************************* 000 - BESPOKE MODULE ************************************ */
#supportResultsHoldingBox h4 {
margin-top: 20px;
}


#supportResultsHoldingBox a, #supportResultsHoldingBox a:hover, #supportResultsHoldingBox a:visited {
color: #258cad;
}

/* ****************************** 000 - BESPOKE MODULE  - END ******************************** */


/* ********************************* Clear Horizontal Rule ************************************ */
.clearHorizontalRule {
	color:#FFFFFF;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ****************************** Clear Horizontal Rule  - END ******************************** */


/* ********************************* GOOGLE SEARCH OVERRIDES ************************************ */
#searchFormHolder #searchFormSubmit
{
border: 1px solid #ccc !important;
background-color: #DDD !important;
font-size: 12px !important;
padding: 2px !important;
width: 60px !important;
color: #555 ;!important;
cursor: pointer !important;
}

#searchFormHolder  #q
{
border: 1px solid #CCC !important;
color: #666 !important;
padding-left: 6px !important;
}
/* ****************************** GOOGLE SEARCH OVERRIDES  - END ******************************** */


/* ********************************* jquery CSS - dialog boxes ************************************ */
#dialog_link1:hover, #dialog_link2:hover, #dialog_link3:hover, #dialog_link3:hover, #dialog_link4:hover, #dialog_link5:hover, #dialog_link6:hover, #dialog_link7:hover, #dialog_link8:hover, #dialog_link9:hover, #dialog_link10:hover, #dialog_link11:hover, #dialog_link12:hover, #dialog_link13:hover, #dialog_link14:hover, #dialog_link15:hover, #dialog_link16:hover, #dialog_link17:hover, #dialog_link18:hover, #dialog_link19:hover, #dialog_link20:hover, #dialog_link21:hover, #dialog_link22:hover, #dialog_link23:hover, #dialog_link24:hover, #dialog_link25:hover, #dialog_link26:hover, #dialog_link27:hover  {
cursor:pointer;
color: #003366;
}

.ui-state-active, .ui-widget-content .ui-state-active, ui-state-active a, .ui-state-active a:visited, .ui-state-active a:hover
{
border: none;
}
/* ****************************** jquery CSS - dialog boxes  - END ******************************** */


/* ********************************* Module - Bespoke Content Include ************************************ */
#bespokeContentInclude {
	background-color: #FFCCFF;
	left: 400px;
	top: 400px;
	position: absolute;
	height: 400px;
	width: 300px;
}
/* ****************************** Module - Bespoke Content Include  - END ******************************** */


/* ********************************* Module - Client Partners ************************************ */
.clientsBox {
	height: auto;
	float: left;
	display: inline;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 25px;
	width: 40%;
	}

.clientsImageBox {
	height: auto;
	float: left;
	display: inline;
	width: 40%;
	margin: 0px 10px 10px 0px;
	}
	
.clientsTextBox {
	height: auto;
	float: left;
	display: inline;
	margin: 10px;
	width: 40%;
	}


/* ****************************** Module - Client Partners  - END ******************************** */


/* ********************************* Module - Forum ************************************ */

.forumFrame {
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	float: none;
	height: 900px;
	width: 100%;
	border: none;
background-color: #FFFFFF;
}

/* ****************************** Module - Forum  - END ******************************** */


/* ********************************* Module - Gallery(standard) ************************************ */

/* IMAGE GALLERY - This is the Icon in the overview when the categories are listed **************** */
.GalleryIconBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	}

/* IMAGE GALLERY - This is the Text in the overview when the categories are listed **************** */
.GalleryOverviewBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: right;
	width: 400px;
	}

/* IMAGE GALLERY - This is the Box that holds the individual thumbnail */
.galleryBox {
	margin: 10px;
	padding: 0px;
	float: left;
	display: inline;
	width: 50px;
	border: 1px solid #EEEEEE;
	text-align: left;
}

/*  This is the box that holds all the thumbnails */
.thumbPicBox {
	margin: 5px;
	padding: 5px;
	width: 400px;
	border: 1px solid #00FF00;
	float:left;
}

/*  This is the BIG PIC on the page where the icons and the ibig pic are displayed. */
.mainPicBox {
	margin: 5px;
	padding: 0px;
	float: right;
	display: inline;
	width: 300px;
	text-align: left;
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}




/*  This is the class for the form box which has the ALT text in that is controlled by the JavaScript */
.pictureALT {
	border: 1px solid #EEEEEE;
	width: 290px;
	background-color: #EEEEEE;
	margin: 0px;
	padding: 3px;
	height: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* ****************************** Module - Gallery(standard)  - END ******************************** */


/* ********************************* Module - Links ************************************ */
.linksBox {
	height: auto;
	float: left;
	display: inline;
	margin-top: 25px;
	margin-right: 1%;
	margin-bottom: 25px;
	margin-left: 1%;
	width: 46%;
	/* border: 1px solid #666666; */
	/* background-image: url(../images/BoxBG.jpg); */
	/* background-repeat: repeat-x; */
	font-size: 90%;
	}

.linksBox a, .linksBox a:visited, .linksBox a:hover {
font-size:small;
font-weight: normal;
color: #666666;
}
	
.linksIconBox {
	float: left;
	width: 70px;
	margin: 5px 0px 0px 5px;
}


.linksHeaderBox {
	margin: 15px 4px 0px 10px;
	float: left;
}

.linksHeaderBox h3 {
margin: 0px;
padding: 0px;
line-height: 70px;
}

/* ****************************** Module - Links  - END ******************************** */


/* ********************************* Page Element - Accessibility Bar ************************************ */
#accessibilityBar
{
position: absolute;
top: 12px;
left: 194px;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
}

#accessibilityBar ul
{
margin: 0px;
padding: 0px;
list-style-type:none;
list-style-image: none;
}

#accessibilityBar li
{
float: left;
}

#accessibilityBar a, #accessibilityBar a:visited, #accessibilityBar a:hover
{
margin-left: 3px;
margin-right: 4px;
color: #666666;
font-size: 7pt;
} 

#accessibilityBar span
{
color: #0573BE;
}

/* ****************************** Page Element - Accessibility Bar  - END ******************************** */


/* ********************************* Page Element - Ad Banners ************************************ */
#addBanners {
	width: 180px;
	height: 500px;
	padding:0px;
}

.addBanner {
	width: 125px;
	height: 37px;
	margin: 0px;
	clear: both;
	float: none;
	padding-top: 25px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	text-align: left;
}

#addBanners a:link, #addBanners a:visited, #addBanners a:hover {
	font-size: small;
	text-decoration: none;
	color: #336699;
}
#addBanners a:hover {
	color: #333333;
	text-decoration: none;
}
/* ****************************** Page Element - Ad Banners  - END ******************************** */


/* ********************************* Page Element - Babel Fish ************************************ */
#babelFish {
	margin: 1%;
	padding: 0px;
	width: 98%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
}


/* ****************************** Page Element - Babel Fish  - END ******************************** */


/* ********************************* Page Element - Banner - Ownership ************************************ */
/* OWNERSHIP */
#ownerFooter {
	margin: 1%;
	padding: 0px;
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
}
/* ****************************** END OF OWNERSHIP********************************** */
/* ****************************** Page Element - Banner - Ownership  - END ******************************** */


/* ********************************* Page Element - Branding Bar ************************************ */
#branding {
	width: 100%;
	height: 185px;
	text-align: left;
	position: relative;
background-color: #fff;
	background-image: url(../images/wrapperbg_home.jpg);
	background-repeat: no-repeat;
	background-position: right top;
border-bottom: 1px solid #ccc;

}

#logo {
position: absolute;
top: 20px;
left: 20px;
}


.logoButton {
height: 80px;
width: 70px;
}


#telephone {
	position: absolute;
	top: 11px;
	right: 9px;
	padding: 5px;
	text-align: center;
}

.emailButton {
height: 40px;
width: 175px;
}

/* ****************************** Page Element - Branding Bar  - END ******************************** */


/* ********************************* Page Element - Flash Banner ************************************ */
#flashBanner {
	position: absolute;
	left: 315px;
	top: 8px;
	background-color: #AAAAAA;
	width: 100%;
	height: 60px;
	border: 1px solid #CCCCCC;
}
/* ****************************** Page Element - Flash Banner  - END ******************************** */


/* ********************************* Page Element - Footer ************************************ */
#mainFooter
{
margin: auto;
padding: 5px;
width: 894px;
background-color: #F3F3F5;
padding-bottom: 10px;
text-align: left;
}

#mainFooter
{
background-color: #FFFFFF;
background-image: url(../images/wrapperbg.gif);
background-repeat: repeat-y;
}





* html #mainFooter
{
padding-bottom: 0px;
}

#mainFooter ul {
float: right;
display: inline;
margin: 0px;
padding: 10px;
list-style-type:none;
list-style-image: none;
text-align: left;
padding-top:0px;
}

#mainFooter li {
float: left;
margin: 0px;
padding: 0px;
display: block;
height: 14px;
line-height: 12px;
text-align: left;
margin-top: 22px;	
}

#mainFooter a, #mainFooter a:visited, #mainFooter a:hover {
margin: 0px;
margin-left: 3px;
margin-right: 3px;
color: #666666;
font-size: 7pt;
font-weight: normal;
height: 12px;
line-height: 12px;
text-align: left;
} 

#footerTextAbove {
clear: both;
float: left;
display: inline;
width: 178px;
font-size: 85%;
padding: 3px;
margin: 0px	
}

#footerTextAbove p, #footerTextAbove img { padding: 0px;}





#footerTextBelow {
float: right;
display: inline;
width: 600px;
font-size: 85%;
text-align: right;
}




.footerBreakChar {
color: #666666;
font-size: 7pt;
height: 12px;
line-height: 12px;
}







/* ****************************** Page Element - Footer  - END ******************************** */


/* ********************************* Page Element - Form Elements AND MODULE ************************************ */
#formsModule {
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 20px;
padding-top: 20px;
}

form {
margin-bottom: 0px;
}

.formZero {
	line-height: 85%;
	margin: 0px;
	padding: 0px;
}

.formMini {
	margin: 0px;
	padding: 0px;
	float:left;
}

.formGap {
margin: 20px 0px 0px;
}


	
	
.formLabel, .formLabelSmall, .formLabelLong {
	font-size: small;
	padding: 3px;
	text-align: right;
	width: 110px;
	height: 17px;
	line-height: 17px;
	clear:both;
	float: left;
	color: #666;
}

.formLabelSmall {
	width: 70px;
}
.formLabelLong {
	width: 160px;
}


.formbox {
	float: left;
}

#formsModule .formbox {
clear: both;
	float: none;
}


.formField, .calendar {
	font-size: small;
	padding: 5px;
	background-color: #fff;
	color: #666;
	border: 1px solid #ccc;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.formFieldCompulsory {
color: #990000;
font-family: Arial, Helvetica, sans-serif;
}


.submitButton, .formSubmitButton {
float: right;
margin-right: 20px;
}



#ParadigmPeopleEmailOptOutHoldingDiv
{
width: 420px;
padding-bottom: 75px;
}

#ParadigmPeopleEmailOptOut .submitButton
{
border: 1px solid #CCC !important;
background-color: #DDD !important;
font-size: 12px !important;
padding: 2px !important;
width: 60px !important;
color: #555;
cursor: pointer !important;
}
/* ****************************** Page Element - Form Elements AND MODULE  - END ******************************** */


/* ********************************* Page Element - Graphic Banner ************************************ */
#graphicBanner {
	background-color: #CCCCCC;
	width: 600px;
	height: 100px;
}

/* ****************************** Page Element - Graphic Banner  - END ******************************** */


/* ********************************* Page Element - Login Box ************************************ */
#loginBox {
	width: 50%;
	padding: 2%;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 3px ridge #666666;
	border-bottom: 3px groove #666666;
	border-left: 1px solid #000000;
	line-height: normal;
	margin-left: 15%;
	}

/* ****************************** Page Element - Login Box  - END ******************************** */


/* ********************************* Page Element - MAIN PAGE CONTENT ************************************ */
#mainPageContent {
	float: right;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 705px;
}

#mainPageContent ul
{
margin-left: 30px;
}

#mainPageContent ul li
{
margin-bottom: 4px;
}
/* ****************************** Page Element - MAIN PAGE CONTENT  - END ******************************** */


/* ********************************* Page Element - Marquee Banner ************************************ */
#marqueeBanner{
	margin: 0px;
	padding: 8px 2px 0px;
	width: 276px;
	float: left;
	background-image: url(../images/section-nav-bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FFFFFF;
	height: 28px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

/* ****************************** Page Element - Marquee Banner  - END ******************************** */


/* ********************************* Page Element - NAVIGATION - Breadcrumbs ************************************ */
/* BREADCRUMBS */
#breadcrumbs {
	position: absolute;
	top: 161px;
	left: 10px;
	text-align: left;
	padding: 2px;
	width: 600px;
	font-size:9pt;
	font-weight: normal;
	height: 16px;
}

#breadcrumbs a, #breadcrumbs a:hover, #breadcrumbs a:visited {
color: #258cad;
}

/* *************************************************************************** */
/* ****************************** Page Element - NAVIGATION - Breadcrumbs  - END ******************************** */


/* ********************************* Page Element - NAVIGATION - Main ************************************ */
#navigation {
	position: absolute;
	top: 89px;
	left: 0px;
	padding: 0px;
	height: 58px;
	width:906px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	z-index: 500;
overflow: hidden;
}

/* hack for IE5.5/6 */
* html #navigation {


}
/* ****************************** END OF NAVIGATION ********************************** */







/* ================================================================ 
/* ================================================================ 
	SITE MENU - I.E. THE NAVIGATION OF THE CONSUMER SITE
/* ================================================================ 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menucontainer{
	
}

.menu {
	position:relative;
	padding:0em;
	margin:0em;
	float:left;
	display:inline;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0em;
	margin:0em;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	display: inline;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: auto;
	margin-right: 2px;
	}


/* style the links for the top level */
* html .menu a, * html .menu a:visited {
	display:block;
	font-size:100%;
	text-decoration:none;
	color:#FFFFFF;
	height: 57px;
	line-height: 81px;
	text-align: center;
	margin: 0em;
}

.menu a, .menu a:visited
{
display:block;
	font-size:100%;
	text-decoration:none;
	color:#FFFFFF;
	height: 57px;
	line-height: 81px;
	text-align: center;
	margin: 0em;

}




#Tier11 {
	height: 57px;
	line-height: 75px;
	width: 73px;
}

#Tier11 a.dropOver, #Tier11 a.Over {
	background-image: url(../images/Tier1BG1_o.gif);
	background-repeat: no-repeat;
	background-position: right top;
}



#Tier12, #Tier13, #Tier14, #Tier16, #Tier17, #Tier18 {
	height: 57px;
	line-height: 75px;
	width: 124px;
}

#Tier15{
	height: 57px;
	line-height: 75px;
	width: 73px;
}

#Tier12 a.dropOver, #Tier12 a.Over {
	background-image: url(../images/Tier1BG2_o.gif);
	background-repeat: no-repeat;
	background-position: right top;
}



#Tier13 a.dropOver, #Tier13 a.Over {
	background-image: url(../images/Tier1BG3_o.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


#Tier14 a.dropOver, #Tier14 a.Over {
	background-image: url(../images/Tier1BG4_o.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#Tier15 a.dropOver, #Tier15 a.Over {
	background-image: url(../images/Tier1BG5_o.gif);
	background-repeat: no-repeat;
	background-position: right top;

}
#Tier16 a.dropOver, #Tier16 a.Over {
	background-image: url(../images/Tier1BG6_o.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#Tier17 a.dropOver, #Tier17 a.Over {
	background-image: url(../images/Tier1BG7_o.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


#Tier18 a.dropOver, #Tier18 a.Over {
	background-image: url(../images/Tier1BG8_o.gif);
	background-repeat: no-repeat;
	background-position: right top;
}







/********************************************************************************************************/
/*		2ND LEVEL					*/
/********************************************************************************************************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	background-color:#F6F6F6;
	visibility:hidden;
	position:absolute;
	top:2em;
	left:0;
	width:16.3em;
	text-align: left;
	border: 1px solid #003366;
	z-index: 500;
	height:auto;
}

/* position the 2nd level flyout menu for a left flyout */
.menu ul ul.left {
left:-90px;
z-index: 10;
}


/* another hack for IE5.5 */
* html .menu ul ul {
top:20px;
top:20px;
border: 1px solid #003366;
}

.menu ul ul li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0em;
	padding: 0em;
	height:auto;
}




/***************************************************************************/
/* This filters down the levels too
/***************************************************************************/
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited, .menu ul ul a.drop, .menu ul ul a.drop:visited {
	display:block;
	text-decoration:none;
	color:#000000;
	width:18.6em;
	height: 1.5em;
	line-height: 1.5em;
	background:none;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 0em;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
* html .menu ul ul a{
width:170px;
width:170px;
}

/* style the second level background a tags*/
.menu ul ul a.drop, .menu ul ul a.drop:visited {

}

.menu ul ul a:hover{
	text-decoration:none;
	color:#000000;
	background:#FFEEC2;
}

/********************************************************************************************************/
/*					2ND LEVEL	- END		*/
/********************************************************************************************************/






/********************************************************************************************************/
/*			THIRD LEVEL					*/
/********************************************************************************************************/
/* position the third level flyout menu */
.menu ul ul ul{
	left:16.2em;
	background-color:#CCCCCC;
	top:0;
	width:17em;
	border: 1px solid #003366;
	z-index: 10;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the third level */
.menu ul ul ul a, .menu ul ul ul a:visited {
	display:block;
	text-decoration:none;
	color:#333333;
	width:19.5em;
	text-align: left;
	background-color:#CCCCCC;
	background-image: none;
	z-index: 10;
	}
















/***************************************************************************/
/****************************	IMPORTANT IMPORTANT	  **********************/
/***************************************************************************/						
/* THERE MUST BE A BACKGROUND COLOUR VALUE FOR THESE TO WORK IN Internet Explorer 6 /
/*
/* Make sure you match these colours with the a:hover styles above
/*
/***************************************************************************/
/* style the top level hover */
.menu a:hover {
	color:#000000;
	text-decoration:none;
	background-color:none; /* You have to have this even if it is the same colour as the normal status */
}



.menu :hover > a {
	color:#000000;
	background-color:none; /* This must be the same as .menu a:hover { */
	text-decoration:none;
}

.menu ul ul :hover > a {
	color:#000000;
	background-color:none;
	text-decoration:none;
}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the second level hover */
.menu ul ul a.drop:hover{
text-decoration:none;
color:#000000;
background-color:none;
}

.menu ul ul :hover > a.drop {
text-decoration:none;
	color:#000000;
	background-color:none;
}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the third level hover */
.menu ul ul ul a:hover {
text-decoration:none;
color:#000000;
background-color:none;
}
/***************************************************************************/







/***************************************************************************/
/*  	DON'T EDIT THESE ONES BELOW 	   */
/***************************************************************************/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
visibility:hidden; /* default is visible */
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	visibility:hidden; /* default is visible */
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}	
/***************************************************************************/
/***************************************************************************/

/* ****************************** Page Element - NAVIGATION - Main  - END ******************************** */


/* ********************************* Page Element - Page Images ************************************ */
#pageImages {
	float: right;
	width: 154px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	overflow: auto;
}

.pageImagesEach {
	width: 150px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	border: 1px solid #333333;
}

.captionText {
	width: 150px;
	font-size: 80%;
	line-height: 90%;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 3px;
	color: #003366;
}

/* ****************************** Page Element - Page Images  - END ******************************** */


/* ********************************* Page Element - Page Links ************************************ */
/* PAGE LINKS */
#pageLinks {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	font-weight: normal;
	border:#CCCCCC solid 1px;
	float: none;
	clear:both;
}

#pageLinks h3 {
	margin-top: 0px;
	height: 2.5em;
	padding-left: 10px;
	padding-top: 7px;
	color: #FFFFFF;
	background-image: url(../images/main-nav-background1.jpg);
	background-repeat: repeat-x;
}


#pageLinks ul {
	position: relative;
	padding:0;
	margin:0;
	list-style-type:none;
	width: 100%;
}

#pageLinks a, #pageLinks a:visited {
	font-size:x-small;
	height:2em;
	width: 197px;
	color:#000000;
	padding:2px 0px 2px 5px;
	text-align: left;
	display: block;
	margin: 0px;
	line-height:2em;
	border: 1px solid #FFFFFF;
	background-color: #F0F1F8;
	background-image: none;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#pageLinks a:hover {
	font-size:x-small;
	text-decoration: none;
	background-color: #FFEEC2;
}
/* ****************************** END OF PAGE LINKS ********************************** */
/* ****************************** Page Element - Page Links  - END ******************************** */


/* ********************************* Page Element - Page Text ************************************ */
#pageText
{
padding-left: 10px;
padding-right: 10px;
}
/* ****************************** Page Element - Page Text  - END ******************************** */


/* ********************************* Page Element - Password Protected Page Login ************************************ */
/* UNIQUELY PASSWORD PROTECTED PAGES */
#uniqueProtected {
	background-image: url(../images/PasswordProtected.gif);
	background-repeat: no-repeat;
	height: 180px;
	color: #333333;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	padding-top: 100px;
	width: 460px;
	}

#uniqueProtected .formField {

}
/* *************************************************************************** */
/* ****************************** Page Element - Password Protected Page Login  - END ******************************** */


/* ********************************* Page Element - Search ************************************ */
#search {
position: absolute;
top: 152px;
right: 0px;
	margin: 0px;
	padding: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	line-height: 20px;
	height: 20px;
}

#search #sa
{
background-color: #00a0c8;
color: #fff;
border: 1px solid #00a0c8;;
	height: 22px;

}

#search #sa:hover
{
background-color: #fff;
color: #00a0c8;
}

#search label {
color: #fff;
	line-height: 25px;
	height: 25px;
padding-right: 10px;

}

#search h3 {
	margin-top: 0px;
	height: 25px;
	padding-left: 10px;
	padding-top: 3px;
	color: #666666;
	font-size: 90%;


}


#search ul {
	position: relative;
	padding-top: 5px;
	margin:0;
	list-style-type:none;
	width: 100%;

}


.searchTerm, .searchTermDrop {
	color:#666666;
	width: 119px;
	height: 13px;
	line-height:11px;
	margin-bottom: 3px;
	font-size: 7pt;
	margin-right: 2px;
	margin-left: 2px;
	border: 1px solid #aaa;
}


.searchTermDrop {
	color:#999;
	height: 19px;
	line-height: 17px;
	width: 122px;
	margin-right: 0px;
	margin-left: 1px;	
}

.searchButton {
	float: right;
	display: inline;
	font-size:9px;
	border: 1px solid #aaa;
	background-color: #ddd;
	color: #666;
	margin-right: 4px;
	}


.searchResultBox {
margin: -1px 2px 2px;
padding: 10px 3px 2px 14px;
width: 650px;
background-color: #FEFEFE;
font-weight: normal;
font-size: 85%;
border: 1px solid #999999;
}

a.searchResultLink:link, a.searchResultLink:visited, a.searchResultLink:hover {
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}
a.searchResultLink:hover {
	text-decoration: underline;
}


/* ****************************** Page Element - Search  - END ******************************** */


/* ********************************* Page Element - Style Management ************************************ */
#styleManagement {
	margin: 0px;
	margin-bottom: 1px;
	padding: 0px;
	font-weight: normal;
	border:#999999 solid 1px;
	float: none;
	clear:both;
	height: 24px;
	padding-top: 5px;
	background-color: #EEEEEE;
}

#styleManagement h3 {
	margin-top: 0px;
	padding-left: 10px;
	padding-top: 3px;
	color: #666666;
	font-size: 90%;
	float: left;
}


#styleManagement ul {
	position: relative;
	padding:0;
	margin:0;
	list-style-type:none;
	width: 100%;
}

#styleManagement a, #styleManagement a:visited {
	font-size:x-small;
	height:2em;
	width: 171px;
	color:#000000;
	padding:2px 0px 2px 5px;
	text-align: left;
	display: block;
	margin: 0px;
	border: 1px solid #FFFFFF;
	background-color: #F0F1F8;
	background-image: none;
	font-weight: bold;
	}

#styleManagement a:hover {
	font-size:x-small;
	text-decoration: none;
	background-color: #FFEEC2;
}

#styleManagement .formField, #pageZoneBox .formField {
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #003366;
	font-weight: normal;
	color: #003366;
	font-size: 90%;
	margin-left: 19px;
	margin-top: 1px;
	width: 106px;
	height: 1.7em;
	}

/* ****************************** Page Element - Style Management  - END ******************************** */


/* ********************************* Page Element - Text Size Management ************************************ */
#textSizeManagement {
	margin: 0px;
	margin-bottom: 1px;
	padding: 0px;
	font-weight: normal;
	border:#999999 solid 1px;
	float: none;
	clear:both;
	background-color: #EEEEEE;
	padding-top: 5px;
height: 24px
}

#textSizeManagement h3 {
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-top: 3px;
	color: #666666;
	font-size: 90%;
	float: left;
}

#textSizeManagement .formButton, #textSizeManagement .resetButton {
	font-size: 100%;
	color: #003366;
	padding: 0px;
	background-color: #FFFFFF;
	float: left;
	display: inline;
	width:15px;
	height:15px;
	line-height:12px;
	margin-left:4px;
	margin-right:2px;
	margin-top: 2px;
	font-weight: bold;
	border: none;

}

#textSizeManagement .resetButton {
	font-size: 100%;
	width: 5em;
	margin-left:4px;
	margin-right:2px;
	font-weight: normal;
}
/* ****************************** Page Element - Text Size Management  - END ******************************** */


/* ********************************* Page Structure - Page Middle ************************************ */
/* PAGE MIDDLE *************************************************************************** */
#pageMiddle {
	width: 740px;
	padding-left: 15px;
	padding-right: 10px;
	float:left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	min-height: 200px;
	background-color: #FFFFFF;
}

/* hack for IE5.5/6 */
* html #pageMiddle {
	margin-left:30px;
}
/* ****************************** Page Structure - Page Middle  - END ******************************** */


/* ********************************* Page Structure - Page Right ************************************ */
#pageRight {
	float: right;
	margin: 0px;
	width: 200px;
	text-align:left;

}


#pageRight h2 {
	color:#FFFFFF;
	margin-bottom:1em;
	margin-left:0.2em;
	font-size:small;
	margin-top: 0px;
}


* html #pageRight
{
width: 192px;
}
/* ****************************** Page Structure - Page Right  - END ******************************** */


/* ********************************* Red ************************************ */
.red {
	color: #990000;
}
/* ****************************** Red  - END ******************************** */


/* ********************************* Special Latest News ************************************ */
#specialLatestNews {
position: absolute;
top: 160px;
left: 19px;
font-weight: bold;
z-index: 30000;}
/* ****************************** Special Latest News  - END ******************************** */


/* ********************************* Standard Button Container Box ************************************ */

/* *************************************************************************** */
.buttonContainerBox {
	margin: 0px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	width: 75px;
}

a.miniButton:link, a.miniButton:visited, a.miniButton:hover {
	background-color: #CCCCCC;
	display: block;
	font-size: xx-small;
	text-decoration: none;
	color: #000000;
	border: 1px solid #999999;
	text-align: center;
	padding: 0px;
	height: auto;
	margin-top: -1px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: -1px;
	width: 100%;
}
a.miniButton:hover {
	background-color: #EEEEEE;
}

/* ****************************** Standard Button Container Box  - END ******************************** */


/* ********************************* Standard CSS Tags - Body ************************************ */
body {
 font-size: 0.8em;
 font-family: Arial, Helvetica, Verdana, sans-serif, "Lucida Grande","Lucida Sans Unicode";
color: #555;
margin: 0px;
position:relative;
line-height: 1.3em;

}
/* ****************************** Standard CSS Tags - Body  - END ******************************** */


/* ********************************* Standard CSS Tags - Header Tags ************************************ */
h1, h2, h3, h4, h5, h6{
	margin: 0px;
 	padding: 0px;
 	line-height: 1.2em; 
 	clear: both;
}
 
h1 {
 	margin-top: 21px;
 	margin-bottom: 12px;
	font-size:200%;
	color: #258cad;
margin-left: 0px;
}
	
h2 {
	font-size: 160%;
	color:  #258cad;
	margin-bottom: 10px;
}

h3 {
	font-size: 140%;
	color: #258cad;
	}
	
h4 {
	font-size: 130%;
	color: #258cad;
	}

 
p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 1em;
}

/* ****************************** Standard CSS Tags - Header Tags  - END ******************************** */


/* ********************************* Standard CSS Tags - img ************************************ */
img {
	border:none;
	}


/* ****************************** Standard CSS Tags - img  - END ******************************** */


/* ********************************* Standard CSS Tags - tables ************************************ */
table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
color: #666;
font-size: 80%
clear both;
margin-bottom: 10px;
}

table h4 {
margin: 0px;
padding: 0px;
color: #FFFFFF;
}


th {
background-color: #D8EBF9;
color: #2779B8;
padding: 5px;
}



td, th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}


.clearTable {
border: none;
background-color: none;
font-size: 100%;
}

.noBorders
{
border:none;
}

.clearTable td, .clearTable th {
border: none;
background-color: none;
font-size: 100%;
color: #666;
margin: 0px;
padding: 0px;
}



/* ****************************** Standard CSS Tags - tables  - END ******************************** */


/* ********************************* Standard CSS Tags - UL and LI ************************************ */
ul, li {
margin: 0px;
padding: 0px;

margin-left: 14px;
}

ul {
margin-bottom: 2em;
}

li {
margin-bottom: 0.2em;
}
/* ****************************** Standard CSS Tags - UL and LI  - END ******************************** */


/* ********************************* STANDARD CSS THAT RARELY CHANGES ************************************ */
.clear {
	line-height: 0px;
	clear: both;
	float: none;
	width: 0px;
	padding: 0px;
margin: 0px;
}

.clearHorizontalRule {
	color:#FFFFFF;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

hr {
border-top: none;
}
/* ****************************** STANDARD CSS THAT RARELY CHANGES  - END ******************************** */


/* ********************************* Standard Generic Box ************************************ */
.genericBox {
	margin: 2%;
	padding: 2%;
	height: auto;
	float: left;
	display: inline;
	}

.genericBoxB {
	margin: 1%;
	width:44%;
	padding: 2%;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #333333;
}

.genericBoxTight {
	margin: 1%;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #333333;
}
/* ****************************** Standard Generic Box  - END ******************************** */


/* ********************************* Standard I-Frame ************************************ */
.standardIframe {
	margin: 0px;
	padding: 0px;
	height: 700px;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}
/* ****************************** Standard I-Frame  - END ******************************** */


/* ********************************* Standard Links ************************************ */
/* Standard Links styles for in the text */
a, a:visited {
	text-decoration:none;
	color: #0573BE;
	font-weight: normal;
	font-size: 100%;
outline: none;
	}

a:hover {text-decoration: underline;}
/* ****************************** Standard Links  - END ******************************** */


/* ********************************* Standard Tabs ************************************ */

/* TABS */
.tabBG {
	background-image: url(../images/tab-bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	float: left;
	padding: 5px 0px 0px;
	font-weight: bold;
}

.tabEndLeft, .tabEndright {
	height: 25px;
	float: left;
}

.tabEndLeft {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	float: left;
}
/* ****************************** Standard Tabs  - END ******************************** */


/* ********************************* Tabular DataData Box ************************************ */
/* THESE ONES DON'T HAVE ANY SET WIDTH */
.tabularDataBoxB {
	margin: -1px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #999999;
	background-color: #EEEEEE;
}

.tabularHeaderBoxB {
	margin: -1px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #999999;
	background-color: #555555;
	color: #FFFFFF;
}


.tabularHeaderBox, .tabularHeaderBox200 .tabularHeaderBox50 {
	margin: -1px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #999999;
	width: 100px;
	background-color: #555555;
	color: #FFFFFF;
}

.tabularHeaderBox200 {
	width: 200px;
}

.tabularHeaderBox200 {
	width: 50px;
}
/* ****************************** Tabular DataData Box  - END ******************************** */


/* ********************************* traffic lights ************************************ */
.trafficLightRed, .trafficLightAmber, .trafficLightGreen {
font-family:Wingdings;
color: #FF0000;
font-size: 20pt;
}

.trafficLightAmber {
	color: #FF9900;
}

.trafficLightGreen {
	color: #00CC33;
}

.performanceDots {
font-size: 20pt;
font-family:Wingdings;
text-align: center;
}
/* ****************************** traffic lights  - END ******************************** */


/* ********************************* Wrapper and outerWrapper ************************************ */
#outerWrapper
{
margin: auto;
padding: 0px;
padding-top: 15px;
background-color: #fff;
	width: 904px;
}

#wrapper {
	position:relative;
	margin: auto;
	padding: 0px;
	width: 904px;
	background-color: #FFFFFF;
	background-image: url(../images/wrapperbg.gif);
	background-repeat: repeat-y;
}

/* ****************************** Wrapper and outerWrapper  - END ******************************** */


/* ********************************* Zones - Front Menu ************************************ */
/* ZONES MANAGEMENT - ON FRONT MENU */

#frontMenuZone {
	width:700px;
	background-color: #003366;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	height:350px;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}

#frontMenuZone ul {
	list-style-image: none;
	list-style-type: none;
	width: 600px;
	margin: 130px 0px 0px;
}

#frontMenuZone li {
	float: left;
	padding: 0px;
	margin: 5px 10px;
	list-style-image: none;
	list-style-type: none;
	width: 250px;
	
}

#frontMenuZone a, #frontMenuZone a:visited {
	float: left;
	/* filter:alpha(opacity=80); */
	/* -moz-opacity:0.8; */
	/* -khtml-opacity: 0.8; */
	/* opacity: 0.8; */
	display: block;
	background-color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	padding: 4px 10px;
	width: 250px;
	border: 1px solid #000000;
}

#frontMenuZone a:hover {
	float: left;
	/* filter:alpha(opacity=80); */
	/* -moz-opacity:0.8; */
	/* -khtml-opacity: 0.8; */
	/* opacity: 0.8; */
	background-color: #CCCCFF;
}
/* *************************************************************************** */
/* ****************************** Zones - Front Menu  - END ******************************** */


/* ********************************* Zones - In the Page ************************************ */
/* ZONES MANAGEMENT - IN THE PAGE ************ For styling, this could be a LIST  or just a drop down box 
/* depending on selectors in the KEYVARS */
#pageZoneBox {
	margin-left: 5px;
	padding: 0em;
	display: block;
	clear: both;
	float: left;
	margin-top: -1em;
	margin-right: 0em;
	margin-bottom: 0em;
	font-size:85%;
}

#pageZoneBox h6 {
color:#FFFFFF;
}

#pageZoneBox ul {
	margin: 0em;
	padding: 0em;
	width: 100%;
	list-style-type:none;
	list-style-image: none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#pageZoneBox li {
	float:left;
	position:relative;
	display: inline;
	text-align: center;
	list-style-type:none;
	list-style-image: none;
	margin-left:0em;
	}

#pageZoneBox a, #pageZoneBox a:visited {
	font-size:110%;
	width:154px;
	height:20px;
	line-height:21px;
	background-color:#FFFFFF;
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:0em;
	float:left;
	display: block;
	background-image: url(../images/button_zonebg.jpg);
	background-repeat: no-repeat;
}

#pageZoneBox a:hover {
	background-color:#FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/button_zonebg_o.jpg);
	background-repeat: no-repeat;
}


#pageZoneBox a.selected:link, #pageZoneBox a.selected:visited {
	background-color:#FFFFFF;
	color: #666666;
	text-decoration: none;
	background-image: url(../images/button_zonebg.jpg);
	background-repeat: no-repeat;
}


/* *************************************************************************** */
/* ****************************** Zones - In the Page  - END ******************************** */