/* FHWA IFS CSS Document */

/* ------RESETS---------- */

img {
	border: none;
}
body,
html,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,ac
h3,
h4,
h5,
h6,
pre,
form,
p,
fieldset,
input,
button {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
th {
	font-weight: normal;
	font-style: normal;
}
/* HTML5 DISPLAY RULE */
header,
nav,
footer,
article,
aside,
canvas,
details,
figcaption,
figure,
hgroup,
menu,
summary,
section,
figure {
	display: block;
}
/*-------------------- UNIVERSAL ------------------ */

body,
html {
	position: relative;
	color: #404040;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	line-height: 1em;
}
/* body::-webkit-scrollbar {
 display: none;
} */
p {
	margin: 0 0 10px 0;
}
.clearfix {
	zoom: 1;
}
.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}
.clearall {
	clear: both;
}
/* for placeholder flex-item to complete incomplete row */
.flex-item.hidden {
	background: none !important;
}
.flex-item.hidden span {
	visibility: hidden;
}
/* ada helper - more descriptive text for buttons/links is read but not seen */
.visually-hidden {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
a.skip-nav {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	font-size: 0;
	color: transparent;
	z-index: -1;
}
/* -------------------- MISC STYLES------------------ */

.float-right {
	float: right;
}
.float-left {
	float: left;
}
.float-right.img-padding {
	padding: 10px 0 10px 15px;
}
.float-left.img-padding {
	padding: 10px 15px 10px 0;
}
.text-align-center {
	text-align: center;
}
.hide {
	display: none;
}
.hide-mobile {
	display: none;
}
.no-wrap {
	white-space: nowrap;
}
strong,
b {
	font-family: 'Roboto';
	font-weight: 700;
}
.materials-disclaimer {
	font-style: normal;
	font-size: 0.9em;
	line-height: 1.4em;
	padding-bottom: 7px; /*
 border: 1px dotted #f6884c;
 padding: 12px;
*/
}
.materials-disclaimer img {
	margin-bottom: -2px;
	padding-right: 7px;
}
/* ------ COLORS ------*/
.white {
	color: #fff;
}
.bg-gray {
	background-color: #d3d3d3;
}
/*innovative finance*/
.orange {
	color: #f6884c;
}
.bg-orange {
	background-color: #f6884c;
}
/* ---------- P3 LANDING PAGE ----------------- */
body.p2.s0 #col-wrap-outer {
	/*
	 background: url(/ipd/images/home_photo.jpg)0 0 no-repeat;
  background-size: cover;
*/
}
.slideshow-wrap {
	float: right;
	width: 95%;
	max-width: 380px;
	margin: 9px 0 4% 5%;
	background-color: #f7f7f7;
	padding: 2%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#randomItems > div {
	display: none;
	/* border-top: 5px solid #f0f0f0; */
	padding-top: 10px;
	background-color: #f7f7f7;
}
.slideshow-wrap .project-name {
	font-size: 1.4em;
	padding: 3% 0 0;
	line-height: 1.25em;
	font-weight: 500;
}
.btn-profile {
	width: auto;
	display: block;
	font-weight: 500;
	height: 45px;
	line-height: 45px;
	padding: 0 12px;
	text-decoration: none;
	background-color: #f0f0f0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: none;
	margin: 20px 0 0;
}
.btn-profile::after {
	content: url('/ipd/images/sm_arrow_orange.png');
	float: right;
	margin-top: 2px;
}
.btn-profile:hover::after {
	content: url('/ipd/images/sm_arrow_wht.png');
}
.btn-profile:hover {
	/*  background-color: #535457;*/
	background-color: #f6884c;
	color: #fff !important;
	text-decoration: none;
}
/* ---------------- P3 Toolkit table custom colors -----------*/
.p3lightyellowshade {
	background-color: #ffff99;
}
.p3nocolor {
	background-color: #c0c0c0;
}
.p3paleblueshade {
	background-color: #b8cce4;
}
.p3turquoiseshade {
	background-color: #ccffff;
}
.p3lightorangeshade {
	background-color: #fac090;
}
.p3darkblueshade {
	background-color: #365f91;
	color: #fff;
}
.p3tanshade {
	background-color: #ffcc99;
}
.p3greenshade {
	background-color: #00ff00;
}
.p3redshade {
	background-color: #ff0000;
}
.p3goldshade {
	background-color: #ffcc00;
}

/* P3 Toolkit Font Styles */

.publicationTitle a,
.publicationTitle .publicationTitle-button {
	font-family: Oswald, Arial, sans-serif;
	text-transform: none;
	font-weight: 400;
	/* color: #909090; */
	color: #404040;
	font-size: 1em;
	letter-spacing: 0.01em;
	line-height: 1.25em;
	margin:0px;
	background: transparent;
	border: 0;
	text-align: left;
}
.subtitle {
	font-family: Oswald, Arial, sans-serif;
	text-transform: none;
	font-weight: normal;
	/* color: #909090; */
	color: #909090;
	font-size: 0.8em;
	letter-spacing: 0.01em;
	line-height: 1.25em;
	margin: 20px 0px 10px;
	font-style: italic;
}

.publicationTitle .date-author {
	font-family: Oswald, Arial, sans-serif;
	text-transform: none;
	font-weight: normal;
	color: #767676; /* change #909090 to fix color contrast issue 1/6/21 */
	font-size: 0.8em;
	letter-spacing: 0.01em;
	line-height: 1.25em;
	margin: 20px 0px 10px;
}

#publicationLists .answer-toggle:before {
	content: '+';
	/* color:  #e97644; redacted june 2019, contrast change */
	color: #c93900;
	display: inline-block;
	width: 20px;
	margin-left: -20px;
}
#publicationLists .answer-toggle.active:before {
	content: '-';
	/* color:  #e97644; redacted june 2019, contrast change */
	color: #c93900;
	font-size: 1.3em !important;
	line-height: 1em;
}

.toggle-border {
	height: 1px;
	background: #fff;
	width: 280px;
	border-bottom: 1px solid #d7d7d7;
	margin: 0 0 10px 20px;
}

#publicationLists .answer-toggle {
	display: block;
	font-size: 1.05em;
	line-height: 1.4em;
	margin: 5px 0 10px 20px;
	padding: 0;
  font-weight: 400;
  font-family: 'Roboto', Arial, sans-serif;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-bottom: 0;
}
/* ---------------- global FACT SHEETS  ----------------*/
table.fact-sheets {
	width: 100%;
	margin: 30px 0;
	/*
    border-top: 3px solid #404040;
    border-bottom: 3px solid #404040;
*/
	border-collapse: collapse;
}
table.fact-sheets a {
	font-weight: 700;
}
table.fact-sheets td,
table.fact-sheets th {
	vertical-align: top;
	padding: 10px 0px;
}
/*
table.fact-sheets tr:first-of-type td, table.fact-sheets tr:first-of-type th {
    padding-top: 20px;
}
*/
table.fact-sheets tr:last-of-type td,
table.fact-sheets tr:last-of-type th {
	padding-bottom: 20px;
}
table.fact-sheets td {
	border-bottom: 1px solid #d7d7d7;
	padding-left: 13px;
}
table.fact-sheets td:nth-child(2) a {
	border-right: 1px solid #d7d7d7;
	text-align: right !important;
	padding-right: 12px;
}
table.fact-sheets td a {
	display: block;
}
table.fact-sheets th {
	min-width: 175px;
	text-align: left;
	border-top: none; /* need all border none's to overwrite publicatiosn defined th*/
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-weight: 700;
	padding: 20px 0 5px;
}
table.fact-sheets th.trow {
	border-bottom: 1px solid #d7d7d7;
	font-weight: normal;
	padding: 5px 5px 5px 13px;
	text-align: left;
}
.factsheet-image {
	padding: 5px 0 8px 0;
	display: block;
	margin: 5px;
	float: right;
	max-width: 30%;
}
.factsheet-image-full {
	padding: 5px 0 8px 0;
	display: block;
	max-width: 90%;
}

/* ---------------- global PROJECT PROFILES ----------------*/
.breadcrumb .back {
	display: inline !important;
	margin-right: 2px;
	text-decoration: none;
}
h1 .profile {
	/*     color: #909090;*/
	font-weight: 300;
}
.project-image {
	width: 100%;
	height: auto;
}
table.projectprofiles {
	margin: 30px 0;
	border-top: 3px solid #404040;
	border-bottom: 3px solid #404040;
	border-collapse: collapse;
}
table.projectprofiles td,
table.projectprofiles th {
	vertical-align: top;
	padding: 10px 10px 0 0;
}
table.projectprofiles tr:first-of-type td,
table.projectprofiles tr:first-of-type th {
	padding-top: 20px;
}
table.projectprofiles tr:last-of-type td,
table.projectprofiles tr:last-of-type th {
	padding-bottom: 20px;
}
table.projectprofiles td {
	border-bottom: 1px solid #d7d7d7;
	padding-left: 10px;
}
table.projectprofiles th {
	min-width: 175px;
	text-align: left;
	border-top: none; /* need all border none's to overwrite publicatiosn defined th*/
	border-bottom: 1px solid #d7d7d7;
	border-left: none;
	border-right: none;
	font-weight: 700;
}
table.projectprofiles th.rowgrp {
	min-width: 86px;
}
.table-header {
	height: 0;
	overflow: hidden;
}
.table-header.sticky-table-header {
	height: auto;
	overflow: auto;
	display: block;
	position: fixed;
	top: 0 !important;
	width: 100%;
	margin: 0px auto;
	max-width: 1200px;
	background: #fff;
	z-index: 1;
}
.table-header.sticky-table-header table {
	border-collapse: collapse;
}
.sticky-table-header table tr th:nth-child(n + 2) {
	width: 11%;
	border-bottom: solid 1px #dbdbdb;
	border-right: solid 1px #e8e8e8;
	border-left: none;
	border-top: none;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}
