/*

ricardo.css

release 6

IMPORTANT - Updates to this file need to be tested on IE6, IE7, Firefox 3, Safari 3, Google Chrome, and validated to W3C standards

CSS and XHTML templates by Sean Conran - Copyright (c) Netcel 2009

================================================================ 
The original version of the top navigation styles and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
=================================================================== */

@media all {

* {
border: 0;
color: #666666;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
line-height: 1.3em;
margin: 0;
padding: 0;
}

A, A:link, A:visited {
color: #999999;
font-weight: normal;
text-decoration: underline;
}
A:hover, A:focus, A:active {
text-decoration: underline;
}

A.formSubmit, A.formSubmit:link, A.formSubmit:visited {
background: #64a5d3 url(../images/build/submit-bg.gif) repeat-x;
border: 1px solid #a7a9ac;
color: #ffffff;
font-weight: bold;
padding: 2px 6px 2px 6px;
text-decoration: none;
}
A.formSubmit:hover, A.formSubmit:focus, A.formSubmit:active {
text-decoration: none;
}

B, STRONG {
font-weight: bold;
}
B.colourBlack, STRONG.colourBlack {
color: #000000;
}

BODY {
background: #ffffff url(../images/build/page-bg.gif) repeat-x;
color: #666666;
font-size: 70%;
}

H1 {
color: #006bb7;
font-size: 220%;
font-weight: normal;
letter-spacing: -1px;
margin: 0 0 0.325em 0;
}
H2 {
color: #999999;
font-size: 130%;
font-weight: bold;
margin: 0 0 0.65em 0;
}
H3 {
color: #006bb7;
font-size: 110%;
font-weight: bold;
margin: 0 0 0.16em 0;
}
H4 {
color: #006bb7;
font-size: 100%;
font-weight: bold;
margin: 0 0 0.16em 0;
}
H5, H6 {
color: #006bb7;
font-size: 100%;
font-weight: normal;
margin: 0 0 0.16em 0;
}

IFRAME {
clear: both;
}
#contentHomepage .right IFRAME {
max-width: 298px;
}
#f1c IFRAME {
max-width: 938px;
}
#f2c IFRAME {
max-width: 743px;
}
#f3c IFRAME {
max-width: 548px;
}
#f3c .module IFRAME {
max-width: 178px;
}

INPUT {
background-color: #f7f6f6;
border: 1px solid #a7a9ac;
padding: 0px 2px 3px 2px;
}
INPUT.formCheckbox,
SPAN.formCheckbox INPUT {
background-color: transparent;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT[type=checkbox] {
background-color: transparent;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT.formFile {
width: 68.5%;
}
INPUT[type=file] {
width: 68.5%;
}
INPUT.formRadio,
SPAN.formRadio INPUT {
background-color: transparent;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT[type=radio] {
background-color: transparent;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT.formSubmit {
background: #64a5d3 url(../images/build/submit-bg.gif) repeat-x;
color: #ffffff;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 0 4px 1px 4px;
width: auto;
}
INPUT[type=submit] {
background: #64a5d3 url(../images/build/submit-bg.gif) repeat-x;
color: #ffffff;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 0 4px 1px 4px;
width: auto;
}
INPUT.formPassword,
INPUT.formText {
width: 67%;
}
INPUT[type=password],
INPUT[type=text] {
width: 67%;
}

INPUT.formTextSmall {
width: 22%;
}

LEGEND {
display: none;
}

LI {
margin: 0.325em 0 0 0;
}
LI OL, LI UL {
margin: 0 0 0 3em;
}

OL {
list-style-image: none;
list-style-type: decimal;
margin: 0 0 1.3em 3em;
}
OL UL LI {
margin-left: -0.5em;
}

P {
margin: 0 0 1.3em 0;
}

SELECT {
background-color: #f7f6f6;
border: 1px solid #a7a9ac;
}

#contentMain TABLE.tableData {
border-collapse: collapse;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
clear: both;
margin: 0 auto 1.3em auto;
}
#contentMain TABLE.tableData TD {
background-color: #ffffff;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 6px 5px 6px 5px;
vertical-align: top;
}
#contentMain TABLE.tableData TH {
background-color: #e5e5e5;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 6px 5px 6px 5px;
vertical-align: middle;
}
#contentMain TABLE.tableLayout {
}
#contentMain TABLE.tableLayout TD {
}
#contentMain TABLE.tableLayout TH {
}

TEXTAREA {
background-color: #f7f6f6;
border: solid 1px #a7a9ac;
height: 8em;
padding: 0px 2px 3px 2px;
width: 67%;
}

UL {
list-style-image: none;
list-style-type: disc;
margin: 0 0 1.3em 2.5em;
}
UL LI {
padding-left: 0.5em;
}
UL OL LI {
padding-left: 0;
}

.alignCentre {
text-align: center;
}
.alignLeft {
text-align: left;
}
.alignRight {
text-align: right;
}

.articleItem {
clear: both;
padding: 0 0 10px 0;
}
#f2c .articleItem {
width: 725px;
}
#f3c .articleItem {
width: 530px;
}
DIV[class=articleItem] {
float: left;
}
.articleItemContainer {
border-bottom: 1px solid #cccccc;
float: left;
width: 100%;
}

