@charset "UTF-8";
/* Global styles for Future Transport Systems - CSS Document */

/*LAYOUT & GLOBAL STYLES*/
html {font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:100%;}
* {margin:0;padding:0;}
body {color:#666666; font-size:62.5%; padding-bottom:2em; background: #3f8900 url(../i/abstract_green_bkgd.jpg) no-repeat center top;}
#wrapper {width:97.5em; margin:0 auto;}
#header {width:97.5em;}
#footer {width:94.3em; margin:1em auto; clear:both; color:#fff;}
.mainCol {width:69.2em; float:left; padding-right:0.8em; border-right:1px dotted #a3a3a3;}
.rightCol {width:21.9em; float:right;}
.leftNav {width:22em; float:left; margin-top:1em;}
.narrowContentCol {width:45.5em; float:right; margin-top:1em;}

a img {border:none;}
.hidden {display: none;}
p {margin-bottom:1em; font-size:1.2em; line-height:1.7em;}
.p{font-size:1.2em; line-height:1.7em;}
.mainCol .p p {font-size:1em; padding:0 } 

a {color:#669900; text-decoration:none;}
a:hover {text-decoration:underline;}
a.findOutMore {font-size:1.2em; padding:0 0.8em 0 0; background: url(../i/link_arrow_green.gif) no-repeat right center; float:right; position:relative; min-height:0;}
span a.findOutMore {text-align:right; display:block; width:95%; margin:0 0 0.3em 0;}
a.centreImg {width:100%; display:block; text-align:center;}
.clear {clear:both;line-height:0;height:0;font-size:0;}
ul.siteMap {margin-bottom:1em;}

/*ROUNDED PAGE CORNERS AND GREEN BORDER*/
/*green border containers*/
.gbTop, .gbBottom {height:16px; width:100%;}
.gbMiddle {width:92.8em; background-color:#fff; margin:-2px auto; padding:1.2em 1.6em 1.6em 1.6em;}
/*corners*/
.tl {background: url(../i/page_corner_tl.gif) no-repeat left top;}
.tr {background: url(../i/page_corner_tr.gif) no-repeat right top;}
.bl {background: url(../i/page_corner_bl.gif) no-repeat left bottom;}
.br {background: url(../i/page_corner_br.gif) no-repeat right bottom;}
/*green edges*/
.te {background: url(../i/page_border_top_grad.gif) no-repeat top; width:94.5em; margin: 0 auto;}
.be {background: url(../i/page_border_bottom_grad.gif) no-repeat bottom; width:94.5em; margin: 0 auto;}
.le {background: url(../i/page_border_left_edge.gif) repeat-y left;}
.re {background: url(../i/page_border_right_edge.gif) repeat-y right;}

/*HEADER*/
#header div.gbMiddle {padding:0 1em 0; width:94em;}
#header div.gbMiddle img {float:left; padding-top:1.8em;}
#skipLink {position:absolute; top:auto; width:1px; height:1px; overflow:hidden; font-size:1.4em; color:#fff; top:4.2em; margin-left:-5em;}
#skipLink:focus, #skipLink:active {width:100px; height:30px;}
.headerLinks {float:right; padding:1.4em 0 0.5em 0;}
.headerLinks ul {list-style-type:none;}
.headerLinks li {float:left;}
.headerLinks a {font-size:1.0em; color:#999; padding:0 0.7em; background: url(../i/header_link_separator.gif) no-repeat right center;}
.headerLinks a:hover, .headerLinks a:active {color:#669900;}
.headerLinks li.last a {padding-right:0; background-image:none;}
#search {float:right; overflow:hidden; margin-top:0.3em; clear:right;}
#search form {float:right;}
#search label {display:none;}
#search .text {float:left; padding:1px 0.2em; height:17px; color:#999;}
#search .submit {float:left; border:0; width:28px; height:24px; color:#fff; background: url(../i/search_submit_bkgd.gif) no-repeat; padding-top:24px;}
#search .submit:hover {cursor:pointer; background: url(../i/search_submit_bkgd_hover.gif) no-repeat;}

/*FOOTER*/
#footer div.footText {width:76em; float:left;}
#footer ul {list-style-type:none; padding-left:0.5em;}
#footer li {float:left;}
#footer p {color:#cae3ae; margin-bottom:0; font-size:1.1em; line-height:1.5em; float:left;}
#footer div.footLinks {float:left; height:1.7em; padding-left: 0.4em;}
#footer li a { color:#fff; font-size:1.1em; text-decoration:underline; padding:0 0.5em;background: url(../i/footer_link_separator.gif) no-repeat left center; }
#footer li a:hover, #footer li a:active {text-decoration:none;}
#footer a img {float:right;}

/*PRIMARY NAVIGATION*/
#primaryNav {width:94.5em; margin:5.6em auto 0 auto;}
#primaryNav div.navBkgd {background: url(../i/primary_nav_left.png) no-repeat left top; width:100%;}
#primaryNav div.rightCorner {background: url(../i/primary_nav_right.png) no-repeat right top;}
#primaryNav ul {list-style-type:none; float:left; padding:0.5em 0 0; margin:0 0 0 11px; background: url(../i/primary_nav_bkgd_tile.png) repeat-x top; width:92.3em;}
#primaryNav ul ul {display:none; width:20.4em; position: absolute; z-index:100; margin:0; top:2.8em; left:0em; background:#0071b2 url(../i/primary_nav_submenu_bkgd.gif) repeat-x top; padding-top:0; border:1px solid #01a7df;}
#primaryNav li {position:relative; z-index:100; float:left; margin-right:0.2em;}
#primaryNav li li {margin-right:0; border-bottom:1px dotted #01a7df;}
#primaryNav li a {display:block; float:left; padding:0.5em 1em 0.7em; color:#fff; text-decoration:none; font-size:1.2em;}
#primaryNav li a:hover, #primaryNav li.current a {padding:0.4em 1em 0.7em; background: #1b5300 url(../i/primary_nav_current_bkgd_.gif) repeat-x top; border-top:1px solid #01a7df;}
#primaryNav li li a, #primaryNav li.current li a  {font-size: 1.1em; width:16em; float:none; border:none; padding:0.7em 1em 0.9em 1.6em; background:none;}
#primaryNav li li a:hover, #primaryNav li.current li a:hover {background-image:none; background-color:#005d7c; font-size: 1.1em; border:none;} 
#primaryNav li.current li.last {border-bottom:none;}

/*SUBSECTION NAVIGATION*/
#pageWrap .leftNav a:hover {color:#0099cc;}
.leftNav {position:relative; background-color:#f2f2f2; border-right:1px dotted #a3a3a3;}
.leftNav ul {list-style-type:none; background-color:#fff; margin-right:-1em; width:20em; border-top:1px dotted #a3a3a3; border-left:1px dotted #a3a3a3; border-bottom:1px dotted #a3a3a3; padding:0 1em;}
.leftNav ul ul {border:none; padding:0;}
.leftNav li a {padding:0.5em 1em 0.5em 0; display:block; color:#666666; font-size:1.3em; border-bottom:1px dotted #a3a3a3; background:none; font-weight:normal;}
.leftNav li.current li a {color:#666666; background:none; font-weight:normal;}
.leftNav li li a {padding-left:0.8em;}
.leftNav li li li a {padding-left:1.6em;}
.leftNav li a:hover, .leftNav li a:active, .leftNav li.current li a:hover, .leftNav li li.current li a:hover {text-decoration:none; color:#669900;}
.leftNav li li.last a {border-bottom:none;}
.leftNav li.open li a, .leftNav li li.open li a {font-weight:normal;}
.leftNav li.open a, .leftNav li li.open a, .leftNav li li li.open a {font-weight:bold;}
.leftNav li.current a, .leftNav li.open li.current a, .leftNav li li.open li.current a {font-weight:bold; color:#449900; background: url(../i/link_arrow_blue.gif) no-repeat right center;}
.leftNav li.current.open a { color: #666; background:none;}
.leftNav li.current li.current a {color:#0099cc;}
.leftNav li li.current a {color:#0099cc;}
.leftNav li li li.current a {color:#0099cc;}

.leftNav li.open li.current li a {color:#666;font-weight:normal;background-image:none;}
.leftNav li.open li.open li.current a {color:#0099cc;}

/*IMAGE PANEL (Home page)*/
#imagePanel {margin-bottom:1.8em;}
#imagePanel ul {list-style-type:none; width:927px; height:235px; overflow:hidden; border:1px solid #ccc;}

ul.revolver { list-style-type:none; overflow:hidden; margin-bottom:0.5em; }

/*HEADINGS*/
h1, h2, h3, h4 {font-weight:normal;}
h1 {font-size:3.2em; margin-bottom:0.3em; line-height:1.1em; margin-top:-0.2em}
h2, .heading2 {font-size:2.1em; margin-bottom:0.5em;}
h3, .heading3 {font-size:1.8em; margin-bottom:0.5em;}
h4, .heading4 {font-size:1.6em; margin-bottom:0.5em;}
h5, h6 {font-size:1.2em; margin-bottom:1em; font-weight:bold;}

.p h2, .p .heading2 { font-size: 1.85em; }
.p h3, .p .heading3 { font-size: 1.5em; }
.p h4, .p .heading4 { font-size: 1.3em; }

/*MAIN CONTENT*/
.mainCol p, .mainCol .p {padding:0 0.5em;}
.mainCol img {margin:0 0 0.5em 0.5em;}
#content ul {padding-left:3em;font-size:1.2em;}
#content .p ul { font-size: 1em; }
#content li {line-height:1.7em;}
#content ul ul {padding-left:3em; font-size:1em;}
table {font-size:1.2em; width:90%; border:1px solid #a3a3a3;}
td, th {padding:0.5em; border:1px solid #a3a3a3;}
img.teamPortrait {border:1px solid #a3a3a3; margin-right:0.5em; margin-top:0.5em; float:right;}
.narrowContentCol p, .narrowContentCol .p {padding:0;}

/*CONTENT PANELS*/
#contentPanels {border-bottom:1px dotted #a3a3a3; padding-bottom:1.2em;}
#contentPanels h2 {color:#669900; /*position:relative; min-height:0;*/}
#contentPanels p {padding:0; font-size:1.4em; line-height:1.3em;/* position:relative; min-height:0;*/}
#contentPanels a.findOutMore {position:static;}
.greyPanel {width:22em; margin-right:1.5em; float:left;}
.greyPanel.lastPanel, .iconPanel.lastPanel  {margin-right:0; border-right:none;}
.greyPanel div.tl { background: url(../i/grey_panel_tl.gif) no-repeat left top; }
.greyPanel div.tr { background: url(../i/grey_panel_tr.gif) no-repeat right top; }
.greyPanel div.bl { background: url(../i/grey_panel_bl.gif) no-repeat left bottom; }
.greyPanel div.br { background: url(../i/grey_panel_br.gif) no-repeat right bottom; }
.greyPanel div.le { background: url(../i/grey_panel_le.gif) repeat-y left; }
.greyPanel div.re { background: url(../i/grey_panel_re.gif) repeat-y right; }
.panelInner {padding:1.7em;}
.iconPanel {width:21.9em; margin-right:1.5em; float:left; border-right:1px dotted #a3a3a3;}
.iconPanel div.panelInner {padding:0.5em 1em 0.5em 0.5em;}
.iconPanel h2 { height:2.65em; background-position: center bottom; background-repeat:no-repeat; }
.iconPanel p {height:5em;}
.iconPanel img { padding-left:2.7em; padding-bottom:0.5em; }

.textPanel, .imagePanel {float:left;overflow:hidden;width:19.8em;min-height:19.8em;border:1px solid #9cd9ee;background-color:#f4f4f4;padding:1em;position:relative;}
.textPanel h2, .imagePanel h2 {color:#0099cc;margin-bottom:1em;}
.textPanel p {font-size:1.2em;line-height:1.5em;}
.textPanel .link {text-align:right;}
.textPanel a.findOutMore, .imagePanel .link a {color:#0099cc;background:url(../i/link_arrow_blue.gif) no-repeat right center;padding-right:10px;position:absolute;bottom:0.75em;right:1em;}
.textPanel h2 a {color:#0099cc;}

.imagePanel {padding:0;width:21.8em;min-height:21.8em;}
.imagePanel h2 {margin-bottom:0;padding:0.5em 0.5em 0 0.5em;}
.imagePanel p {padding:0 0.9em 0 0.9em;margin:0;color:#0099cc;}
.imagePanel img {position:absolute;top:0;left:0;margin:0;z-index:10;}
.imagePanel .titleBG {position:relative;z-index:20;background-image:url(../i/semi-transparent-white-bkgd.png);padding-bottom:0.5em;}
.imagePanel .link {position:absolute;bottom:0;right:0;z-index:20;background-image:url(../i/semi-transparent-white-bkgd.png);width:12em;height:3em;}
.imagePanel h2 a {color:#0099cc;}

/*NEWS*/
#featuredNews {border-bottom:1px dotted #a3a3a3; padding:0 0.5em 1em; margin-bottom:1em;}
#featuredNews h3 a {color:#666;}
#featuredNews h3 span a {font-size:0.9em;color:#669900;}

#currentNews {float:left;padding-right:0.5em;}
#latestNews {width:43em;float:left;border-right:1px dotted #a3a3a3;padding-right:0.5em;}
#upcomingEvents {width:24em;float:left;padding:0 0.5em;}

.newsListItem {border-bottom:1px dotted #a3a3a3; margin-bottom:1em; padding:0 0.5em;}
.newsListItem p {width:28em; float:left;}
.newsListItem h2 {font-size:1.2em; margin-bottom:0.1em;}
.newsListItem h3 {width:19em; float:left;}
.newsListItem a img {float:right; border:1px solid #ccc; margin:0.3em 0 0.5em 0;}
h2.newsDate {font-size:1.4em; font-style:italic;}
img.newsLge {border:1px solid #a3a3a3; margin: 0.5em 0.5em 0 0.3em; float:right;}

.eventListItem {border-bottom:1px dotted #a3a3a3; margin-bottom:1em; padding:0 0.5em;}
.eventListItem p {width:31em; float:left;}
.eventListItem h3 {font-size:1.2em; margin-bottom:0.1em; clear:left; }
.eventListItem h2 {width:18em; float:left;}
.eventListItem a img {float:right; border:1px solid #ccc; margin:0.3em 0 0.5em 0;}

.moreNews {text-align:right;margin:0;}
.moreNews a {background:url(../i/link_arrow_green.gif) no-repeat right center;padding-right:10px;}

#upcomingEvents .eventListItem h3 {font-size:1.8em;}
#upcomingEvents .eventListItem h4 {font-size:1.2em;margin-bottom:0;font-style:italic;line-height:1.4em;}
#upcomingEvents .eventListItem p {width:100%;padding:0;font-style:italic;line-height:1.4em;}

/*DOWNLOADS*/
.docDownloads {padding:0 0.5em;}
.docDownloads ul {list-style-type:none;}
.docDownloads a.downloadLink { height:2em; font-size:1.2em; padding: 0 0.5em 1.6em 3.4em; display:block; background: url(../i/doc-icon-other.gif) no-repeat left top; }
.docDownloads a.downloadLink.pdf { background: url(../i/doc-icon-pdf.gif) no-repeat left top; }
.docDownloads a.downloadLink.doc, .docDownloads a.downloadLink.xdoc { background: url(../i/doc-icon-word.gif) no-repeat left top; }
.docDownloads a.downloadLink.ppt { background: url(../i/doc-icon-powerPoint.gif) no-repeat left top; }
.docDownloads a.downloadLink.xls { background: url(../i/doc-icon-excel.gif) no-repeat left top; }

/*BREADCRUMBS*/
#bc {margin-bottom:3em;}
#bc ul {list-style-type:none;}
#bc li {float:left;}
#bc a {color:#0099cc;display:block; padding:0.4em 1.4em 0.4em 0.4em; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; background: url(../i/bc_arrow_bkgd.gif) no-repeat right center; }
#bc li.current {display:block; padding:0.4em 1em 0.4em 0.4em; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; }
#bc li.first a {border-left: 1px solid #c1c1c1; padding-left:0.8em;}

/*PROJECTS*/
#projectList {width:46.2em; float:left; margin-top:1em; border-right: 1px dotted #a3a3a3;}
.project {margin:0 0.8em 1em 0.5em; border-bottom:1px dotted #a3a3a3;}
.project h2 {width:15.2em; float:left;}
.project p {width:26em; float:left;}
.project a img {margin:0.2em 0.4em 0.8em 0; border: 1px solid #ccc; float:right;}
table.spec, table.spec th, table.spec td {border:none;}
img.projectLge {border:1px solid #a3a3a3; margin: 0.5em 0.5em 0 0.3em; float:right;}

/*CASE STUDIES*/
#caseStudyList {width:21em; float:left; margin:1em 0 0 0.8em;}
#caseStudyList ul {font-size:1em;padding-left:0;}
#caseStudyList h2 a {color:#666666;}
#content div.caseStudyPage ul {padding-left:1em;}
.caseStudyPage li {border-bottom: 1px dotted #a3a3a3; margin-bottom:1em;}

/*PAGINATION*/
.pagination {font-size:0.9em; margin:0 0.2em 0.6em 0; width:100%;}
.pagination p {float:left; margin-bottom:0; display:block; padding:0 0 0 0.5em;}
#content div.pagination ul {list-style-type:none; padding-left:0; padding-bottom: 0.5em;float:right;} 
.pagination li {float:left; margin-right:3px;}
.pagination li a {display:block; padding:0 0.5em; border:1px solid #ebebeb; background-color:#f4f4f4;}
.pagination li a:hover {background-color:#fff; border:1px dotted #ccc;}
.pagination li.current {background-color:#fff; display:block; padding:0.1em 0.5em 0 0.5em; border:none; font-weight:bold;}
.pagination li.disabled {display:block; padding:0 0.5em; border:1px solid #ebebeb; color:#a3a3a3; background-color:#fff;}

/*NEWSLETTER SUBSCRIPTION*/
.newsletter {background-color:#d5e7b2; padding:0.4em; border:1px solid #b4b4b4; position:relative; margin-bottom:0.5em; }
.newsletter div.newsletterInner {background-color:#74ae00; padding:1em; border:1px solid #fff; position:relative;}
.newsletter h3 {color:#fff; margin:-0.2em 0 0.5em 0;}
.newsletter a {color:#fff; display:block; margin-bottom:0.5em; text-decoration: underline; }
.newsletter label {display:none;}
.newsletter input {margin-bottom:0.5em; padding:0.2em; color:#555;}
.newsletter p { color:#fff; margin-bottom:0 }
.newsletter ul { list-style-type:none; }
.newsletter ul label { display: inline; color:#fff; font-size: 1.2em; line-height: 1.7em; }

/*PROMO PANELS*/
.rightCol .greyPanel { margin-bottom: 0.5em; }
.rightCol .textPanel, .rightCol .imagePanel {margin-bottom:0.5em;clear:both;}
.promo { margin-bottom: 0.5em;} 
.rightCol .promo, .rightCol .newsletter {clear:both;}

/*SEARCH RESULTS*/
p.resultsInfo {margin-top:1.6em;}
p.resultsInfo #totalResults, p.resultsInfo #searchKeywords {font-weight:bold; font-style: italic; }
ul#searchResults {list-style-type:none; padding: 0.5em 0; border-top:1px dotted #a3a3a3; border-bottom:1px dotted #a3a3a3; margin:-0.4em 0 0.5em 0.5em;}
#searchResults li {margin:0 0 1em 0; display:block;}
#searchResults h2 {font-size:1.2em; margin-bottom:0;}
#searchResults p {padding-left:0; font-size:1em; margin-bottom:0;}
ul#searchResults ul {padding:0; position: relative; display:block; width:100%; height: 2em; clear:both;}
ul#searchResults ul li {float:left; color:#669900; font-size:0.9em; padding-left:1.5em; background: url(../i/bc_arrow_green.gif) no-repeat 0.5em 0.7em; }
ul#searchResults ul li.first {padding-left:0; background: none; }
.match { font-weight:bold; }

#searchResults li.pdf a { padding-right:1.5em; background: url(../i/icpdf.gif) no-repeat right top; }
#searchResults li.doc a, #searchResults li.docx a { padding-right:1.5em; background: url(../i/icdoc.gif) no-repeat right top; }
#searchResults li.ppt a { padding-right:1.5em; background: url(../i/icppt.gif) no-repeat right top; }
#searchResults li.xls a { padding-right:1.5em; background: url(../i/icxls.gif) no-repeat right top; }

#homePanels {padding-top:1.5em;overflow:hidden;width:71em;}
#homePanels .textPanel, #homePanels .imagePanel {margin-right:1.5em;}
#homePanels .last {margin-right:0;}