.sticky-header {
	position: absolute;
	top: 90px;
	background-color: #fff;
}
/* list within table, old class moved over */
ul.projectprofilesbltList {
	margin: 0 0 10px !important;
}
/* PROJECT PROFILES DEFAULT PAGE LIST */

.topNav .filter {
	color: #75767a; /* 9/16/20 - changed from #76777b; to fix color contrast issue */
}
a.profile-filter.active {
	color: #404040;
}
table.projectprofilesList {
	border-collapse: collapse;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	width: 100%;
}
table.projectprofilesList th {
	padding: 0 3px 10px;
	margin: 0;
	border-bottom: solid 1px #dbdbdb;
	border-right: solid 1px #e8e8e8;
	border-left: none;
	border-top: none;
	font-weight: normal;
	text-align: center;
	/*	min-width: 90px;*/
	vertical-align: top;
}
table.projectprofilesList th:nth-child(n + 2) {
	width: 11%;
}
table.projectprofilesList tr {
	padding: 0;
	margin: 0;
}
table.projectprofilesList tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}
table.projectprofilesList td {
	border-bottom: solid 1px #dbdbdb;
	border-right: solid 1px #e8e8e8;
	padding: 0.5em;
	margin: 0;
	vertical-align: top;
	text-align: center;
}
table.projectprofilesList th.profileName, 
table.projectprofilesList td.profileName {
	font-weight: normal;
	padding: 5px;
	text-align: left;
}
table.projectprofilesList th.hide-col,
table.projectprofilesList td.hide-col {
	opacity: 0.5; /*visibility: hidden;*/
}
/*----------------LINKS & BUTTONS --------------- */

a {
	/* color: #e97644; /* slighty darker & more saturated than ".orange" for readability, redacted June 2019 for contrast check changes */
	color: #c93900;
	text-decoration: underline; /* updated for FY20 - OIPD 06481 508 remediation - D.Trowell (8/26/2020) */
	/*-webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;*/
}
a:hover {
	color: #731f5d; /* added for FY20 - OIPD 06481 508 remediation - D.Trowell (8/26/2020) */
	text-decoration: underline;
}

.btn-top {
	padding: 40px 0 20px;
	width: 100%;
	text-align: center;
}
.btn {
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	padding: 11px 15px;
	text-decoration: none;
	background-color: #f0f0f0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: none;
}
.btn:hover {
	/*color: #ffffff;*/
	text-decoration: none;
}
/*--- ELEVATOR BTN - back to top ---*/
.ebutton-wrapper {
	display: block;
	position: fixed;
	bottom: 3%;
	right: 3%;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0.6s linear, opacity 0.6s linear;
	transition: visibility 0.6s linear, opacity 0.6s linear;
	z-index: 9999;
}
.ebutton-wrapper a {
	display: block;
	width: 100%;
	height: 100%;
}
.ebutton {
	display: block;
	position: absolute;
	bottom: calc(50% + 2px);
	right: 50%;
	width: 0;
	height: 0;
	border-left: 0.8rem solid transparent;
	border-right: 0.8rem solid transparent;
	border-bottom: 1rem solid #fff;
	-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}
.appear {
	opacity: 1;
	visibility: visible;
}
.appear-less {
	opacity: 0.35;
	visibility: visible;
}
/*-------------------- STRUCTURE------------------ */

.header-wrap {
	width: 94%;
	padding: 0 3%;
	float: left;
	background-color: #fff;
}
header {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	height: 125px;
}
header .related-sites {
	float: right;
	font-size: 0.8em;
	margin: 20px 0 0;
}
header .related-sites img:first-of-type {
	margin-right: 20px;
}
header .related-sites a {
	color: #404040;
	float: right;
	clear: right;
}
.logo-ifs {
	float: left;
	width: 50%;
	margin-top: 40px;
}
.logo-ifs a {
	text-decoration: none;
	color: #e4763a;
	/*color: #f6884c;*/
}
.center-for {
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 300;
	font-size: 1.25em;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.center-name {
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 400;
	font-size: 2.1em;
	line-height: 1.05em;
	text-transform: uppercase;
}
.logo-ifs .center-for {
	color: #c35519;
}

.logo-ifs-mobile {
	display: none;
	position: absolute;
	padding: 0 0 0 3%;
	left: 0;
	top: 25px;
	width: 80%;
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.logo-ifs-mobile a,
.logo-ifs-mobile a:hover {
	text-decoration: none;
	color: #fff !important;
}
/* arrow btns */

.btn-home {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #404040;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	height: 45px;
	line-height: 45px;
	padding: 0 16px;
	text-decoration: none;
	background-color: #f0f0f0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: none;
}
.btn-home:hover {
	background-color: #535457;
	color: #fff;
	text-decoration: none;
}
.btn-arrow {
	font-size: 2em;
}
.btn-home img {
	vertical-align: middle;
	display: inline-block;
	padding-left: 10px;
}
.btn-basic {
	cursor: pointer;
	font-family: 'Roboto', Arial, sans-serif;
	float: left;
	color: #404040 !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	height: 45px;
	line-height: 45px;
	padding: 0 16px;
	text-decoration: none;
	background-color: #f0f0f0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: none;
	margin-top: 30px;
}
.btn-basic:hover {
	background-color: #535457;
	color: #fff !important;
	text-decoration: none;
}
.btn-basic img {
	vertical-align: middle;
	display: inline-block;
	padding-left: 10px;
}
.btn-basic.submit {
	cursor: pointer;
	margin-right: 20px;
	background-color: #BC531A; /*#f6884c;*/
	color: #fff !important;
}
.btn-basic.submit:hover {
	background-color: #404040;
}
/* -------PRIM NAV - see responsive-nav.css -----*/
body.p1 li#p1 + li,
body.p2 li#p2 + li,
body.p3 li#p3 + li,
body.p4 li#p4 + li,
body.p5 li#p5 + li,
body.p6 li#p6 + li{
	border-left: 1px solid #BC531A; /*#f6884c;*/
}
/* PROJECT DELIVERY */
body.p1 li#p1 {
	background-color: #BC531A; /*#f6884c;*/
	border-left: 1px solid #BC531A; /*#f6884c;*/
}
/* PROJECT FINANCE */
body.p2 li#p2 {
	background-color: #BC531A; /*#f6884c;*/
	border-left: 1px solid #BC531A; /*#f6884c;*/
}
/* P3*/
body.p3 li#p3 {
	background-color: #BC531A; /*#f6884c;*/
	border-left: 1px solid #BC531A; /*#f6884c;*/
}
/* TOLLING AND PRICING*/
body.p4 li#p4 {
	background-color: #BC531A; /*#f6884c;*/
	border-left: 1px solid #BC531A; /*#f6884c;*/
}
/* VALUE CAPTURE */
body.p5 li#p5 {
	background-color: #BC531A; /*#f6884c;*/
	border-left: 1px solid #BC531A; /*#f6884c;*/
}
/* VALUE CAPTURE TOOLKIT */
body.p6 li#p6 {
	background-color: #BC531A; /*#f6884c;*/
	border-left: 1px solid #BC531A; /*#f6884c;*/
}
/* ----- GLOBAL NAV / SEARCH */

.global-panel {
	width: 100%;
	float: left;
	clear: both;
	height: 60px;
	background: #f0f0f0;
}
.global-panel #search {
	float: left;
	margin-top: 10px;
	padding: 0;
}
.search-wrap {
	margin: 0 auto;
	padding: 0 3%;
	max-width: 1200px;
}
/* ------- global list specific panel content----- */
#global-list {
	float: right;
	width: 70%;
}
#global-list ul {
	text-align: right;
	margin-top: 20px;
}
#global-list li {
	display: inline-block;
	font-size: 0.8em;
	margin: 0 12px;
}
#global-list li a {
	color: #404040;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	text-decoration: none; /* added for FY20 - OIPD 06481 508 remediation - D.Trowell (8/26/2020) */
}
#global-list li a:hover {
	color: #848484;
}
/*-------------------------------------------------------*/
/* icon buttons */
/*#global-nav {
	position: absolute;
	top: 15px;
	right: 0px;
}*/
/*
.nav-container {
	position: relative;
	width: 100%;
	float: left;
}
*/
/*.global-btn {
	position: relative;
	vertical-align: middle;
	color: #0b7;
	display: inline-block;
	margin: 0 7px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #96989d;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.global-btn:hover {
	border: 1px solid rgba(0,160,80,.0);
	color: #FFF;
}
.global-btn::before, .global-btn::after {
	width: 100%;
	height: 100%;
	z-index: 3;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.search::before, .menu::before {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.search::after, .menu::after {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}
.global-btn:hover::after, .global-btn:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}*/
/* toggle search and global items content */
/*
.global-panel {
	position: absolute;
	top: 70px;
	left: 0;
	background-color: #f0f0f0;
	width: 100%;
	height: 60px;
	max-height: 0;
	z-index: 5;
	visibility: hidden;
	-webkit-transition: max-height .15s ease-out, visibility .15s ease-out;
	transition: max-height .15s ease-out, visibility .15s ease-out;
}
*/
/* ------- global list specific panel content----- */
/*#global-list {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 95%;
	height: 100%;
	margin: 0 auto;
	margin-top: -60px;
	max-width: 1200px;
	visibility: hidden;
	-webkit-transition: max-height .15s linear, visibility .15s linear, margin-top .1s ease-out;
	transition: max-height .15s linear, visibility .15s linear, margin-top .1s ease-out;
}
#global-list ul {
	display: block;
	position: absolute;
	top: 15px;
	right: 0;
	margin-top: 0px;
	width: auto;
	height: calc(100% - 15px);
	text-align: right;
	line-height: 2;
}
#global-list li {
	display: inline-block;
	font-size: .8em;
	margin: 0 12px;
}
#global-list li a {
	color: #404040;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#global-list li a:hover {
	color: #848484;
}*/
/* -- global list mobile, in footer --*/
#global-list-mobile {
	display: none;
	background-color: #f0f0f0 !important;
	width: 100%;
	float: left;
	text-align: center;
}
#global-list-mobile ul {
	padding: 15px 3%;
	width: 94%;
	max-width: 1200px;
	margin: 0px auto;
}
#global-list-mobile li {
	display: inline-block;
	font-size: 0.8em;
	margin: 0 12px;
}
#global-list-mobile li a {
	color: #404040;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#global-list-mobile ul p:first-of-type {
	padding-top: 30px;
}
/* ------- search specific panel content------ */