#bookmarkAndShare {
background: url(../images/build/bookmark-and-share-r.gif) repeat-y top right;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
clear: both;
width: 100%;
}
DIV[id=bookmarkAndShare] {
float: left;
}
#bookmarkAndShareContainer {
background: url(../images/build/bookmark-and-share-l.gif) repeat-y top left;
float: left;
padding: 5px 0 5px 0;
width: 100%;
}
#bookmarkAndShare .centre {
float: left;
}
#bookmarkAndShare .centre A, #bookmarkAndShare .centre A:link, #bookmarkAndShare .centre A:visited {
color: #666666;
float: left;
font-size: 90%;
margin: 0 0 0 10px;
padding: 1px 0 1px 22px;
text-decoration: none;
}
#bookmarkAndShare .centre A:hover, #bookmarkAndShare .centre A:focus, #bookmarkAndShare .centre A:active {
text-decoration: underline;
}
#bookmarkAndShare .left {
color: #999999;
float: left;
font-size: 120%;
letter-spacing: -1px;
padding: 0 10px 0 10px;
}
#bookmarkAndShare .right {
float: right;
text-align: right;
padding: 0 10px 0 0;
}
#bookmarkAndShare .right A {
text-decoration: underline;
}

#breadcrumb {
clear: both;
float: left;
margin: 0.5em 0 10px 0;
width: 100%;
}
#breadcrumbContainer {
}
#breadcrumb A, #breadcrumb A:link, #breadcrumb A:visited {
color: #666666;
text-decoration: none;
}
#breadcrumb A:hover, #breadcrumb A:focus, #breadcrumb A:active {
text-decoration: underline;
}
#breadcrumb LI {
background: url(../images/build/bullet-breadcrumb.gif) no-repeat right 3px;
float: left;
margin: 0 0.66em 0 0;
padding: 0 1.5em 0 0;
}
#breadcrumb LI.last {
background-image: none;
margin: 0;
padding: 0;
}
#breadcrumb UL {
list-style-type: none;
margin: 0;
padding: 0;
}
#breadcrumb .left {
float: left;
width: 750px;
}
#breadcrumb .right {
float: right;
font-size: 90%;
width: 180px;
}
#breadcrumb .right .iconRss {
float: left;
padding: 1px 0 1px 20px;
}

#content {
clear: both;
float: left;
width: 100%;
}
#contentContainer {
}

#contentHomepage {
clear: both;
margin: 20px 0 1.3em 0;
width: 100%;
}
DIV[id=contentHomepage] {
float: left;
}
#contentHomepageContainer {
}
#contentHomepage .media {
margin: 0 0 1.3em 0;
}
#contentHomepage .row {
clear: both;
width: 100%;
}
#contentHomepage DIV[class=row] {
float: left;
}
#contentHomepage .row .left {
float: left;
width: 620px;
}
#contentHomepage .row .right {
float: right;
width: 300px;
}

#contentLeft {
float: left;
width: 180px;
}
#contentLeftContainer {
}
#f1c #contentLeft {
display: none;
}

#f1c #contentMain {
float: left;
width: 940px;
}
#f1c #contentMainContainer {
padding: 0 0 0 0;
}
#f2c #contentMain {
float: left;
width: 760px;
}
#f2c #contentMainContainer {
padding: 0 0 0 15px;
}
#f3c #contentMain {
float: left;
width: 580px;
}
#f3c #contentMainContainer {
padding: 0 15px 0 15px;
}

#contentRight {
float: left;
width: 180px;
}
#contentRightContainer {
padding: 7px 0 0 0;
}
#f1c #contentRight, #f2c #contentRight {
display: none;
}

#contentRight INPUT.formText,
#contentRight SELECT,
#contentRight TEXTAREA {
margin: 2px 0 2px 0;
max-width: 150px;
width: 150px;
}

.documentDetail {
clear: both;
margin: 0 0 1.3em 0;
width: 100%;
}
DIV[class=documentDetail] {
float: left;
}
.documentDetailContainer {
}
.documentDetail A {
float: left;
padding: 0 0 2px 26px;
}
.documentDetail A, .documentDetail A:link, .documentDetail A:visited {
color: #333333;
font-weight: normal;
text-decoration: none;
}
.documentDetail A:hover, .documentDetail A:focus, .documentDetail A:active {
text-decoration: underline;
}

.documentDetail .colourEven {
background-color: #eeeeee;
}
.documentDetail .colourOdd {
background-color: #fbf9f9;
}
.documentDetail .left {
float: left;
padding-bottom: 5px;
width: 73.9%;
}
.documentDetail .right {
float: right;
width: 24.9%;
}
.documentDetail .row {
clear: both;
float: left;
margin: 0 0 1px 0;
padding: 5px 2% 0 2%;
width: 96%;
}

