@charset "utf-8";
/* CSS Document for JRC */

/* HTML Defaults */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* Main Styles */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
p {margin-bottom: 15px}
.nomarg {margin-bottom: 0;}
.clear {clear: both;}
a img {border: none;}
h1, h2 {font: 200% Arial, Helvetica, sans-serif; color: #204092; padding-bottom: 15px;}
h1.sentence {color: #A2C2F6; text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 8px; padding-top: 2px;}
h3 {font: 130% Arial, Helvetica, sans-serif; margin-bottom: 5px; color: #204092;}

#wrapper { width: 994px; margin: auto auto; background: url(images/wrapper-bkg.jpg) no-repeat top left;}
#wrapper .tel {text-align: right; font: 150% Arial, Helvetica, sans-serif; color: #666; margin-top: 0; padding-top: 20px; margin-bottom: 10px;}
#wrapper .tel span {font-size: 80%; display: block; }
#wrapper .tel a:link, #wrapper .tel a:visited {color: #666;}
#wrapper .tel a:hover {text-decoration: none;}

.navigation {float: left; width: 310px; background: url(images/navigation-bkg-home.jpg) no-repeat; margin-right: 30px;}
.navigation#transport {background: url(images/navigation-bkg-transport.jpg) no-repeat;}
.navigation#government {background: url(images/navigation-bkg-government.jpg) no-repeat;}
.navigation#bidding {background: url(images/navigation-bkg-bidding.jpg) no-repeat;}
.navigation#planning {background: url(images/navigation-bkg-planning.jpg) no-repeat;}
.navigation#mergers {background: url(images/navigation-bkg-mergers.jpg) no-repeat;}


.navigation ul.main-nav {padding-top: 120px; margin-bottom: 50px;}
.navigation ul.main-nav li {list-style-type: none;width: 100px;}
.navigation ul.main-nav li a:link, 
.navigation ul.main-nav li a:visited {text-decoration: none; color: #204092; background: url(images/navigation-li-bkg.jpg) no-repeat left; line-height: 24px; padding-left: 22px; font-family: Arial, Helvetica, sans-serif; font-size: 110%;}
.navigation ul.main-nav li a:hover, 
.navigation ul.main-nav li a#active:link, 
.navigation ul.main-nav li a#active:visited {background: url(images/navigation-li-bkg-o.jpg) no-repeat left;}
.navigation ul.main-nav li#home {position: relative; left: 252px;}
.navigation ul.main-nav li#about {position: relative; left: 239px;}
.navigation ul.main-nav li#projects {position: relative; left: 223px;}
.navigation ul.main-nav li#clients {position: relative; left: 205px;}
.navigation ul.main-nav li#articles {position: relative; left: 175px;}
.navigation ul.main-nav li#contact {position: relative; left: 140px;}
.navigation .promise {background: url(images/promise-bkg.jpg) repeat-x; padding: 15px; color: #666; font: 90% Verdana, Arial, Helvetica, sans-serif;}
.navigation .promise p {line-height: 16px;}

#content { margin-left: 340px; padding: 50px 15px 15px 30px; line-height: 15px; } 
#content a.featureBox:link, 
#content a.featureBox:visited { float: left; width: 140px; margin-right: 15px; margin-top: 15px; line-height: 14px; padding: 5px; text-decoration: none; height: 210px; }
#content a.featureBox:hover {background: #D0E0FA;}
#content a.featureBox#lastTop,
#content a.featureBox#lastBottom {margin-right: 0;}
#content a:link, 
#content a:visited {color: #000;}
#content a:hover {text-decoration: none;}
#content .highlight {background: url(images/highlight-bkg.jpg) repeat-x; padding: 10px 10px 15px 10px; border-top: 1px solid #A8C6F7;}
#content ul {margin-bottom: 15px;}
#content ul li {line-height: 16px; list-style-position: outside; margin-left: 15px; list-style-type: disc;}
#content ul li ul {margin-top: 10px;}
#content ul li ul li {list-style-type: decimal; list-style-position: outside; margin-left: 25px;}
#content .highlight img {float: left;}
#content .highlight a:link img, 
#content .highlight a:visited img {border: 1px solid #A8C6F7;}
#content .highlight a:hover img {border: 1px solid #204092;}
#content .highlight p.hdg {font: 400 160% Arial, Helvetica, sans-serif; margin-bottom: 5px; color: #204092; border-bottom: 1px solid #204092; padding-bottom: 5px;}
#content .highlight a.more:link, 
#content .highlight a.more:visited {background: url(images/more-link-bkg.jpg) repeat-x; border: 1px solid #A8C6F7; padding: 5px 12px; color: #204092; text-decoration: none; }
#content .highlight a.more { 
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}
#content .highlight a.more:hover {background: #204092; color: #FFF;}
#content .highlight .textright {margin-left: 155px; margin-bottom: 5px;}
#content .highlight .leftCol {width: 270px; margin-right: 15px;}
#content .highlight .leftCol ul li, 
#content .highlight .rightCol ul li {line-height: normal; margin-bottom: 10px;}
#content .highlight .rightCol {float: right; width: 270px;}
#content .highlight .rightCol#foi {border: 1px solid #EAF2FD; padding: 5px; background: #FFF;}

#footer {clear: both; border-top: 1px solid #A5C4F6; padding-top: 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999;}
#footer p.left {float: left; width: 400px;}
#footer p.right {float: right; width: 400px; text-align: right;}
#footer p.right a:link, #footer p.right a:visited {color: #999;}
#footer p.right a:hover {text-decoration: none;}

#added to reduce columns and prevent scrollbar being added to page
th.col-dates.rotate {font-size: 8px;}
	
/* table classes */
.table { border-collapse: collapse !important; }
.table td,
.table th { background-color: #fff !important; }
.table-bordered th,
.table-bordered td { border: 1px solid #ddd !important; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #ddd; }
.table .table { background-color: #fff; }
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td { padding: 5px; }
.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td { border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th { background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th { background-color: #dff0d8; }
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th { background-color: #d9edf7; }
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th { background-color: #fcf8e3; }
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th { background-color: #f2dede; }
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }
.table-responsive { min-height: .01%; overflow-x: auto; }

/* ==========================================================================
   Mobile Navigation
 ========================================================================== */
div.menu-toggle { display: none; }
div.menu-toggle a {  }
div.menu-toggle a:hover { }
#mobile-navigation { display: none; }


/* Resolutions 768px and above */
@media (min-width: 768px) {
	
	/* main styles */
	#wrapper { position: relative; width: 750px; }
	
	/* responsive menu styles */
	#mobile-navigation { display: none; !important; }
}

/* Resolutions 992px and above */
@media (min-width: 992px) {
	
	/* main styles */
	#wrapper { position: relative; width: 970px; }
	
	/* responsive menu styles */
	#mobile-navigation { display: none; !important; }
	
	/* table responsive styles */
	.table .col-clients div { width: 130px !important; }
	.table .col-topics div { width: 190px !important; }
}

/* Resolutions 992px and above */
@media (min-width: 992px) and (max-width: 1199px) {
	/* feature box styles */
	#content a.featureBox#lastTop,
	#content a.featureBox#lastBottom { margin-right: 15px; }
}

/* Resolutions 1200px and above */
@media (min-width: 1200px) {
	
	/* main styles */
	#wrapper { position: relative; width: 994px; }
	
	/* responsive menu styles */
	#mobile-navigation { display: none; !important; }
}

/* Resolutions 767px and below */
@media screen and (max-width: 767px) {
	
	/* main styles */
    #wrapper { position: relative; width: 100%; }
	
	/* responsive menu styles */
	#mobile-navigation { display: none; !important; }

}

/* Resolutions 991px and below */
@media screen and (max-width: 991px) {
	
	/* contact detail styles */
	#wrapper .tel { position: absolute; top: 122px; right: 15px; margin-top: 0; padding-top: 0px; margin-bottom: 0px; }
	
	/* navigation panel styles */
	.navigation { float: none; width: 100%; }
	
	/* content panel styles */
	#content { margin-left: 0px; padding: 20px 15px 15px 15px; line-height: 15px; }
	
	/* feature box styles */
	#content a.featureBox#lastTop,
	#content a.featureBox#lastBottom { margin-right: 15px; }
	
	/* highlight box styles */
	#content .highlight { overflow: hidden; clear: both; }
	#content .highlight a.more span { display: none; }
	#content .highlight .leftCol { float: left; width: 48%; margin: 0; padding: 0; }
	#content .highlight .rightCol { float: right; width: 48%; margin: 0; padding: 0; }
	
	#table-content { padding-left: 15px; padding-right: 15px; }
	
	/* footer panel styles */
	#footer p { line-height: 14px; }
	#footer p.left { float: left; width: 49%; padding-left: 15px; }
	#footer p.right { float: right; width: 49%; text-align: right; padding-right: 15px; }
		
	/* table responsive styles */
	.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; background: url(images/scroll.jpg) no-repeat; background-position: 99% 5px; padding-top: 20px; }
	.table-responsive > .table { margin-bottom: 0; }
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td { white-space: normal; word-wrap: break-word !important; }
	.table-responsive > .table-bordered { border: 0; }
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 !important; }
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 !important;}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0 !important; }
		
	.table .col-clients div { width: 150px !important; }
	.table .col-other-reports div { width: 150px !important; }
	.table .col-transport div { width: 150px !important; }
	.table .col-topics div { width: 200px !important; }
	.table .col-objectives div { width: 150px !important; }
	.table .col-publications div { width: 200px !important; }
	.table .col-dates { }
	.table .col-dates rotate {font-size: 9px;}
	/* responsive menu styles */
	#mobile-navigation { display: none; !important; }

}

/* Resolutions 703px and below */
@media screen and (max-width: 703px) {
	
	#wrapper { background: url(images/wrapper-bkg-mobile.jpg) no-repeat top center; background-position: center 30px; }
	
	/* contact detail styles */
	#wrapper .tel { position: absolute; top: 0px; right: 0px; margin-top: 0; padding-top: 7px; margin-bottom: 0px; background: #1132A5; color: #fff; width: 100%; text-align: center; height: 30px; font-size: 14px; overflow: hidden; }
	#wrapper .tel span { display: inline; padding-left: 10px; font-size: 14px; }
	#wrapper .tel a { color: #F1F6FC !important; }
	
	/* navigation styles */
	.navigation { background: none !important; padding-top: 100px; }
	.navigation#transport, 
	.navigation#government, 
	.navigation#bidding, 
	.navigation#planning, 
	.navigation#mergers { background: none !important; }
	.navigation ul.main-nav { display: none; }
	
	/* responsive menu styles */
	div.menu-toggle { display: block; text-align: center; }
	div.menu-toggle { background: #A3C1F3; }
	div.menu-toggle a { color: #204092; padding: 5px 15px; display: block; font-size: 14px; text-decoration: none; border-top: 2px solid #D4E4FB; }
	div.menu-toggle a:hover { background: #7496ED; }
	
	#mobile-navigation { display: none; }
	#mobile-navigation ul { background: #A3C1F3; border-top: 1px solid #D4E4FB; }
	#mobile-navigation ul li { list-style-type: none; width: auto; border-top: 1px solid #D4E4FB; }
	#mobile-navigation ul li a:link, 
	#mobile-navigation ul li a:visited { color: #204092; padding: 5px 15px; display: block; font-size: 14px; text-decoration: none; }
	#mobile-navigation ul li a:hover { background: #7496ED; }
	#mobile-navigation ul li a#active:link, 
	#mobile-navigation ul li a#active:visited { background: #7496ED; color: #fff; }
}

/* Resolutions 467px and below */
@media screen and (max-width: 467px) {
	
	/* highlight box styles */
	#content .highlight img { float: left; max-width: 75px; }
	#content .highlight .textright { margin-left: 85px; margin-bottom: 5px; }
	#content .highlight .leftCol { float: none; width: 100%; margin: 0; padding: 0; }
	#content .highlight .rightCol { float: none; width: 100%; margin: 0; padding: 0; }
	
	/* footer panel styles */
	#footer p.left { float: none !important; width: 100%; text-align: center; }
	#footer p.right { float: none !important; width: 100%; text-align: center; }
	
	/* responsive menu styles */
	#mobile-navigation { display: none; !important; }
       
}
.wrap {float: left; margin: 10px;}

.set-w {
    max-width: 150px;
    overflow-wrap: break-word;
}