/*
.search-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 15px;
	width: calc(100% - 15px);
	height: 56px;
	max-height: 0;
	margin: 0 auto;
	max-width: 1200px;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: max-height .15s linear, overflow .15s linear;
	transition: max-height .15s linear, overflow .15s linear;
}*/
#search {
	margin-top: 10px;
	padding-right: 58px;
	float: right;
}
#search input[type='text'] {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	float: left;
	line-height: 2;
}
input.srchbtn {
	display: inline-block;
}
#search .search-field {
	background-color: #f0f0f0;
	font-style: italic;
	padding-top: 9px;
	padding-left: 10px;
	width: 240px;
	/*color: #a4a4a4;*/
	color: #6d6d6d;
	border-left: 2px solid #f6884c;
	border-top: none;
	border-bottom: none;
	border-right: none;
}
#search .search-field.active {
	font-style: normal;
	color: #404040 !important;
}
/*#query {
  margin: 0;
}*/

/*.slide-down {
	margin-top: 0px!important;
	max-height: 150px!important;
	visibility: visible!important;
	overflow: initial!important;
}
.toggle-down {
	margin-top: 0px!important;
	max-height: 150px!important;
	visibility: visible!important;
	overflow: initial!important;
}
.show {
	visibility: visible!important;
	max-height: 150px!important;
}
.switch {
	position: relative;
}
.hide-element {
	max-height: 0;
}*/
.label-hidden {
	display: none;
}
/* --- CHILD wraps content columns ---*/

.breadcrumb {
	width: 100%;
	font-size: 1em;
	line-height: 1.45em;
	margin-bottom: 25px;
	color: #737373;
	border-bottom: 1px solid #dbdbdb;
}
.breadcrumb a {
	margin: 0 0.5%;
	text-decoration: none; /* added for FY20 - OIPD 06481 508 remediation - D.Trowell (8/26/2020) */
}
.breadcrumb span {
	font-size: 1.4em;
	color: #767676;
	/*color: #9e9e9e;*/
}
.breadcrumb strong {
	font-weight: 400 !important;
}
/* hiding last breadcrumb arrow */
/*
.breadcrumb span:last-of-type {
	display: none;
}
*/
.breadcrumb a:first-of-type {
	margin-left: 0;
}
#col-wrap-outer {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 5%;
}
/* wraps main and sec nav*/
.col-wrap {
	width: 94%;
	margin: 0px auto;
	padding: 3%;
	max-width: 1200px;
	font-size: 0.9em;
	line-height: 1.45em;
}
.col-wrap img {
	max-width: 100%;
	height: auto;
}
/* main content */
.left-col {
	float: left;
	width: 62%;
	margin: 0 5% 0 0;
	padding-bottom: 40px;
}
.topNav {
	margin-bottom: 20px;
	/*	margin-left: -8px;*/
	color: #767676;   /* 10/5/2020 - changed from #b4b4b4 to fix color contrast */ 
}
.topNav a {
	font-weight: 500;
	padding: 0 8px;
	white-space: nowrap;
	text-decoration: none; /* added for FY20 - OIPD 06481 508 remediation - D.Trowell (8/26/2020) */
}
.topNav a:last-child {
	padding: 0 0 0 8px;
}
/* includes secnav */
.right-col {
	float: right;
	width: 300px;
}
.right-col img {
	max-width: 100%;
	height: auto;
	float: left;
}
.wide-col {
	float: left;
	width: 100%;
	position: relative;
}
.left-col #sec-nav {
	padding-top: 30px;
}
/* more top margin on level one pages*/
.col-wrap.level1 {
	padding-top: 5%;
}
/* --------SIDEBARS--------- */
.sidebar1 {
	position: relative;
	padding: 30px;
	background-color: #f0f0f0;
}
.sidebar1 .corner {
	position: absolute;
	z-index: 100;
	top: -15px;
	left: -15px;
}
.sidebar1 .title {
	font-weight: 500;
	font-size: 1.2em;
}
.sidebar2 {
	margin-top: 30px;
	padding: 30px;
	background-color: #f0f0f0;
}
.sidebar2.corner-tri {
	background: transparent url(/ipd/images/corner_tri_purp.png) 0px 0px no-repeat;
	background-color: #f0f0f0;
}
.sidebar2 .title,
.sidebar3 .title {
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.3em;
}
/* no bg just spacing */
.sidebar3 {
	position: relative;
	padding: 30px;
}
/* specific sidebar styles */

.p3-toolkit.sidebar1 .title {
	padding-left: 100px;
}
.quick-facts p,
.quick-facts ul {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}
p.quick-facts-ul {
	border-bottom: none;
	padding-bottom: 10px;
}
.quick-facts li {
	background: url(/ipd/images/sm_arrow_orange.png) -6px 10px no-repeat !important;
}
/* --------------------- SEC (.level1) NAV -------------------*/

body.s1 #s1 a,
body.s2 #s2 a,
body.s3 #s3 a,
body.s4 #s4 a,
body.s5 #s5 a,
body.s6 #s6 a,
body.s7 #s7 a {
	color: #737373;
	background-image: none;
}
.sec-nav-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.1em;
	letter-spacing: 0.02em;
	padding: 25px 0 15px;
	text-decoration: none;
	color: #757575;  /* 9/15/20 - changed from #909090 to fix color contrast issue */
}
#sec-nav ul {
	margin: 0;
}
#sec-nav ul li {
	list-style-type: none;
	background: none;
	margin: 0;
	padding-left: 0;
}
#sec-nav a {
	font-size: 0.95em;
	font-weight: 500;
	letter-spacing: 0.01em;
	display: block;
	border-bottom: 1px solid #dbdbdb;
	text-decoration: none;
	padding: 5px 10px 5px 2px;
	background: url(/ipd/images/sec_nav_arrow.png) no-repeat right center;
	transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
}
#sec-nav a:hover {
	color: #737373;
}
/* p3 sec nav BATIC logo */
.bureau-link {
	display: inline-block;
	width: 100%;
}
.bureau-link img {
	float: right;
}
/* --------------------- TERTIARY (.level2) NAV -------------------*/

body.t1 #t1 > a,
body.t2 #t2 > a,
body.t3 #t3 > a,
body.t4 #t4 > a,
body.t5 #t5 > a,
body.t6 #t6 > a,
body.t7 #t7 > a,
body.t8 #t8 > a,
body.t2-2 #t2 {
	/* color: #f6884c;*/
	color: #731f5d;
	background-image: none;
}
#tert-nav > ul {
	margin: 0 0 30px 0;
}
/* WHAT AM I DOING HERE */
/* body.p4.s3 .level2 #tert-nav > ul, body.p4.s6 .level2 #tert-nav > ul, body.p4.s8 .level2 #tert-nav > ul, body.p5.t5 .level2 #tert-nav > ul, body.p5.t6 .level2 #tert-nav > ul, body.p2.t1 .level2 #tert-nav > ul, body.p2.t5 .level2 #tert-nav > ul, body.p2.t6 .level2 #tert-nav > ul, body.p2.t7 .level2 #tert-nav > ul {
    display: none;
} */
#tert-nav ul li {
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 5px 0 0;
}
#tert-nav > ul > li {
	margin: 0 0 5px 0;
}
#tert-nav ul li a {
	font-size: 0.95em;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: #404040;
	display: block;
	border-bottom: 1px solid #dbdbdb;
	text-decoration: none;
	padding: 5px 30px 5px 2px;
	background:#fff url(/ipd/images/sec_nav_arrow.png) no-repeat right center;
	transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
}
#tert-nav.accordian > ul > li > a {
	background: url(/ipd/images/tert_nav_accordian_arrow.png) no-repeat right center;
}
.accordian ul li a.active {
	/*  color: #D5373A!important;*/
	background: url(/ipd/images/tert_nav_arrow_active.png) no-repeat right center;
}
#tert-nav a:hover {
	color: #757575; /* updated for color constract 508 (FY20 - OIPD 06542) - D.Trowell )(9/8/2020) */
	/*color: #b4b4b4;*/
}
/* home buttons at the end of tert nav  */
/* sec-nav designation only for IFS homepage/How Center Does Business */
#tert-nav .btn-back,
#sec-nav .btn-back {
	margin: 15px 0;
	display: block;
	width: auto;
	text-align: right;
	font-size: 0.9em;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	background: transparent url(/ipd/images/tert_nav_btn_arrow.png) no-repeat 5px -80px;
	text-decoration: none;
	border: none;
}
#tert-nav .btn-back span,
#sec-nav .btn-back span {
	font-weight: 700;
}
/* sec-nav designation only for IFS homepage/How Center Does Business */
#tert-nav .btn-back.prim,
#sec-nav .btn-back.prim {
	color: #B8470A; /* updated for color constract 508 (FY20 - OIPD 06542) - D.Trowell )(9/8/2020) */
	/*color: #f6884c;*/
	background: transparent url(/ipd/images/tert_nav_btn_arrow.png) no-repeat 5px -80px;
	background-color: #f0f0f0;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