.error {
color: #ff0000;
font-weight: bold;
}
DIV.error,
P.error {
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
SPAN.error {
margin: 0 0 0 0.5em;
}

.faqItem {
clear: both;
margin: 0 0 1px 0;
}
.faqItem .colourEven {
background-color: #eeeeee;
}
.faqItem .colourOdd {
background-color: #fbf9f9;
}
.faqItem H3 {
padding: 5px 2% 5px 2%;
font-weight: normal;
color: #000;
}
.faqItem H3.expandable{
background: url(../images/build/icon-faq-collapsed.gif) no-repeat;
background-position: .5em 50%;
padding-left: 25px;
cursor: pointer;
}
.faqItem H3.expanded{
background: url(../images/build/icon-faq-expanded.gif) no-repeat;
background-position: .5em 50%;
}
.faqItemContent {
padding: 5px 2% 5px 2%;
}
.faqItem P {
margin-bottom: 0.65em;
}
.faqItem UL {
margin-bottom: 0.65em;
}
.faqSection {
clear: both;
margin: 0 0 2em 0;
width: 100%;
}

.flag {
float: left;
margin: 0 10px 0 0;
}

#footer {
clear: both;
float: left;
margin: 10px 0 0 0;
width: 100%;
}
#footerContainer {
background: url(../images/build/footer-bg.gif) no-repeat top left;
float: right;
font-size: 90%;
padding: 18px 0 0 0;
}
#footer A, #footer A:link, #footer A:visited {
color: #666666;
text-decoration: none;
}
#footer A:hover, #footer A:focus, #footer A:active {
text-decoration: underline;
}
#footer A.iconRssSmall {
padding-left: 13px;
}
#footer LI {
border-right: 1px solid #666666;
float: left;
margin: 0;
padding: 0 5px 0 5px;
}
#footer LI.last {
border-right: 0;
padding-right: 0;
}
#footer UL {
list-style-type: none;
margin: 0;
padding: 0;
}
#footer .text {
float: left;
padding: 0 0 0 10px;
}

.form {
border: 1px solid #e5e5e5;
clear: both;
margin: 0 0 1.3em 0;
}
DIV[class=form] {
float: left;
}
#f1c .form {
width: 938px;
}
#f2c .form {
width: 743px;
}
#f3c .form {
width: 548px;
}
.form FIELDSET {
line-height: 2em;
}
.form P {
margin: 0 0 0.65em 0;
}
.form TABLE {
background-color: transparent;
margin: 0 0 5px 0;
width: 100%;
}
.form TD,
.form TH {
background-color: transparent;
border: 0;
padding: 4px 10px 4px 10px;
vertical-align: top;
}
.form TD.form-field {
text-align: left;
width: 60%;
}
.form TD.form-heading {
color: #006bb7;
font-size: 110%;
font-weight: bold;
}
.form TD.form-label {
font-weight: bold;
text-align: left;
width: 40%;
}

#header {
clear: both;
float: left;
margin: 15px 0 0 0;
width: 100%;
}
#headerContainer {
}
#header .left {
float: left;
width: 92px;
}
#header .right {
float: right;
width: 848px;
}
#header .right .bottom {
clear: both;
float: right;
width: 100%;
}
#header .right .top {
clear: both;
float: right;
margin: 0 0 3px 0;
width: auto;
}

#headerFlags {
clear: both;
width: 100%;
}
DIV[id=headerFlags] {
float: left;
}
#headerFlagsContainer {
float: right;
}
#headerFlags .flag {
margin: 0 0 0 10px;
}

#headerLinks {
background: #599fd0 url(../images/build/header-top-bg.gif) repeat-x top left;
clear: both;
float: left;
height: 33px;
padding: 0 15px 0 25px;
width: auto;
}
DIV[id=headerLinks]{
height: auto;
min-height: 2.9em;
}
#headerLinks A, #headerLinks A:link, #headerLinks A:visited {
color: #ffffff;
text-decoration: none;
}
#headerLinks A:hover, #headerLinks A:focus, #headerLinks A:active {
text-decoration: underline;
}
#headerLinks .search {
background: url(../images/build/search-bg.gif) no-repeat top right;
float: left;
height: 33px;
padding: 0 0 0 15px;
width: 139px;
}
#headerLinks .search INPUT {
background-color: transparent;
border: 0;
padding: 0;
}
#headerLinks .search INPUT.formText {
background-color: #ffffff;
margin: 9px 0 0 2px;
width: 121px;
}
#headerLinks .search INPUT.formImage {
height: 15px;
position: relative;
top: 4px;
width: 15px;
}
#headerLinks .login {
background: url(../images/build/icon-login.gif) no-repeat right 9px;
float: left;
padding: 8px 18px 0 15px;
}
#headerLinks .downloads {
background: url(../images/build/icon-downloads.gif) no-repeat right 9px;
float: left;
padding: 8px 20px 0 15px;
}
#headerLinks .events {
background: url(../images/build/icon-events.gif) no-repeat right 9px;
float: left;
padding: 8px 20px 0 15px;
}

#headerLogo IMG {
display: block;
}

#iconLinks {
clear: both;
float: left;
margin: 1.3em 0 1.3em 0;
width: 100%;
}
#iconLinksContainer {
}
#iconLinks A {
float: left;
padding: 0 0 2px 25px;
}
#iconLinks A, #iconLinks A:link, #iconLinks A:visited {
color: #666666;
text-decoration: none;
}
#iconLinks A:hover, #iconLinks A:focus, #iconLinks A:active {
text-decoration: underline;
}
#iconLinks P {
clear: both;
float: left;
margin: 0 0 0.65em 0;
}

