/* CSS Document */

* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}
body {position: relative; font: 70% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #343434; text-align: center;}
.centercol {position: relative; width: 100%; max-width: 980px; min-width: 735px; margin: 0 auto; text-align: left; width:expression(document.body.clientWidth < 780? "760px" : document.body.clientWidth > 980? "980px" : "100%");}
.centercolPrint {position: relative; width: 620px; margin: 0 auto; text-align: left; }

.leftnav {display: block; width: 168px; background: url(../images/promo-bot.gif) bottom no-repeat #E2EFC5; padding: 10px 10px 5px 10px; margin-bottom: 20px;}

#header { background: url(../images/header.gif) bottom repeat-x; border-bottom: 1px solid #fff;}
#headerPrint {background: none;}
#branding {cursor:pointer; display: block; width: 197px; height: 116px; background: url(../images/setuplogosmall.gif) top left no-repeat;}
#branding span {position: absolute; left: -1000em;}
#logos {position: absolute; right: 10px; bottom: 8px; display: block; width: 588px; height: 61px; background: url(../images/logos.gif) bottom right no-repeat;}
#logos span {position: absolute; left: -1000em;}
#logo01 {position: absolute; right: 435px; bottom: 8px; cursor:pointer; display: block; width: 153px; height: 61px; }
#logo02 {position: absolute; right: 260px; bottom: 8px; cursor:pointer; display: block; width: 165px; height: 61px; }
#logo03 {position: absolute; right: 161px; bottom: 8px; cursor:pointer; display: block; width: 89px; height: 61px; }
#logo04 {position: absolute; right: 10px; bottom: 8px; cursor:pointer; display: block; width: 141px; height: 61px; }

h1 { padding: 36px 0 12px 10px; }
h1 a, h1 a:visited {font: 1.8em Arial, sans-serif; color: #969696; text-decoration: none;}
h1 span {position: relative; top: -1px; font: 1em Arial, sans-serif; color: #1f354a; text-transform: uppercase; }
h1 a:hover {color: #818181; text-decoration: none;}
h1 a:hover span {color: #000;}
#branding h2 {display: none;}


#navigationContainer {border-top: 3px solid #429159; background: url(../images/content-top.gif) top no-repeat;}
#pNavigation {float: right; width: 490px; background: url(../images/top-nav-left.gif) bottom left no-repeat #429159;}
#pNavigation ul {float: left; display: block; width: 100%; background: url(../images/top-nav-right.gif) bottom right no-repeat; list-style: none; margin: 0;}
#pNavigation li {position: relative; float: left; left: 10px; display: inline; padding: 0 10px; margin: 0; background: none; }
#pNavigation #pnCurrent {text-decoration: underline;}
#pNavigation a {float: left; font-size: 1.1em; color: #fff; text-decoration: none; padding: 2px 0 6px 0;}
#pNavigation a:visited {float: left; font-size: 1.1em; color: #fff; text-decoration: none; padding: 2px 0 6px 0;}
#pNavigation a:hover, #pNavigation #pnCurrent a {color: #fff; text-decoration: underline;}

/* search field */
#pNavigation form {display: inline; border-bottom: 3px solid #215740; padding: 4px 0 7px 0; }
#pNavigation input.searchtext { position: relative; float: left; display: inline; font-size: 1.1em; color: #000; height: 15px; width: 100px; }
#pNavigation input.searchbutton { position: relative; float: left; display: inline; font: 1.1em bold Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; width:80px; height: 20px; background: url(../images/search-btn.gif) right no-repeat #429159; border: 1px solid  #fff; margin: 0 0 0 5px;}

#sNavigation {position: absolute; left: 0; width: 188px; margin-top: -1px; background: url(../images/promo-top.gif) top no-repeat #E2EFC5; z-index: 100; }
#sNavigation ul {width: 100%; background: url(../images/promo-bot.gif) bottom no-repeat; list-style: none; margin: 5px 0 0 0;}
#sNavigation li {padding: 5px; margin: 3px 5px 3px 5px; background: none;}
#sNavigation #snCurrent {background: #2DB455;}
#sNavigation #snChild #snCurrent {background: #2DB455;}
#sNavigation #snChild ul {width: 100%; background: #E2EFC5; list-style: none; margin: 0;}
#sNavigation #snChild li {padding: 5px; margin: 3px -5px 3px 5px; }
#sNavigation a {font-size: 1em; font-weight: bold; color: #00097A; text-decoration: none; padding: 4px 0 7px 0; }
#sNavigation a:visited {font-size: 1em; font-weight: bold; color: #00097A; text-decoration: none; padding: 4px 0 7px 0;}
#sNavigation a:hover {color: #2DB455; }
#sNavigation #snCurrent a {color: #fff; }
#sNavigation h3 { font-size: 1em; font-weight: bold; color: #fff; text-decoration: none; padding: 7px 10px;}


#contentContainer {position: relative; z-index: 100;}
#pContent {position: relative; float: left; padding: 20px 208px 0 208px; background: url(../images/content-top-small.gif) top right no-repeat;}
#pContentPrint {position: relative; float: left; padding: 20px 10px 0 10px; background: none;}
#leftcol {position: absolute; left: 0; top: 20px; width: 188px; border-right: 20px solid #fff; z-index: 100;}
#rightcol {position: absolute; right: 0; top: 20px; width: 188px; border-left: 20px solid #fff; z-index: 100;}
#leftcolbot {position: absolute; left: 0; top: 290px; width: 188px; border-right: 20px solid #fff; z-index: 100;}

#footerContainer {float: left; clear: both; width: 100%; position: relative; z-index: 10;}
#footer ul { padding: 20px 208px 0 208px; border-top: 1px solid #ddd; text-align: center;}
#footer li {padding: 0; background: none; }

#newsList p {font-size: 1.0em;}
#newsList li {padding: 0 0 0 13px; margin: 0 0 0.2em 0; background: url(../images/bullet.gif) top left no-repeat;}
#newsList a, a:visited {color: #00097A; text-decoration: none;}
#newsList a:hover {color: #3471A5; text-decoration: underline;}

.promobox {display: block; width: 168px; background: url(../images/promo-bot.gif) bottom no-repeat #E2EFC5; padding: 10px 10px 5px 10px; margin-bottom: 20px;}
.promobox p {font-size: 1.0em;}

#leftcolbot h3, #rightcol h3 {display: block; width: 168px; position: relative; top: -1px; background: url(../images/promo-top.gif) top no-repeat #2C562D; border-bottom: 1px solid #596673; color: #fff; padding: 7px 10px;}
#leftcolbot a, #rightcol a, #midcol a {color: #00097A; text-decoration: none;}
#leftcolbot a:visted, #rightcol a:visited, #midcol a:visited {color: #00097A; text-decoration: none;}
#leftcolbot a:hover, #rightcol a:hover, #midcol a:hover {color: #3471A5; text-decoration: underline;}

.breadcrumb li {padding: 0 0 0 18px; margin: 0; background: url(../images/chevron.gif) 5px center no-repeat; display: inline; white-space: nowrap;}
#bFirst {padding: 0; background: none;}

#contentContainer img {padding: 4px; border: 1px solid #c9ced3; background: #fff;}
#contentContainer img.icon {padding: 0; border: none; background: #fff;}
#contentContainer #chart img { padding: 0; margin: 0; border: none;}
.rightimg { float: right; margin: 0 0 20px 20px;}
.centreimg { margin: 0; }
#contentContainer a:hover img {border: 1px solid #596673;}
#pContent h2 {padding-bottom: 15px; margin-bottom: 10px; background: url(../images/heading.gif) bottom repeat-x; font: 2.2em "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #1f354a;}
#pContentPrint h2 {padding-bottom: 15px; margin-bottom: 10px; background: url(../images/heading.gif) bottom repeat-x; font: 2.2em "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #1f354a;}
/* .content {width: 564px;} */
form {width: 564px;}
.content p {font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0.8em;}
.content h3 {padding-bottom: 15px; margin: 30px 0 10px 0; background: url(../images/heading.gif) bottom repeat-x; font: 1.8em Arial, sans-serif; color: #1f354a; clear: both;}
.content ul {margin: 0px 0px 0px 25px; padding: 0; FONT-SIZE: 1.1em; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: disc}
.content li {BACKGROUND: none transparent scroll repeat 0% 0%}
.content ul li ul {margin: 0px 0px 0px 25px; padding: 0; FONT-SIZE: 1em; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: circle}
.content ul li ul li ul {margin: 0px 0px 0px 25px; padding: 0; FONT-SIZE: 1em; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: disc}
p {margin-bottom: 0.8em; font-size: 1.1em;}
ul {margin-bottom: 0.8em;}
.intropara {font-size: 1.1em;}
.citepara {text-align: right;}
.citepara a {padding: 0 0 0 13px; background: url(../images/bullet2.gif) top left no-repeat;}
ul {list-style: none;}
li {padding: 0 0 0 13px; margin: 0 0 0.2em 0; background: url(../images/bullet.gif) top left no-repeat;}
.spacedlist li {margin: 0 0 0.6em 0;}

a, a:visited {color: #00097A; text-decoration: underline;}
a:hover {color: #3471A5; text-decoration: underline;}

/* =Artcle Lists */
.fileList {margin: 0; padding: 0;}
.fileList ul {margin: 0; padding: 0; font-size: 1.0em;}
.fileList li {margin: 0; padding: 0; list-style-type: none; background: none; clear: both; float: none;}
.fileList h4 {font: 1.1em normal Arial, sans-serif;  color: #1f354a;}
.fileList p {font-size: 1.0em;}
.fInfo {background: #f2f2f2 url(../images/art-list-bot.gif) bottom repeat-x; display: block; padding: 8px 0 23px 0;}
.fInfo {height: 15px;}
.fInfo p {font-size: 1.0em;}
.fInfo span {float: left; width: 70%; display: block;}
.fInfo span.fType {float: right; text-align: right;}

/* search Results */
h4.searchresults {text-indent:26px;}
.percent100 { background:#FFF url(../images/searchbar.gif) no-repeat; background-position:0px .35em;}
.percent80 { background:#FFF url(../images/searchbar.gif) no-repeat; background-position:-5px .35em;}
.percent60 { background:#FFF url(../images/searchbar.gif) no-repeat; background-position:-10px .35em;}
.percent40 { background:#FFF url(../images/searchbar.gif) no-repeat; background-position:-15px .35em;}
.percent20 { background:#FFF url(../images/searchbar.gif) no-repeat; background-position:-20px .35em;}


/* =Next/Previous links */
.recordSet ul {margin: 0 0 30px 0; padding: 0; font-size: 0.9em;}
.recordSet li {margin: 0; padding: 0 1px; list-style-type: none; background: none; display: inline; color: #697887;}
.recordSet li a {font-weight: bold;}
li.rsCurrent {font-weight: bold; color: black; }
span.rsPrevious {font-weight: bold; padding: 0 5px 0 10px; background: url(../images/chev-bk-off.gif) no-repeat left center;}
a.rsPrevious {font-weight: bold; padding: 0 5px 0 10px; background: url(../images/chev-bk-on.gif) no-repeat left center;}
span.rsNext {font-weight: bold; padding: 0 10px 0 5px; background: url(../images/chev-fd-off.gif) no-repeat right center;}
a.rsNext {font-weight: bold; padding: 0 10px 0 5px; background: url(../images/chev-fd-on.gif) no-repeat right center;}

/* =Tabs */
.tNavigation {border-bottom: 1px solid #697887; padding: 2px 0; margin: 30px 0 20px 0;}
.tNavigation li {display: inline; border-bottom: 1px solid white;  border-right: 1px solid white; background: url(../images/tab-nav-off.gif) no-repeat top right #C5C5C5; padding: 7px 15px; line-height: 25px;}
.tNavigation a, .tNavigation a:visited {color: #00097A; text-decoration: none;}
#tnCurrent {border-bottom: 1px solid #697887; background: url(../images/tab-nav-on.gif) no-repeat top right #697887; padding: 7px 15px;}
#tnCurrent a{color: white;}

/* =Team */
#gList .column {background: #eee; float: left; padding: 10px 10px 15px 10px; width: 140px; margin: 0 20px 20px 0;}
.gTitle {color: #00097A; font-weight: bold;}
.column img {margin: 0 0 10px 0;}
#gList h3 {margin-top: 20px;}
#gList h2 {margin-top: 20px;}

/* IE specific Bugfix (too many columns on team page) */
#gList {width:expression(document.body.clientWidth < 780? "564px" : document.body.clientWidth > 980? "564px" : "564px");}

/* =Team > detail */
.jobTitle {display: block; color: #656565; font-size: 0.8em; margin: 3px 0;}
.contactDetails {margin: 0 0 25px 0;}
.contactDetails td {width: 5em;}
td.cData {font-weight: bold; width: 20em; }
.inlinePhoto{padding: 4px; border: 1px solid #c9ced3; background: #fff; margin: 5px 20px 15px 0; float: left;}

/* =Forms */
#fnHolder, #snHolder {width: 35%; float: left;}
#emHolder {clear: both; padding: 10px 0;}
.label {padding: 2px 0; font-weight: bold;}
#fsubmit {margin: 10px 0 30px 0;}
button p {margin: 3px;}

/* =Utility classes */
.pushBottom {margin-bottom: 50px;}
.pushTop {margin-top: 50px;}
.nudgeBottom {margin-bottom: 10px;}
.nudgeTop {margin-top: 10px;}
.pin {height: 1px; clear: both; float: none; overflow: hidden;}
.hide {display: none;}