#tert-nav .btn-back.prim:hover,
#sec-nav .btn-back.prim:hover {
	background-position: 5px 0px;
	background-color: #f6884c;
	color: #fff;
}
#tert-nav .btn-back.sec {
	background: transparent url(/ipd/images/tert_nav_btn_arrow.png) no-repeat 5px -40px;
	color: #731f5d;
	background-color: #f0f0f0;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
#tert-nav .btn-back.sec:hover {
	background-position: 5px 0px;
	background-color: #731f5d;
	color: #fff;
}
.level2 #tert-nav .btn-back.sec {
	display: none;
}
body.p5.t1 .level2 #tert-nav div:first-of-type,
body.p5.t5 .level2 #tert-nav div:first-of-type,
body.p5.t6 .level2 #tert-nav div:first-of-type,
body.p2.t1 .level2 #tert-nav div:first-of-type,
body.p2.t5 .level2 #tert-nav div:first-of-type,
body.p2.t6 .level2 #tert-nav div:first-of-type,
body.p2.t7 .level2 #tert-nav div:first-of-type {
	display: block;
}
/* for How center does business */
body.p0 #sec-nav .btn-back.prim {
	display: none;
}
/* sections with first list item not linked, no page exists, down arrow */
#tert-nav ul li .no-link {
	font-size: 0.95em;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: #757575;  /* 9/14/20 - changed from #797979 to fix color contrast issue */
	display: block;
	border-bottom: 1px solid #dbdbdb;
	text-decoration: none;
	padding: 5px 30px 5px 2px;
	background: url(/ipd/images/tert_nav_accordian_arrow.png) no-repeat right center;
}
/*---- Tertiary nav sub items, essientially 'quaternary 'nav :) ----*/

body.t1-1 #t1-1 > a,
body.t1-2 #t1-2 > a,
body.t1-3 #t1-3 > a,
body.t1-4 #t1-4 > a,
body.t1-5 #t1-5 > a,
body.t1-6 #t1-6 > a,
body.t1-7 #t1-7 > a,
body.t1-8 #t1-8 > a,
body.t1-9 #t1-9 > a,
body.t1-10 #t1-10 > a,
body.t1-11 #t1-11 > a,
body.t1-12 #t1-12 > a,
body.t1-13 #t1-13 > a,
body.t1-14 #t1-14 > a,
body.t1-15 #t1-15 > a,
body.t1-16 #t1-16 > a,
body.t1-17 #t1-17 > a,
body.t1-18 #t1-18 > a,
body.t1-19 #t1-19 > a,
body.t1-20 #t1-20 > a,
body.t1-21 #t1-21 > a,
body.t1-22 #t1-22 > a,
body.t1-23 #t1-23 > a,
body.t1-24 #t1-24 > a,
body.t1-25 #t1-25 > a,
body.t1-26 #t1-26 > a,
body.t1-27 #t1-27 > a,
body.t1-28 #t1-28 > a,
body.t1-29 #t1-29 > a,
body.t1-30 #t1-30 > a,
body.t1-31 #t1-31 > a,
body.t1-32 #t1-32 > a,
body.t1-33 #t1-33 > a,
body.t1-34 #t1-34 > a,
body.t1-35 #t1-35 > a,
body.t1-36 #t1-36 > a,
body.t1-37 #t1-37 > a,
body.t1-38 #t1-38 > a,
body.t1-39 #t1-39 > a,
body.t1-40 #t1-40 > a,
body.t2-1 #t2-1 > a,
body.t2-2 #t2-2 > a,
body.t2-3 #t2-3 > a,
body.t2-4 #t2-4 > a,
body.t2-5 #t2-5 > a,
body.t2-6 #t2-6 > a,
body.t3-1 #t3-1 > a,
body.t3-2 #t3-2 > a,
body.t3-3 #t3-3 > a,
body.t3-4 #t3-4 > a,
body.t3-5 #t3-5 > a,
body.t3-6 #t3-6 > a,
body.t3-7 #t3-7 > a,
body.t3-8 #t3-8 > a,
body.t3-9 #t3-9 > a,
body.t3-10 #t3-10 > a,
body.t3-11 #t3-11 > a,
body.t3-12 #t3-12 > a,
body.t3-13 #t3-13 > a,
body.t3-14 #t3-14 > a,
body.t3-15 #t3-15 > a,
body.t3-16 #t3-16 > a,
body.t4-1 #t4-1 > a,
body.t4-2 #t4-2 > a,
body.t4-3 #t4-3 > a,
body.t4-4 #t4-4 > a,
body.t4-5 #t4-5 > a,
body.t4-6 #t4-6 > a,
body.t4-7 #t4-7 > a,
body.t4-7 #t4-7 > a,
body.t4-8 #t4-8 > a,
body.t4-9 #t4-9 > a,
body.t4-10 #t4-10 > a,
body.t4-11 #t4-11 > a,
body.t4-12 #t4-12 > a,
body.t4-13 #t4-13 > a,
body.t4-14 #t4-14 > a,
body.t4-15 #t4-15 > a,
body.t4-16 #t4-16 > a,
body.t4-17 #t4-17 > a,
body.t4-18 #t4-18 > a,
body.t4-19 #t4-19 > a,
body.t4-20 #t4-20 > a,
body.t4-21 #t4-21 > a,
body.t4-22 #t4-22 > a,
body.t4-23 #t4-23 > a,
body.t4-24 #t4-24 > a,
body.t4-25 #t4-25 > a,
body.t4-26 #t4-26 > a,
body.t4-27 #t4-27 > a,
body.t4-28 #t4-28 > a,
body.t4-29 #t4-29 > a,
body.t4-30 #t4-30 > a,
body.t5-1 #t5-1 > a,
body.t5-2 #t5-2 > a,
body.t5-3 #t5-3 > a,
body.t5-4 #t5-4 > a,
body.t5-5 #t5-5 > a,
body.t5-6 #t5-6 > a,
body.t5-7 #t5-7 > a,
body.t8-1 #t8-1 > a,
body.t8-2 #t8-2 > a,
body.t8-3 #t8-3 > a,
body.t8-4 #t8-4 > a,
body.t8-5 #t8-5 > a,
body.t9-1 #t9-1 > a,
body.t9-2 #t9-2 > a,
body.t9-3 #t9-3 > a,
body.t9-4 #t9-4 > a,
body.t10-1 #t10-1 > a,
body.t10-2 #t10-2 > a,
body.t10-3 #t10-3 > a,
body.t10-4 #t10-4 > a,
body.t10-5 #t10-5 > a,
body.t10-6 #t10-6 > a,
body.t10-7 #t10-7 > a,
body.t10-8 #t10-8 > a,
body.t10-9 #t10-9 > a,
body.t10-10 #t10-10 > a,
body.t10-11 #t10-11 > a {
	/* color: #f6884c;*/
	color: #731f5d;
	background-image: none;
}
body.t1 #t1 ul,
body.t2 #t2 ul,
body.t3 #t3 ul,
body.t4 #t4 ul,
body.t5 #t5 ul {
	display: block;
}
#tert-nav ul li ul {
	margin: 0px 0 15px 12px;
	padding-left: 7px;
	border-left: 1px solid #dbdbdb;
}
#tert-nav ul li ul li a {
	color: #404040;
	/* color: #f6884c;*/
	display: block;
	border-bottom: 1px solid #dbdbdb;
	text-decoration: none;
	padding: 5px 30px 5px 2px;
	background: none;
	transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
}
/* ---FIND IT FAST */
/* added for FY20 - OIPD 06481 508 remediation - D.Trowell (8/26/2020) */
.fif-finance a { text-decoration: none; }
.fif-finance a:hover { text-decoration: underline; }

.fif-finance ul li:first-of-type a:after {
	content: url(/ipd/images/icon_locked.png);
	margin: 0 10px;
}
.fif-finance ul li:first-of-type {
	background: url(/ipd/images/bullet_basic.png) no-repeat 0 16px;
}
/*added for OIPD 3261 - remove lock icon */
.no_after a::after {
   content: none !important; 
	
}
/* ------------- h1, h2 etc. --------------- */

/* 4 main landing pages */
.level1 h1 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 2.6em;
	font-weight: 400;
	line-height: 1.3em;
	padding: 0 0 30px;
	color: #404040;
}
/* all sec-nav pages */
.level2 h1 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 2.2em;
	font-weight: 400;
	line-height: 1.3em;
	padding: 0 0 22px;
	margin: 0 0 45px;
	background: url(/ipd/images/gradient_rule_l2_h1.jpg) right bottom no-repeat;
	color: #404040;
	position: relative;
}