.iconBookmark {
background: url(../images/build/icon-bookmark.gif) no-repeat top left;
}
/*.iconDigg {
background: url(../images/build/icon-digg.gif) no-repeat top left;
}*/
.iconDownloadPicture {
background: url(../images/build/icon-download-picture.gif) no-repeat top left;
}
.iconExcel {
background: url(../images/build/icon-xls.gif) no-repeat top left;
}
/*.iconLinkedIn {
background: url(../images/build/icon-linkedin.gif) no-repeat top left;
}*/
.iconPdf {
background: url(../images/build/icon-pdf.gif) no-repeat top left;
}
.iconPrint {
background: url(../images/build/icon-print-page.gif) no-repeat top left;
}
.iconReadIssue {
background: url(../images/build/icon-read-issue.gif) no-repeat top left;
}
.iconRss {
background: url(../images/build/icon-rss.gif) no-repeat top left;
}
.iconRssSmall {
background: url(../images/build/icon-rss-small.gif) no-repeat left 1px;
}
.iconSendPage {
background: url(../images/build/icon-send-page.gif) no-repeat top left;
}
.iconSubscribeEversion {
background: url(../images/build/icon-subscribe-e-version.gif) no-repeat top left;
}
.iconSubscribePaper {
background: url(../images/build/icon-subscribe-paper.gif) no-repeat top left;
}
/*.iconTechnorati {
background: url(../images/build/icon-technorati.gif) no-repeat top left;
}*/
.iconVideo {
background: url(../images/build/icon-video.gif) no-repeat top left;
padding: 3px 0 0 20px;
}
.iconWord {
background: url(../images/build/icon-word.gif) no-repeat top left;
}
.iconZip {
background: url(../images/build/icon-zip.gif) no-repeat top left;
}
.iconUnknown {
background: url(../images/build/icon-document.gif) no-repeat top left;
}

.iframe {
padding: 0 1px 0 1px;
text-align: center;
}

.imgCentre {
clear: both;
display: block;
margin: 0 auto 0 auto;
padding: 0.325em 0 0.975em 0;
text-align: center;
}
.imgLeft {
float: left;
padding: 0.325em 1.15em 0.975em 0;
}
/*remove the right padding from the large center image at the top of the center (as it pushes the right column
to the bottom in IE6
#contentContainer #contentMain #contentMainContainer .textBox .textBoxContainer .content div.imgLeft {
	padding: 0.325em 1.15em 0.975em 0
}
#contentContainer #contentMain #contentMainContainer div.left .textBox .textBoxContainer .content img.imgLeft, 
#contentContainer #contentMain #contentMainContainer div.right .textBox .textBoxContainer .content img.imgLeft,
#contentContainer #contentMain #contentMainContainer .textBox .textBoxContainer .content div.imgLeft {
	padding: 0.325em 1.15em 0.975em 0;
}
*/
.imgRight {
float: right;
padding: 0.325em 0 0.975em 1.15em;
}

.imageRqLinks {
clear: both;
margin: 0 0 1.3em 0;
width: 100%;
}
/*DIV[class=imageRqLinks] {
float: left;
}*/
.imageRqLinks A {
float: left;
padding: 0 0 2px 26px;
}
.imageRqLinks A, .imageRqLinks A:link, .imageRqLinks A:visited {
color: #000000;
font-weight: normal;
text-decoration: none;
}
.imageRqLinks A:hover, .imageRqLinks A:focus, .imageRqLinks A:active {
text-decoration: underline;
}
.imageRqLinks .colourEven {
background-color: #eeeeee;
}
.imageRqLinks .colourOdd {
background-color: #fbf9f9;
}
.imageRqLinks LI {
clear: both;
float: left;
margin: 0 0 1px 0;
padding: 5px 10px 5px 10px;
width: 285px;
text-decoration: none;
list-style: none;
}

.imageRqThumbnails {
clear: both;
margin: 0 0 1.3em 0;
width: 100%;
}
DIV[class=imageRqThumbnails] {
float: left;
}
.imageRqThumbnailsContainer {
text-align: center;
}
.imageRqThumbnails .thumbnail {
float: left;
margin: 0.22em;
text-align: center;
width: 100px;
}
.imageRqThumbnails .thumbnail .imgCentre {
padding-bottom: 0.65em;
}

#master {
margin: 0 auto 0 auto;
width: 960px;
}
#masterContainer {
background-color: #ffffff;
clear: both;
float: left;
padding: 2px 10px 20px 10px;
}

.media {
clear: both;
width: 100%;
}
.mediaContainer {
text-align: center;
}
.mediaTabs A{
border: 1px solid;
padding: 3px;
}

.module {
clear: both;
width: 100%;
}
.moduleDivider {
clear: both;
float: left;
font-size: 1px;
height: 10px;
width: 100%;
}

.module .b {
background: #ffffff url(../images/build/right-column-box-b.gif) repeat-x bottom left;
float: left;
width: 100%;
}
.module .l {
background: url(../images/build/right-column-box-l.gif) repeat-y top left;
float: left;
padding: 0 1px 1px 1px;
}
.module .r {
background: url(../images/build/right-column-box-r.gif) repeat-y top right;
float: left;
width: 100%;
}
.module .t {
background: #1b79bd url(../images/build/right-column-box-t.gif) repeat-x top left;
float: left;
width: 100%;
}
.module A, .module A:link, .module A:visited {
color: #000000;
font-weight: normal;
text-decoration: none;
}
.module A:hover, .module A:focus, .module A:active {
text-decoration: underline;
}
.module H2 {
color: #ffffff;
font-size: 110%;
font-weight: normal;
margin: 0;
padding: 3px 7px 3px 7px;
}
#contentHomepage .module IMG {
clear:left;
display: block;
margin: 0 auto 0 auto;
padding: 0;
max-width: 300px;
}
#contentRight .module IMG {
clear:left;
display: block;
margin: 0 auto 0 auto;
padding: 0;
max-width: 180px;
}
.module P {
margin: 0 0 0.65em 0;
}
.module INPUT {
	padding: 0;
}