.level2 #publicationLists h1 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 2.2em;
	font-weight: 400;
	line-height: 1.3em;
	padding: 0 0 22px;
	margin: 0 0 15px;
	background: url(/ipd/images/gradient_rule_l2_h1.jpg) right bottom no-repeat;
	color: #404040;
	position: relative;
}
.level2 h1 .arrow {
	position: absolute;
	z-index: 100;
	bottom: -30px;
	right: 275px;
	height: 30px;
	width: 30px;
	background: transparent url(/ipd/images/arrow_l2_h1.png) 0 0 no-repeat;
}
/* all tert-nav pages */
.level3 h1 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 2em;
	font-weight: 400;
	line-height: 1.3em;
	padding: 0 0 30px;
	color: #731f5d;
}
/* reduce top margin on any h2 that immediately follows an h1*/
h1 + h2 {
	margin-top: 5px;
}
.left-col h2:first-child {
	margin-top: 0;
	padding-top: 0;
}
h2 {
	font-family: Oswald, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: #757575; /* updated for FY20 - OIPD 06481 508 remediation - D.Trowell (8/26/2020) */
	/* color: #909090; */
	font-size: 1.6em;
	letter-spacing: 0.01em;
	line-height: 1.25em;
	margin: 20px 0px 10px;
}
h2.subtitle {
	font-size: 1.1em;
}
h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 7px 7px 6px 0;
	margin: 20px 0px 15px;
	display: block;
	border-bottom: 1px solid #dbdbdb;
}
h4 {
	background-color: #f4f4f4;
	display: block;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.3em;
	margin: 20px 0 15px;
	padding: 7px 7px 6px;
}
/* body#programs h4 {
	clear: both;
	background-color: transparent;
} */
h5 {
	font-size: 1em;
	line-height: 1.35em;
	font-weight: 500;
	margin: 15px 0 7px;
	text-transform: uppercase;
}
h6 {
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 600;
	font-style: italic;
	color: #731f5d;
	margin: 15px 0 7px;
}
/* leading section paragraph */
.leader {
	font-size: 1.1em;
	line-height: 1.65em;
}
/* Headings for Value Capture Special Assessment Resources */

/* .t4-15 h2 {background-color: #731f5d;
	color: #fff; line-height: 1.6em;
	 padding: 8px 0px 8px 5px; 
	margin: 20px 0px 0px 0px; 
	font-size: 1.4em;}

 .t4-15 h3  {
	/*font-size: 1.2em;
	line-height: 1.2em;
	padding: 3px 7px 3px 0;
	margin: 20px 0px 3px;
	display: block;

	font-family: Oswald, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: #909090;
	font-size: 1.6em;
	letter-spacing: .01em;
	line-height: 1.25em;
	margin: 20px 0px 0px;
	padding-bottom: 3px;
 border-bottom: none;
 
	
}*/
/* ---------------------- LISTS----------------- */

.col-wrap ul {
	margin: 7px 0 0 20px;
}

.col-wrap ul li {
	list-style-type: none;
	padding: 5px 0 5px 20px;
	background: url(/ipd/images/bullet_basic.png) no-repeat 0 12px;
}
.col-wrap ul.nobullets li {
	background: none;
}

ol {
	margin: 7px 0 0 40px;
}
ol li {
	padding: 5px 0 5px 0;
}
ul.basic {
	margin: 7px 0 0 20px;
}

ul.basic li {
	list-style-type: none;
	padding: 5px 0 5px 20px;
	background: url(/ipd/images/bullet_basic.png) no-repeat 0 12px;
}

ul.circle {
	list-style-type: circle;
}
ul.square {
	list-style-type: square;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
ol.decimal {
	list-style-type: decimal;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
/*  for any p that follows a basic list */
ul + p,
ol + p {
	margin-top: 20px;
}
/* FORMAT OPTIONS(pdf, html..links) */

.format-options {
	width: 100%;
	clear: both;
	margin: 10px 0;
	color: #767676; /* change #000 to fix color contrast issue 3/2/2025 */
}
/* used in webinars for "Presentations", "Transcript" etc.*/
.format-type {
	float: left;
	margin-right: 7px;
	color: #404040;
}
.format-options a {
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 12px 0 10px;
	border-right: 1px solid #ccc;
}
.format-options a:first-of-type {
	padding-left: 0;
}
.format-options a:last-of-type {
	border-right: none;
}
.item-desc {
	border-bottom: 1px dotted #c0c0c0;
}
/* adds padding to item desc only when there is one. Empty item desc won't have the extra padding. Always put item desc content in <p> or <ul> tags */
.item-desc :last-child {
	padding-bottom: 10px;
}
.item-desc:last-of-type {
	border-bottom: none;
}
.horz-rule {
	border-bottom: 1px dotted #ccc;
}
/* --- TOGGLE CATEGORIES, used in INTRO/ADAVANCED in publications ----*/

.category-wrap {
	padding-left: 0%;
}
.category-toggle:before {
	content: '+';
	padding-right: 10px;
}
.category-toggle.active:before {
	content: '-';
	font-size: 1.3em !important;
	line-height: 1em;
	padding-right: 12px;
}
.category-toggle {
	border-top: 3px solid #d7d7d7;
	width: 280px;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 1.2em;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.longertoggle {
	width: 500px !important;
}
.
.t1-7 .category-toggle {
	border-top: 3px solid #d7d7d7;
	width: 95%;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 1.2em;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.category-toggle .blacklink {
	color: #404040;
	font-style: italic;
}
/* add bottom line after last toggle - added as seperate div after category-wrap*/
.toggle-border-last {
	border-top: 3px solid #d7d7d7;
	width: 280px;
}
.t1-7 .toggle-border-last {
	border-top: 3px solid #d7d7d7;
	width: 95%;
}
.category-wrap:first-of-type {
	margin-top: 30px;
}
.category-toggle:hover,
.category-toggle.active {
	/*  color: #731f5d;*/
	color: #404040;
	text-decoration: none; /*  border-bottom: 1px solid #404040;*/
}
.category-content {
	display: none;
	padding: 10px 0 10px 2.7%;
}
.category-content.no-toggle {
	display: block;
	padding: 10px 0;
}
.sub-category-wrap {
	padding-left: 2.5%;
}
.sub-category {
	padding-top: 10px;
	font-weight: 500;
	font-style: italic;
}
.sub-sub-category {
	padding-left: 15px;
	font-style: italic;
}
.date-author {
	font-size: 0.95em;
	color: #767676; /* change #909090 to fix color contrast issue 1/6/21 */
}
h2 + .date-author {
	margin-top: -8px;
}
/* don't display Sub-category on TIFIA Tools Page */
.no-category .sub-category {
	display: none;
}
/*----- -----------TOGGLE FAQS --------------- */

.answer-toggle:before {
	content: '+';
	display: inline-block;
	width: 20px;
	margin-left: -20px;
}
.answer-toggle.active:before {
	content: '-';
	font-size: 1.3em !important;
	line-height: 1em;
}
.answer-toggle {
	display: block;
	font-size: 1.05em;
	line-height: 1.4em;
	margin-top: 12px;
	margin-left: 20px;
	font-weight: 400;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.answer-toggle:hover,
.answer-toggle.active {
	color: #404040;
	text-decoration: none;
	font-weight: 500;
}
.answer-content {
	display: none;
	padding: 10px 0 10px 2.7%;
}
.toggle-controls {
	text-align: right;
	margin-bottom: 1em;
	list-style-type: none;
}

.toggle-controls li {
	display: inline;
	background: none !important;
}
.toggle-controls__button {
	max-width: 120px;
	font-weight: 500;
	height: 40px;
	line-height: 1;
	padding: 0 12px;
	text-decoration: none;
	background-color: #f0f0f0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: none;
	/* margin: 20px 0 0; */
	margin: 0 0 5px 0;
	cursor: pointer;
	/*color: #f6884c;*/
	color: #b94b0f;
}
.toggle-controls__button:hover,
.toggle-controls__button:focus {
	background-position: 5px 0px;
	background-color: #f6884c;
	color: #fff;
}
/* ------------- html formatted PUBLICATIONS ---------*/

#publications h3 {
	border-bottom: none;
}
#publications h4 {
	background-color: #731f5d;
	color: #fff;
}
.publication-header {
	margin-bottom: 10px;
}
.publication-header h2 {
	font-size: 2em;
	width: 62%;
}
.left-col .publication-header {
	margin-bottom: 20px;
}
.left-col .publication-header h2 {
	width: 100%;
	margin: 0px 0px 10px;
}
/* PDF download link */
.right-col .format-options {
	width: 100%;
	text-align: right;
	margin: 0 0 10px;
	padding-bottom: 0px;
}
/* redefined toggle style for toc */
#toc .category-toggle:before {
	content: '-';
	padding-right: 10px;
	font-size: 1em !important;
	line-height: 1em;
}
#toc .category-toggle.active:before {
	content: '+';
	font-size: 1.3em !important;
	line-height: 1em;
	padding-right: 12px;
}
#toc .category-toggle {
	border-bottom: none;
	border-top: 3px solid #d7d7d7;
	display: block;
	font-size: 1.2em;
	font-weight: 500;
	height: auto;
	line-height: auto;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: auto;
}
.wide-col #toc .category-toggle {
	width: 280px;
}
#toc .category-toggle:hover,
#toc .category-toggle.active {
	color: #404040;
	text-decoration: none;
	border-bottom: none;
}
#toc .category-content {
	display: block;
	padding: 0 0 10px 0;
}
/* navigation between chapters and toc */
.bcrumb {
	border-top: 3px solid #d7d7d7;
	margin: 30px 0 0;
	width: 100%;
	padding: 10px 0 0;
}
.bcrumb a {
	width: 50%;
	display: inline-block;
}
.bcrumb a:first-of-type {
	text-align: left;
}
.bcrumb a:last-of-type {
	text-align: right;
}
/* TOC*/
#toc {
	margin-top: 30px;
}
#toc ul {
	list-style-type: none;
	margin: 0;
}
.tocList > li > a:first-of-type {
	font-weight: 500;
}
#toc li {
	list-style-type: none;
	background: none;
}
/*-------------------- CONCESSIONS MAP - PROJECTS list ---------------- */

.map-wrap {
	margin-bottom: 30px;
}
.map-wrap img {
	margin-top: 10px;
}

/* added for FY20 - OIPD 06481 508 remediation - D.Trowell (8/26/2020) */
ul.projects a { text-decoration: none; }
ul.projects a:hover { text-decoration: underline; }

ul.projects .project-name {
	font-weight: 700;
}
ul.projects .project-location {
	font-style: italic;
}
/*----------------Interactive Map -----------------*/
#newBuildFacilities,
#existingBuildFacilities {
	display: none;
}
/*--------------- FORMS -------------*/

input[type='text'],
select,
textarea {
	font-family: 'Roboto', Arial, sans-serif;
	/*color: #70818d !important;*/
	font-size: 0.9em;
	margin: 0;
	padding: 3px 5px 3px;
}
.required,
.error {
	color: #db2222;
}
.error {
	padding-left: 5px;
}
.label-hidden,
.fieldLabel {
	display: none;
}
.download-form .row {
	padding: 5px 0;
}
.download-form label {
	margin-left: 15px;
}
/* ------side bar features------- */

.right-col .big-link {
	float: left;
	margin-bottom: 3%;
}
.right-col .big-link a {
	font-size: 1.25em;
	font-weight: 500;
	font-style: normal;
	line-height: 1.3em;
}
.right-col .big-link a::after {
	content: url(/ipd/images/sm_arrow_orange.png);
}
/* ------ FLEX BOXES ------- */

/* add no-desc boxes don't have a description. ALL should have a desc or ALL should have none, not split*/
.options-content.no-desc {
	min-height: 70px !important;
}
#toolkit-options.flex-container,
#p3-projects-options.flex-container {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
}
#toolkit-options.flex-container {
	margin: 0 auto 3%;
}
#p3-projects-options.flex-container {
	margin: 3% auto;
}
#toolkit-options .flex-item {
	position: relative;
	-ms-flex-order: 0;
	-webkit-box-ordinal-group: 1;
	order: 0;
	-ms-flex: 0 1 24%;
	-webkit-box-flex: 0;
	flex: 0 1 24%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	    align-self: stretch;
	background-color: #f0f0f0;
	/* f89957*/
	margin: 0 0 20px;
	height: 100%;
}
/*----flex within flex for button list ------*/

#toolkit-options .button-list {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	margin: 0;
}
#toolkit-options .options-content {
	padding: 4% 6% 3%;
	min-height: 215px;
}
#toolkit-options img {
	width: 100%;
	height: auto;
}
#toolkit-options .options-content .title {
	color: #731f5d;
	font-size: 1.7em;
	font-weight: 400;
	line-height: 1.2em;
}
/* button list flex-items */
#toolkit-options .button-list .flex-item {
	-ms-flex-order: 0;
	-webkit-box-ordinal-group: 1;
	order: 0;
	-ms-flex: 0 1 100%;
	-webkit-box-flex: 0;
	flex: 0 1 100%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	    align-self: stretch;
	margin: 0;
}
#toolkit-options .btn-basic {
	width: 87%;
	display: block;
	color: #404040;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	padding: 2% 8% 2% 5%;
	margin-top: 0px;
	text-decoration: none;
	background: transparent url(/ipd/images/btn_lg_arrow_orange.png) 95% center no-repeat;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-top: 2px solid #fff;
	border-right: none;
}
.flex-item .btn-basic.inactive {
	color: #acacac !important;
	background: none !important;
}
.flex-item .btn-basic.inactive:hover {
	color: #acacac !important;
	background-color: none !important;
}
#toolkit-options .flex-item .btn-basic img {
	float: right;
	margin-top: 10px;
	padding-left: 3px;
}
#toolkit-options .flex-item .btn-basic:hover {
	background-color: #4f4f4f;
	color: #fff;
	text-decoration: none;
}
/* this wraps a (max) two-line button title in order to reset the line-height*/
.long-title {
	line-height: 1.6em;
	margin-top: 5px;
}
.third-line {
	height: 80px;
}

.subitem {
	display: block;
	margin-left: 25px;
}
/* ----Flex boses for P3 PROJECTS landing-----------*/

#p3-projects-options .flex-item {
	position: relative;
	-ms-flex-order: 0;
	-webkit-box-ordinal-group: 1;
	order: 0;
	-ms-flex: 0 1 32%;
	-webkit-box-flex: 0;
	flex: 0 1 32%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	    align-self: stretch;
	background-color: #f0f0f0;
	/* f89957*/
	margin: 0 0 20px;
	height: 100%;
}
/*----flex within flex for button list ------*/

#p3-projects-options .button-list {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	margin: 0;
}
#p3-projects-options .options-content {
	padding: 4% 5% 3%;
	min-height: 130px;
}
.options-content.pf-legis {
	min-height: 160px !important;
}
/*#p3-projects-options .full-text.open {
  display: inline!important;
}*/
#p3-projects-options.resources .options-content,
#p3-projects-options.tools-programs .options-content {
	min-height: 170px;
}
#p3-projects-options img {
	width: 100%;
	height: auto;
}
#p3-projects-options .options-content .title {
	color: #731f5d;
	font-size: 1.7em;
	font-weight: 400;
	line-height: 1.2em;
}
/* button list flex-items */

#p3-projects-options .button-list .flex-item {
	-ms-flex-order: 0;
	-webkit-box-ordinal-group: 1;
	order: 0;
	-ms-flex: 0 1 100%;
	-webkit-box-flex: 0;
	flex: 0 1 100%;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	    align-self: stretch;
	margin: 0;
}
#p3-projects-options .btn-basic {
	width: 80%;
	display: block;
	color: #404040;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	padding: 2% 15% 2% 5%;
	margin-top: 0px;
	text-decoration: none;
	background: transparent url(/ipd/images/btn_lg_arrow_orange.png) 95% center no-repeat;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-top: 2px solid #fff;
	border-right: none;
}
#p3-projects-options .flex-item .btn-basic img {
	float: right;
	margin-top: 10px;
	padding-left: 3px;
}
#p3-projects-options .flex-item .btn-basic:hover {
	background-color: #4f4f4f;
	color: #fff;
	text-decoration: none;
}
/* -- NEWWORTHY - ARCHIVES/ALL LISTINGS --*/

#news-archives .full-list {
	margin: 7px 0 0 0px;
}
#news-archives .full-list li {
	list-style-type: none;
	border-bottom: 1px dotted #d3d3d3;
	padding: 5px 0 5px 2px;
	background: none;
}
#news-archives .date {
	margin-bottom: 3px;
}
#news-archives .date span {
	text-transform: uppercase;
	font-size: 0.85em;
	padding-top: 10px;
	color: #8c8c8c;
}
#news-archives .headline {
	margin: 0px 0 10px;
}
#news-archives .headline a {
	font-weight: 500;
	font-size: 1em;
	line-height: 1.2em;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.full-list h2 {
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
/*------------------ GLOSSARY ------------------------*/

#glossary {
	margin-left: 0;
}
#glossary li {
	background-image: none !important;
	padding: 5px 0px;
	width: 100%;
}
#glossary > li > a {
	text-align: center;
	display: block;
	background-color: #f4f5f6;
	font-size: 1.3em;
	line-height: 1.3em;
	font-style: normal;
	font-weight: 500;
	padding: 7px 0px 7px 0px;
	margin-bottom: 2px;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
#glossary > li > a:hover {
	text-decoration: none;
	background-color: #dcdbdd;
}
#glossary li ul {
	margin: 0 1.5%;
	display: none;
}
#glossary .glossary-term {
	font-size: 1.1em;
	line-height: 1.3em;
	font-style: normal;
	font-weight: 600;
	margin: 14px 0 5px;
}
.glossary-toggle {
	text-align: right;
}
.glossary-toggle a {
	float: none !important;
	padding: 10px 12px;
}
/*-------------- FLEXSLIDER PHOTO FEATURE - redefines ---------------*/

/* ----------FHWA Banner Misc CSS-----------------------*/
#top-banner-wrap {
	padding: 0;
	height: 49px;
}
#footer-wrap {
	margin-top: 0px;
	width: 100%;
	float: left;
	padding: 20px 0;
	background-color: #535457; /*position: absolute;
	bottom: 0;*/
}
#top {
	float: left;
	position: relative;
	width: 100%;
}
#top .btn {
	background-color: #f0f0f0;
	display: block;
	float: none;
	height: 30px;
	text-align: center;
	text-decoration: none;
}
#top .btn:hover {
	background-color: #f0f0f0;
}
#top .btn::after {
	border-bottom: 2px solid #f6884c;
	border-right: 2px solid #f6884c;
	content: ' ';
	height: 10px;
	left: 49.5%;
	position: absolute;
	top: 23px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 10px;
}
#top .btn:hover::after {
	border-bottom: 2px solid #404040;
	border-right: 2px solid #404040;
}
#top .btn:hover::before {
	/*    content: "top";*/
}
/* -------------------FHWA PROVIDED CSS -------------------------------*/