.module INPUT.formText {
width: 155px;
}
.module INPUT[type=text] {
width: 155px;
}
.module INPUT.formSubmit {
width: auto;
}
.module INPUT[type=submit] {
width: auto;
}
.module SELECT {
width: 159px;
}
.module TEXTAREA {
height: 4em;
width: 155px;
}
.module .content {
padding: 3px 7px 3px 7px;
}
.module .content H2,
.module .content H3,
.module .content H4,
.module .content H5,
.module .content H6 {
color: #006bb7;
font-size: 100%;
font-weight: bold;
margin: 0 0 0.325em 0;
padding: 0;
}
.module .date {
font-size: 90%;
font-weight: bold;
}
/*--------------------
- Top navigation styles
----------------------*/
#navTop {min-height: 1.8em;height: auto;width: 100%;}
#menu {background: #a7a9ac url(/images/build/nav-top-bg.gif) repeat-x top right;padding:0; margin:0; list-style:none; height:1.8em; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left;padding:0;margin:0;border-right: 1px solid #fff }
#menu li.last {border:none;}
#menu li a {display:block; float:left;color:#fff;text-decoration:none;font-size:12px;font-weight:normal;padding:.1em .5em .2em .5em;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#menu li a:hover {z-index:200; position:relative;color:#fff;background-color:#74767a}
#menu li:hover {position:relative; z-index:200;}
#menu li.current > a {background-color:#006bb7!important}
#menu li.current > a:hover {color:#fff; background-color:#006bb7!important}

#menu li.current a {color:#fff;font-weight:bold;padding:.1em .4em .2em .4em;background-color:#006bb7}
div#navTop #menu ul li a {font-weight:normal}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;height:auto; margin:0; padding:0; list-style:none;}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul {width:175px!important}
/* common styles accross all drop down ul's. */
#menu ul li {border-right: none }
#menu :hover ul li a {width:150px; padding:0 15px 0 10px; background:#a6a8ab; color:#fff; min-height: 1.8em; height: auto; _height:1.8em; line-height:1.8em;}

/* move the sub menus for into position when rolled over (175px to the RIGHT of each sub menu). */
#menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul,#menu :hover ul :hover ul :hover ul :hover ul{left:175px; top:-1px;}
/* FOR THE LAST MENU ITEM ONLY move the sub menus into position when rolled over (175px to the LEFT of each sub menu). */
/* This resolves the issue of the far right drop down running off screen (on lower resolutions). */
#menu :hover ul.lastItem :hover ul, #menu :hover ul.lastItem :hover ul :hover ul,#menu :hover ul.lastItem :hover ul :hover ul :hover ul{left:-175px; top:-1px;}
/* This follows on from above code and removes inheritence (otherwise all sub menus appear on roll over in IE6) */
#menu :hover ul.lastItem :hover ul * ul, #menu :hover ul.lastItem :hover ul :hover ul * ul,#menu :hover ul.lastItem :hover ul :hover ul :hover ul * ul{left:-9999px; top:-9999px;}

#menu :hover ul :hover ul li a, #menu :hover ul :hover ul :hover ul li a, #menu :hover ul :hover ul :hover ul :hover ul li a {width:150px; padding:0 15px 0 10px; background:#a6a8ab; color:#fff; min-height: 1.8em; height: auto; _height:1.8em; line-height:1.8em;}
#menu :hover ul li a,#menu :hover ul :hover ul li a,#menu :hover ul :hover ul :hover ul li a,#menu :hover ul :hover ul :hover ul :hover ul li a {margin:0; border-top:1px solid #bebfc0;}
#menu :hover ul li a.sub,#menu :hover ul :hover ul li a.sub,#menu :hover ul :hover ul :hover ul li a.sub,#menu :hover ul :hover ul :hover ul :hover ul li a.sub {background: #8f9194 url(/images/build/rArrow-white.gif) no-repeat right center; }

/* level 2 */
#menu :hover ul {left:0; top:1.5755em;}
#menu :hover ul a:hover, #menu :hover ul li a.sub:hover {background-color:#74767a; color:#fff;}
#menu :hover ul li.current a, #menu :hover ul li.current a:hover {background:#006bb7; color:#fff;cursor: default}           
#menu :hover ul li.current a.sub, #menu :hover ul li.current a.sub:hover {background:#006bb7 url(/images/build/rArrow-white.gif) no-repeat right center;} 
/* level 3 */
#menu :hover ul :hover ul a:hover,#menu :hover ul :hover ul a.sub:hover {background-color:#74767a; color:#fff;cursor: pointer}
#menu :hover ul :hover ul li.current a, #menu :hover ul :hover ul li.current a:hover {background:#006bb7; color:#fff;cursor: default}
#menu :hover ul :hover ul li.current a.sub, #menu :hover ul :hover ul li.current a.sub:hover {background:#006bb7 url(/images/build/rArrow-white.gif) no-repeat right center;}
/* level 4 */
#menu :hover ul :hover ul :hover ul a:hover,#menu :hover ul :hover ul :hover ul a.sub:hover {background-color:#74767a; color:#fff;cursor: pointer}
#menu :hover ul :hover ul :hover ul li.current a, #menu :hover ul :hover ul :hover ul li.current a:hover {background:#006bb7; color:#fff;cursor: default}
#menu :hover ul :hover ul :hover ul li.current a.sub, #menu :hover ul :hover ul :hover ul li.current a.sub:hover {background:#006bb7 url(/images/build/rArrow-white.gif) no-repeat right center;}
/* level 5 */
#menu :hover ul :hover ul :hover ul :hover ul a:hover,#menu :hover ul :hover ul :hover ul :hover ul a.sub:hover {background-color:#74767a; color:#fff;cursor: pointer}
#menu :hover ul :hover ul :hover ul :hover ul li.current a, #menu :hover ul :hover ul :hover ul :hover ul li.current a:hover {background:#006bb7; color:#fff;cursor: default}
#menu :hover ul :hover ul :hover ul :hover ul li.current a.sub, #menu :hover ul :hover ul :hover ul :hover ul li.current a.sub:hover {background:#006bb7 url(/images/build/rArrow-white.gif) no-repeat right center;}