/*
Theme Name: Federal Highway Administration
Theme URI: https://www.fhwa.dot.gov
Author: Demetrius Trowell
Description: General stylesheet for the FHWA website
Created: 9/10/2012
Last Updated: 4/9/2014
*/

/* start - header styles **********************************************************************************/
#fhwaheader {
	font: normal small/1.5em Arial, Helvetica, sans-serif;
	background: #063472 url(/ipd/images/banner/bg_headersm.png) left top repeat-x;
	margin-bottom: 20px;
	padding: 5px 0 2px 0;
	text-align: left;
	width: 100%;
}
.fhwacontainer {
	max-width: 1200px;
	margin: 0 auto;
}
#fhwaheader img.imgdotfhwalg {
	display: none;
}
/* hides large FHWA header */
#fhwaheader .socialbtns {
	border: #f00 0 solid;
	display: block;
	float: right;
	margin-top: 11px;
}
/* nav and social buttons position */
#fhwaheader .socialbtns img {
	margin-left: 2px;
}
/* left margin for social buttons */
#fhwaheader ul.dropdown {
	margin: 0;
	padding: 0;
	list-style: none;
}
#fhwaheader ul.dropdown li {
	display: inline;
	margin: 0;
	padding: 0;
}
#fhwaheader ul.dropdown .arrow {
	background: url(/ipd/images/banner/imgarrow2.png) bottom center no-repeat;
}
#fhwaheader ul.dropdown li a {
	float: left;
	color: #fff;
	margin: 0;
	padding: 0 0 2px 0;
	text-decoration: none;
}
#fhwaheader ul.dropdown li a span {
	font-size: 0.93em;
	float: none;
	display: block;
	padding: 4px 8px 6px 0;
}
#fhwaheader ul.dropdown li a span.adjleftmgn {
	padding-left: 3px;
}
#fhwaheader ul.dropdown li a:hover,
#fhwaheader ul.dropdown li a.active,
#about #fhwaheader ul.dropdown li.mnabout a span,
#divisions #fhwaheader ul.dropdown li.mnabout a span,
#programs #fhwaheader ul.dropdown li.mnprograms a span,
#fhwaheader ul.dropdown li.mnprograms a span,
#resources #fhwaheader ul.dropdown li.mnresources a span,
#briefingroom #fhwaheader ul.dropdown li.mnbriefing a span,
#contact #fhwaheader ul.dropdown li.mncontact a span {
	color: #f60;
}
#fhwaheader .mainnav {
	display: none;
}
#fhwaheader ul.dropdown ul {
	border-top: #000 1px solid;
	width: 208px;
}
#fhwaheader ul.dropdown ul li {
	border-right: 0;
	text-align: left;
}
#fhwaheader ul.dropdown ul li a {
	background: #fff;
	color: #000;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	font-size: 0.9em;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: none;
	width: 200px;
}
#fhwaheader ul.dropdown ul li a:hover {
	background: #036;
	color: #f60;
}
/* end - header styles ************************************************************************************/

/* start - footer styles **********************************************************************************/
#fhwafooter {
	clear: both;
	padding: 10px 10px 30px 10px;
	text-align: left;
	font: normal 0.8em/1.5em Arial;
	max-width: 1200px;
	margin: 0 auto;
	/* background-color: #535457;*/
	color: #fff;
}
.fhwasign {
	background: url(/ipd/images/banner/imgfhwasign.png) left no-repeat;
	border-right: #fff 1px solid;
	float: left;
	margin-right: 10px;
	padding: 0;
	height: 60px;
	width: 162px;
}
#fhwafooter .foottext {
	margin-top: 2px;
}
#fhwafooter a,
#fhwafooter a:visited {
	color: #fff;
	text-decoration: none;
}
#fhwafooter a:hover {
	color: #9cf;
}
.fhwatext {
	float: left;
	clear: right;
	margin: 0;
	padding: 8px 0 0 0;
}
#footerAdobe {
	font-size: 0.85em;
	color: #999999;
	float: right;
	width: auto;
	text-align: right;
	padding: 10px 0;
}
/* end - footer styles ************************************************************************************/

/*
Theme Name: Federal Highway Administration
Theme URI: https://www.fhwa.dot.gov
Author: Demetrius Trowell
Description: Print stylesheet for the FHWA website
Created: 9/10/2012
Last Updated: 9/19/2012
*/

/* update notes - used to keep track of significant addition or changes
***********************************************************************************
0/00/0000 (initals) - description of change
***********************************************************************************
*/

ul.dropdown {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
ul.dropdown li {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
ul.dropdown ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
ul.dropdown {
	float: left;
	position: relative;
	z-index: 597;
}
ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}
ul.dropdown li.hover {
	cursor: default;
	position: relative;
	z-index: 599;
}
ul.dropdown li:hover {
	cursor: default;
	position: relative;
	z-index: 599;
}
ul.dropdown ul {
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	width: 100%;
	z-index: 598;
}
ul.dropdown ul li {
	float: none;
}
ul.dropdown ul ul {
	left: 99%;
	top: 1px;
	font-size: 1em;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}
/* LOCAL AID PUBLICATIONS */
.pub-thumb img {
	max-width: 100%;
	height: auto;
	float: left;
	padding: 0 15px 10px 0;
}
.pub-container {
	float: left;
	width: 100%;
	padding: 20px 20px 0 0;
}
.pub-float-left {
	float: left;
	width: 80%;
}
/* ExitLink Default */
.exitLink {
}
/* Photo Credits */
.credit {
	clear: both;
	color: #5c5c5c;
	font-style: italic;
	padding-top: 0;
	padding-bottom: 10px;
	margin-top: 0;
	font-size: 0.8em;
}
.creditthumbLeft {
	clear: both;
	color: #5c5c5c;
	font-style: italic;
	padding-top: -15px;
	padding-bottom: 10px;
	margin-top: -15px;
	width: 130px;
	font-size: 0.8em;
}
.creditthumbRight {
	clear: both;
	color: #5c5c5c;
	font-style: italic;
	padding-top: -15px;
	padding-bottom: 10px;
	margin-top: -15px;
	width: 115px;
	font-size: 0.8em;
	margin-right: 0;
}
/* DATA TABLE STYLES */

td.right {
	text-align: right !important;
}
.table50 {
	width: 50%;
}
.table80 {
	width: 80%;
}
table.dataTableSmall {
	border-collapse: collapse;
	border-bottom: 2px solid #aaa;
	margin: 20px 0 30px;
	font-size: 0.9em;
	line-height: 1.3em;
	vertical-align: top;
	text-align: left;
	background-color: #ffffff;
}
table.dataTableSmaller {
	border-collapse: collapse;
	border-bottom: 2px solid #aaa;
	margin: 20px 0 30px;
	font-size: 0.9em;
	line-height: 1.3em;
	vertical-align: top;
	text-align: left;
	background-color: #ffffff;
}
table.dataTableSmallest {
	border-collapse: collapse;
	border-bottom: 2px solid #aaa;
	margin: 20px 0 30px;
	vertical-align: top;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.3em;
	background-color: #ffffff;
}
table.dataTable {
	width: auto;
	border-collapse: collapse;
	border-bottom: 2px solid #aaa;
	margin: 20px 0 30px;
	/*  font-size: 11px;*/
	font-size: 0.9em;
	line-height: 1.3em;
	vertical-align: top;
	text-align: left;
	background-color: #ffffff;
}
.dataTableSmall td,
.dataTable td,
.dataTableSmaller td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding: 7px;
	vertical-align: top;
	text-align: left;
}
.dataTableSmallest td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}
.dataTableSmall.maxwidth,
.dataTable.maxwidth,
.dataTableSmaller.maxwidth,
dataTableSmallest.maxwidth {
	width: 95%;
}

.dataTable thead {
	background-color: #f0f0f0;
}

.dataTable th.th2 {
	border: 1px solid #cccccc;
	padding: 7px;
	font-weight: 700;
}

/* add padding and bold font to TH on any table style */
th.p7f7 {
	padding: 7px!important;
	font-weight: 700!important;
}

/* added for row scope on TH tags to make them 508 compliant */
.dataTable th.row,
.dataTableSmallest th.row {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding: 7px 5px 5px 7px;
	vertical-align: top;
	text-align: left;
}
.dataTableSmallest th.row { padding: 3px; }
caption {
	text-align: left;
	font-weight: 500;
	color: #731f5d;
	margin: 5px 0;
	font-size: 0.9em;
	font-style: italic;
}
figcaption {
	text-align: left;
	font-weight: 500;
	color: #731f5d;
	margin: 5px 0;
	font-size: 0.9em;
	font-style: italic;
}
th {
	text-align: left;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
}
.dataTable ul li,
.dataTable ol li {
	padding: 3px 0 3px 2px;
	list-style-type: disc;
	background: none;
}
.dataTableSmall ul li,
.dataTableSmall ol li {
	padding: 3px 0 3px 2px;
	list-style-type: disc;
	background: none;
}
.dataTableSmaller ul li,
.dataTableSmaller ol li {
	padding: 3px 0 3px 2px;
	list-style-type: disc;
	background: none;
}
.dataTableSmallest ul li,
.dataTableSmallest ol li {
	padding: 3px 0 3px 2px;
	list-style-type: disc;
	background: none;
}
td.indent {
	padding-left: 15px;
}
p.indent {
	padding-left: 25px;
}
/* COLORED TABLE CELLS - VARIOUS */
.grayRow {
	background-color: #f5f5f5;
	border: 1px;
	border-color: #f5f5f5;
}
.dkredCell {
	background-color: #b30000;
	color: #fff;
}
.redCell {
	background-color: #d99594;
}
.ltredCell {
	background-color: #f2dbdb;
}
.dkblueCell {
	background-color: #4373AD;
	color: #fff;
}
.blueCell {
	background-color: #95b3d7;
}
.ltblueCell {
	background-color: #dbe5f1;
}
.blackCell {
	background-color: #000;
	color: #fff!important;
}
.ltgrayCell {
	background-color: #f2f2f2;
	color: #404040;
}
th.stateCell {
	background-color: #ffffff;
	text-align: left;
	padding: 7px;
	vertical-align: top;
}
th.backToTop {
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	padding: 7px;
}
th.centerCell {
	padding: 7px;
	vertical-align: top;
}
td.centerCell {
	text-align: center;
}
.borderRight {
	border-right: 1px;
	border-right-style: solid;
	border-right-color: #aaa !important;
}
.callout_main {
	background-color: #e6ffea;
	padding: 20px;
	margin: 20px;
	border: 2px solid #000;
}
.chapterNav {
	padding-left: 25%;
	background-color: #d3d3d3;
	font-size: 0.85em;
}
.caption {
	font-size: 0.9em;
	font-style: italic;
}
.updated {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
	color: #663366;
}
/* ------------FROM OLD SITE FOR HTML PUBLICATIONS ---- */