/* Display a different white arrow (pointing left) for sub menus on the last 3 butons */
#menu :hover ul.lastItem li a.sub,#menu :hover ul.lastItem :hover ul li a.sub,#menu :hover ul.lastItem :hover ul :hover ul li a.sub,#menu :hover ul.lastItem :hover ul :hover ul :hover ul li a.sub {background: #8f9194 url(/images/build/lArrowWhite.gif) no-repeat right center; }
#menu :hover ul.lastItem li a.sub:hover,#menu :hover ul.lastItem :hover ul li a.sub:hover,#menu :hover ul.lastItem :hover ul :hover ul li a.sub:hover,#menu :hover ul.lastItem :hover ul :hover ul :hover ul li a.sub:hover {background:#74767a url(/images/build/lArrowWhite.gif) no-repeat right center}

/* END - top navigation */
.pagination {
clear: both;
margin: 0.65em 0 0.975em 0;
width: 100%;
}
DIV[class=pagination] {
float: left;
}
.paginationContainer {
}
.pagination A, .pagination A:link, .pagination A:visited {
color: #000000;
font-size: 110%;
font-weight: normal;
padding: 0 0.33em 0 0.33em;
text-decoration: none;
}
.pagination A:hover, .pagination A:focus, .pagination A:active {
text-decoration: underline;
}
.pagination LI {
background-color: #eeeeee;
border-bottom: 2px solid #eeeeee;
display: inline;
margin: 0 2px 0 2px;
padding: 1px 0 0 0;
}
.pagination LI.selected {
background-color: #2c83c1;
border-bottom: 2px solid #2c83c1;
}
.pagination LI.selected A, .pagination LI.selected A:link, .pagination LI.selected A:visited {
color: #ffffff;
}
.textBox .pagination P,
.pagination P {
margin: 0 0 0.65em 0;
padding: 0 1em 0 1em;
text-align: center;
}
.pagination UL {
list-style-image: none;
list-style-type: none;
margin: 0 auto 0 auto;
padding: 0;
}
.pagination .centre {
float: left;
text-align: center;
width: 58%;
}
.pagination .left {
float: left;
text-align: left;
width: 20.9%;
}
.pagination .left A, .pagination .left A:link, .pagination .left A:visited {
padding: 0 0 0 1em;
}
.pagination .right {
float: right;
text-align: right;
width: 20.9%;
}
.pagination .right A, .pagination .right A:link, .pagination .right A:visited {
padding: 0 1em 0 0;
}
.pagination .row {
clear: both;
float: left;
width: 100%;
}
.paginationDivider {
clear: both;
float: left;
font-size: 1px;
height: 0.975em;
width: 100%;
}

.searchResults {
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
.searchResults .textBox {
margin-bottom: 0;
}

.searchResultsItem {
background: url(../images/build/text-box-r.gif) repeat-y top right;
clear: both;
float: left;
width: 100%;
}
.searchResultsItemContainer {
}

.searchResultsItem A, .searchResultsItem A:link, .searchResultsItem A:visited {
text-decoration: none;
}
.searchResultsItem A:hover, .searchResultsItem A:focus, .searchResultsItem A:active {
text-decoration: underline;
}
.searchResultsItem H2 {
margin: 0;
padding: 0;
}
.searchResultsItem H2 A {
font-size: 100%;
}
.searchResultsItem H2 A, .searchResultsItem H2 A:link, .searchResultsItem H2 A:visited {
text-decoration: underline;
}
.searchResultsItem H2 A:hover, .searchResultsItem H2 A:focus, .searchResultsItem H2 A:active {
text-decoration: underline;
}
.textBox .searchResultsItem P {
margin: 0 0 0.65em 0;
}
.searchResultsItem SPAN.arrow {
background: url(../images/build/search-results-arrow.gif) no-repeat left 2px;
padding: 0 0 0 5px;
}

.searchResultsItem.colourOdd {
background-color: #fbf9f9;
}
.searchResultsItem.colourEven {
background-color: #eeeeee;
}

.searchResultsItem .iconExcel,
.searchResultsItem .iconPdf,
.searchResultsItem .iconWord,
.searchResultsItem .iconZip,
.searchResultsItem .iconUnknown {
float: left;
margin: 0 5px 0 5px;
padding: 0 0 3px 20px;
}

.searchResultsItem .floatLeft {
float: left;
padding: 0 0 1.3em 0;
}

.searchResultsItem .row {
background: url(../images/build/text-box-l.gif) repeat-y top left;
clear: both;
float: left;
padding: 5px 2% 0 2%;
width: 96%;
}
.searchResultsItem .row .left {
float: left;
width: 44.9%;
}
.searchResultsItem .row .right {
float: right;
text-align: right;
width: 54.9%;
}

.searchResultsItemDivider {
clear: both;
float: left;
font-size: 1px;
height: 3px;
width: 100%;
}

#siteMap {
clear: both;
float: left;
width: 100%;
}
#siteMapContainer {
}
#siteMap A, #siteMap A:link, #siteMap A:visited {
color: #666666;
text-decoration: none;
}
#siteMap A:hover, #siteMap A:focus, #siteMap A:active {
text-decoration: underline;
}
#siteMap LI A {
font-size: 130%;
font-style: normal;
font-weight: bold;
}
#siteMap LI DIV {
margin: 0;
padding: 0;
}

#siteMap LI LI A {
font-size: 110%;
font-style: normal;
font-weight: bold;
}
#siteMap LI LI DIV {
background: url(../images/build/site-map-level2-bullet.gif) no-repeat 0px 4px;
padding: 0 0 0 15px;
}

#siteMap LI LI LI A {
font-size: 110%;
font-style: italic;
font-weight: normal;
}
#siteMap LI LI LI DIV {
background: url(../images/build/site-map-level3-bullet.gif) no-repeat 15px 4px;
padding: 0 0 0 30px;
}

#siteMap LI LI LI LI A {
font-size: 110%;
font-style: normal;
font-weight: normal;
}
#siteMap LI LI LI LI DIV {
background: url(../images/build/site-map-level4-bullet.gif) no-repeat 30px 6px;
padding: 0 0 0 45px;
}

#siteMap LI LI LI LI LI A {
font-size: 100%;
font-style: normal;
font-weight: normal;
}
#siteMap LI LI LI LI LI DIV {
background-image: none;
padding: 0 0 0 60px;
}

#siteMap LI UL {
margin: 0 0 0 0;
}
#siteMap UL {
list-style-image: none;
list-style-type: none;
margin: 5px 15px 8px 15px;
padding: 0;
}
#siteMap UL LI {
margin: 0.325em 0 0 0;
padding: 0;
}
#siteMap .left {
float: left;
width: 48.5%;
}
#siteMap .right {
float: right;
width: 48.5%;
}

.textBox {
background: url(../images/build/text-box-r.gif) repeat-y top right;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
clear: both;
margin: 0 0 1.3em 0;
width: 100%;
}
DIV[class=textBox] {
float: left;
}
.textBoxContainer {
background: url(../images/build/text-box-l.gif) repeat-y top left;
float: left;
width: 100%;
}
.textBox P {
margin: 0 0 0.975em 0;
}
.textBox .content {
clear: both;
float: left;
padding: 7px 0 2px 10px;
width: 96%;
}
.twoColumns .textBox .content {
width: 92%;
}
.textBox .content H2 {
color: #999999;
font-size: 130%;
font-weight: bold;
margin: 0 0 0.325em 0;

}
.textBox .content H2 A {
color: #000000;
font-size: 100%;
font-weight: bold;
}
.textBox .content H3,
.textBox .content H4,
.textBox .content H5,
.textBox .content H6 {
color: #999999;
font-size: 110%;
margin: 0 0 0.16em 0;
}
.textBox .content H3 A,
.textBox .content H4 A,
.textBox .content H5 A,
.textBox .content H6 A {
color: #999999;
font-size: 100%;
font-weight: bold;
}
.textBox .content H2.colourBlue,
.textBox .content H3.colourBlue,
.textBox .content H4.colourBlue,
.textBox .content H5.colourBlue,
.textBox .content H6.colourBlue {
color: #006bb7;
}
.textBox .content H4,
.textBox .content H5,
.textBox .content H6 {
color: #999999;
font-size: 100%;
margin: 0 0 0.16em 0;
}
.textBox .content .left {
float: left;
width: 55.5%;
}
.textBox .content .right {
float: right;
width: 42.5%;
}

.textBox .divider {
border-bottom: 1px solid #cccccc;
clear: both;
font-size: 1px;
margin: 0 0 10px 0;
padding: 4px 0 0 0;
}
#f2c .textBox .divider {
width: 725px;
}
#f3c .textBox .divider {
width: 530px;
}
.textBox DIV[class=divider] {
float: left;
}

.textBox .form {
padding: 7px 10px 7px 10px;
}

.textBoxGradient {
background: #ffffff url(../images/build/text-box-gradient.gif) repeat-x bottom left;
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
.textBoxGradient .textBox {
margin-bottom: 0;
}

.textBoxTabs {
clear: both;
float: left;
width: 100%;
}
.textBoxTabs A, .textBoxTabs A:link, .textBoxTabs A:visited {
color: #ffffff;
font-size: 120%;
font-weight: normal;
text-decoration: none;
}
.textBoxTabs A:hover, .textBoxTabs A:focus, .textBoxTabs A:active {
text-decoration: underline;
}
.textBoxTabs LI.selected A, .textBoxTabsLI.selected A:link, .textBoxTabs LI.selected A:visited {
color: #666666;
}
.textBoxTabs LI {
background: #1f76b3 url(../images/build/text-box-tab-bg.gif) repeat-x top left;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
float: left;
margin: 0;
padding: 2px 8px 2px 8px;
}
.textBoxTabs LI.selected {
background-color: #ffffff;
background-image: none;
border-bottom: 1px solid #ffffff;
}
.textBoxTabs UL {
border-right: 1px solid #e5e5e5;
float: left;
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0 0 0 5px;
position: relative;
top: 1px;
}

.textSmall {
font-size: 90%;
}

.twoColumns {
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
.twoColumns .textBox {
margin-bottom: 0;
}
.twoColumns .left {
float: left;
width: 48.5%;
}
.twoColumns .right {
float: right;
width: 48.5%;
}
ul.arrowBullet, div#contentRight div#contentRightContainer ul {
margin: 0 0 7px 0;
}
ul.arrowBullet li, div#contentRight div#contentRightContainer ul li {
padding-left: 10px;
margin: 0 0 1px 0;
list-style: none;
background:url('../images/build/arrowBullet.gif') no-repeat left top;
}
div#content div#contentContainer div#contentRight #contentRightContainer table.sharePrice {
    margin:0 5px 10px 5px
}
div#content div#contentContainer div#contentRight #contentRightContainer table.sharePrice td {
    width:60%;
    text-align:left;
    color:#666666;
    font-size:11px;
    font-weight:bold;
     border-top: 1px solid #dadada; 
}
div#content div#contentContainer div#contentRight #contentRightContainer table.sharePrice td.lft {
    color: #006bb7; 
    width:40%;
    font-weight: bold; 
    font-size:11px;
    padding-right: 4px;
    text-align:right
}
div.nenArticleFooter
{
	border-top: solid 2px #666;
	border-bottom: solid 2px #666;
	padding: .5em;
	text-align: center;
}