.floatRight {
	float: right;
	margin: 0 0 1rem 1rem;
}
/* TEXT BOXES */
.box40 {
	padding: 2%;
	margin: 10px;
	line-height: 1.5em;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	width: 40%;
}
.box50 {
	padding: 2%;
	margin: 10px;
	line-height: 1.5em;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	width: 50%;
}
.box40 img,
.box50 img,
.box90 img,
.box100 img,
.specialInfoCallout img {
	max-width: 95%;
}
.box40 blockquote,
.box50 blockquote,
.box90 blockquote,
.box100 blockquote,
.specialInfoCallout blockquote,
.box100border blockquote {
	margin: 0;
	padding: 15px 15px 15px 30px;
}
.box60 {
	padding: 2%;
	margin: 10px;
	line-height: 1.5em;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	width: 60%;
}
.box90 {
	padding: 2%;
	margin: 10px;
	line-height: 1.5em;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	width: 90%;
}
.box100border {
	background-color: #ffffff;
	border: 1px solid #ccc;
	line-height: 1.5em;
	margin: 10px;
	padding: 1% 3% 3%;
}
.box100 {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	line-height: 1.5em;
	margin: 10px;
	padding: 1% 3% 3%;
}
.caption508 {
	background-color: #f0f0f0;
	border: 0;
	padding: 8px 10px;
	margin: 0 0 8px 0;
}
.caption508 a {
	font-style: italic;
}
.hover {
	display: none;
}
.caption508:hover .hover {
	display: block;
}
/* P3-VALUE 2.0 colors */
.bluefont {
	color: #0000ff;
}
.redfont {
	color: #ff0000;
}
.ffff99 {
	background-color: #ffff99;
	text-align: center !important;
}
.fac090 {
	background-color: #fac090;
	text-align: center !important;
}
.c0c0c0 {
	background-color: #c0c0c0;
	text-align: center !important;
}
.ccffff {
	background-color: #ccffff;
	text-align: center !important;
}
.ffcc99 {
	background-color: #ffcc99;
	text-align: center !important;
}
.greencell {
	background-color: #00ff00;
	text-align: center !important;
}
.ff0000 {
	background-color: #ff0000;
	text-align: center !important;
}
.ffcc00 {
	background-color: #ffcc00;
	text-align: center !important;
}
.\99ccff {
	background-color: #99ccff;
	text-align: center !important;
}
.blacklink a {
	font-color: #000;
}

/*=============================================
=     FHWA Header Styles added 07-23-2019     =
=============================================*/

.screen-reader-text {
	position: absolute;
	white-space: nowrap;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: 0;
	padding: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	margin: -1px;
}

#top-banner-wrap {
  height:auto;
}

#fhwaheader {
	margin-bottom: 0;
}
#fhwaheader .fhwacontainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#fhwaheader img.imgdotfhwalg {
	display: block;
}
/* start - navigation styles ******************************************************************************/
#fhwanavmenu {
  background: #000;
  height: 36px;
  margin-bottom: 20px;
  z-index: 100000;
}
#fhwanavmenu .fhwacontainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#fhwanavmenu .mainnav {
	-webkit-box-ordinal-group:1;
	    -ms-flex-order:0;
          order:0;
          z-index: 1001;
}
#fhwanavmenu .dropdown ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#fhwanavmenu .dropdown ul ul {
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	z-index: 596;
}

#fhwanavmenu .dropdown ul li a {
	font-size: 0.95em;
	font-weight: normal;
	padding: 8px 10px 9px 10px;
}

#fhwanavmenu .dropdown ul li li {
	font-size: 0.9em;
}

#fhwanavmenu .dropdown ul li li a span {
	background: url(/images/fhwa2/bg/arrow_blkrgt.png) right no-repeat;
	display: block;
	margin-right: -17px;
	padding-right: 15px;
}

#fhwanavmenu .dropdown ul li li:hover span {
	background: url(/images/fhwa2/bg/arrow_whtrgt.png) right no-repeat;
}

#fhwanavmenu .dropdown ul li:hover a {
	background: none;
	color: #9cf;
}

#fhwanavmenu .dropdown li:hover li a {
	background: #fff;
	border-bottom: #000 1px solid;
	color: #000;
	padding: 5px 20px 5px 10px;
}

#fhwanavmenu .dropdown li:hover li a:hover {
	background: #000;
	color: #9cf;
}

/* search */
#fhwanavmenu .search {
  border-top: #000 6px solid;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#fhwanavmenu .search fieldset {
	background: #fff;
	border: none;
	width: 225px;
	margin: 0px;
	padding: 0px;
}
#fhwanavmenu .search form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#fhwanavmenu .search input {
	border: none;
}
#fhwanavmenu .search input.srchbox {
	border-left: #fff 3px solid;
	color: #666;
	font-size: 12px;
	height: 22px;
	width: 184px;
}
#fhwanavmenu .search input.srchbox {
	height: 17px\9;
	padding-top: 3px\9;
} /* IE 9 hack */
#fhwanavmenu .search input.srchbtn {
	border-right: #fff 2px solid;
}
/* end - navigation styles ********************************************************************************/

.dropdown ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/*background: #1bc2a2;*/
}
.dropdown ul li {
	display: block;
	position: relative;
	float: left;
	/*background: #1bc2a2;*/
}

.dropdown .arrow-whtdwn {
	background: url(/ipd/images/banner/imgarrow2.png) bottom center no-repeat;
}

/* The CSS to hide the sub menus. */
.dropdown li ul {
	display: none;
}
.dropdown ul li a {
	display: block;
	padding: 1em;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
}
/* Displays the dropdown menu on hover. */
.dropdown ul li a:hover,
.dropdown ul li a:focus {
	background: #2c3e50;
}
.dropdown li:hover > ul,
.dropdown li:focus > ul {
	display: block;
	position: absolute;
	text-align: left;
}
.dropdown li:hover li,
.dropdown li:focus li {
	float: none;
}
.dropdown li:hover a,
.dropdown li:focus a {
	background: #1bc2a2;
}
.dropdown li:hover li a:hover,
.dropdown li:focus li a:focus {
	background: #2c3e50;
}
.main-navigation li ul li {
	border-top: 0;
}

/* Displays second level dropdown menus to the right of the first level dropdown menu. */
.dropdown ul ul ul {
	left: 100%;
	top: 0;
}

/* Simple clearfix. */
.dropdown ul:before,
.dropdown ul:after {
	content: ' '; /* 1 */
	display: table; /* 2 */
}
.dropdown ul:after {
	clear: both;
}

/*=====  End of FHWA Header Styles added 07-23-2019  ======*/

/* ------------------ PADDING --------------*/
.pl7 {
	padding-left: 7px!important;
}
.padding { 
	padding-left: 1em!important; 
} 
.padding2 { 
	padding-left: 2em!important; 
} 
.padding3 { 
	padding-left: 3em!important; 
} 
.padding4 { 
	padding-left: 4em!important; 
} 
.nopadall {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
} 
.nopadbottom {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
} 
.nopadtop {
	padding-top: 0!important;
	margin-top: 0!important;
} 
.paddingtop {
	padding-top: 10px!important;
	margin-top: 10px!important;
} 
.paddingbot {
	padding-bottom: 10px;
	margin-bottom: 10px!important;
}
.nopadcaption {
	padding-bottom: 0!important;
	padding-left: 3px;
	margin-bottom: 0!important;
	margin-left: 3px;
} 
div.pnobot {
	padding-bottom: 7px;
}
div.pnobot p {
	padding-top: 0!important;
	padding-bottom: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
}


/* ------------------ TEXT ALIGNMENT --------------*/
.txtcenter {
	text-align: center!important;
}
.txtleft {
	text-align: left!important;
}
.txtright {
	text-align: right!important;
}

.sr-only {  /* hides text for longdescs */
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/* ------------------ FONT SIZE --------------*/
.fonth2 {
	font-size: 1.6em!important;
}
.fonth3 {
	font-size: 1.3em!important;
}
.fonth4 {
	font-size: 1.1em!important;
}
.fonth5 {
	font-size: 1em!important;
}
/*------------------numbered list----------------------*/
ol {
  counter-reset: list;
}
ol > li {
  list-style: none;
}
ol > li:before {
  content: "(" counter(list) ") ";
  counter-increment: list;
}