/**************************/
/* Left navigation styles */
/**************************/
#navLeft { clear: both; width: 100%; }

#navLeft UL { list-style-image: none; list-style-type: none; margin: 0 0 10px 0; padding: 0 0 5px 0; }
#navLeft UL UL { border: 0; margin: 0; padding: 0; }
#navLeft LI {margin: 0; padding: 0; }
#navLeft LI A { border-bottom: 1px solid #b6b7b9;display: block; font-size: 105%; font-weight: normal; padding: 3px 15px 3px 5px; text-decoration: none; }
#navLeft LI A:hover { background-color: #74767a; color: #fff; text-decoration: none; }
#navLeft LI A.subMenu { background: url(../images/build/nav-left-level2-arrow.gif) no-repeat right center; }
#navLeft LI A.subMenu:hover { color: #fff;background-color: #74767a}

/*SET ONLY THE CURRENT LI'S CHILD A TO SHOW AS SELECTED USING THE CHILD SELECTOR (doesn't work in IE6)*/
/*---------------------------------------------------------------------------------------*/
#navLeft LI.current > A {cursor: default;color:#fff;background-color: #006bb7;}
#navLeft LI.current > A:hover {cursor: default;color:#fff;background-color: #006bb7;}

/*This has same effect as above but is a workaround for IE6*/
/*First, apply the 'selected' effect to all children of LI.current*/
#navLeft LI.current A {cursor: default;color:#fff;background-color: #006bb7;}
#navLeft LI.current A:hover {cursor: default;color:#fff;background-color: #006bb7;}
/*Then, remove the effect for all descendants other than the direct descendant child A*/
#navLeft LI.current li A, #navLeft LI.current li li A, #navLeft LI.current li li li A, #navLeft LI.current li li li li A {cursor: pointer;color:#808080;background-color: #fff;}
#navLeft LI.current li A:hover, #navLeft LI.current li li A:hover, #navLeft LI.current li li li A:hover, #navLeft LI.current li li li li A:hover {cursor: pointer;background-color: #74767a; color: #fff; text-decoration: none;}

/*HANDLE STYLES FOR THE SUBMENU AND SUBMENUACTIVE*/
/*---------------------------------------------------------------------------------------*/
/*Set the styles for the submenu if it is NOT selected*/
#navLeft LI A.subMenuActive { color:#000;background: url(../images/build/nav-left-level2-arrow-active.gif) no-repeat right center; }
#navLeft LI A.subMenuActive:hover {cursor: pointer;background-color: #74767a; color: #fff;}
/*Set the styles for the submenu if it IS selected*/
#navLeft LI.current A.subMenuActive {cursor: default;color:#fff;background-color: #006bb7; }
#navLeft LI.current A.subMenuActive:hover {cursor: default;color:#fff;background-color: #006bb7; }

/*GENERAL STYLES (INCLUDING DIFFERENT LEVEL ARROW IMAGES)*/
/*---------------------------------------------------------------------------------------*/
#navLeft LI LI A { border: 0; color: #808080; font-size: 100%; font-weight: normal; padding: 1px 5px 2px 19px; }
#navLeft LI LI LI A { border: 0; color: #808080; font-size: 100%; font-weight: normal; padding: 1px 5px 2px 33px; }
#navLeft LI LI LI LI A { border: 0; color: #808080; font-size: 100%; font-weight: normal; padding: 1px 5px 2px 47px; }

#navLeft LI LI A.subMenu { color: #808080;background: url(../images/build/nav-left-level3-arrow.gif) no-repeat center left; }
#navLeft LI LI A.subMenuActive { color: #808080;background: url(../images/build/nav-left-level3-arrow-active.gif) no-repeat center left; }
#navLeft LI LI A.subMenuActive:hover {background: #74767a url(../images/build/nav-left-level3-arrow-active.gif) no-repeat center left; }

#navLeft LI LI LI A.subMenu {color: #808080; background: url(../images/build/nav-left-level4-arrow.gif) no-repeat center left; }
#navLeft LI LI LI A.subMenuActive {color: #808080;background: url(../images/build/nav-left-level4-arrow-active.gif) no-repeat center left; }
#navLeft LI LI LI A.subMenuActive:hover {background: #74767a url(../images/build/nav-left-level4-arrow-active.gif) no-repeat center left; }

/* END left navigation styles  */

}