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

/*@import url('//fonts.cdnfonts.com/css/rockwell-nova');*/

/*.draft {background: url("../images/draft_bg.png");}*/

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

h1, h2, h3, h4, h5, h6 {
	font-family: system-ui;
	font-weight: bold;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: unset;}

p, table, li {font-family: system-ui;}

#content {font-size: 1.15em;}
#content div p:first-child {margin-top: 0;}
.subnav.v2 {width: 960px !important;}
.contenttext.v2 {width: 940px !important;}

.v2 {float: none !important;
clear: both !important;
background: #fff !important;
margin: auto !important;}

/*.v2 ul {list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
	font-family: 'Malgun Gothic', system-ui, sans-serif;
	display: flex !important;
    justify-content: space-evenly !important;
	font-weight: bold;
border-bottom: 1px #203864 solid;
    border-top: 1px #203864 solid;
}

.v2 ul li {
	float: left !important;
}

.v2 ul li a {
  display: block !important;
  color: #203864 !important;
	background-color: transparent !important;
	border: none !important;
  text-align: center !important;
  padding: 8px !important;
	margin-bottom: -1px !important;
  text-decoration: none !important;
}

.v2 ul li a:hover {
  background-color: #203864 !important;
	color: white !important;
}*/

/* Top left text */
#banner_title {
/*  position: absolute;*/
  position: relative;
/*  top: 16px;*/
/*  left: 16px;*/
  font-family: 'Prompt', sans-serif, system-ui;
/*  font-family: "Bookman Old Style", serif, system-ui;*/
  font-weight: 600;
  text-transform: uppercase;
/*  font-variant: small-caps;*/
  font-size: 4em;
  text-align: center;
  color: black;
/*  background-color: rgba(0,0,0,0.75);*/
  padding: 15px 10px;
/*  width: 75%;*/
/*  text-shadow: 5px 5px 5px #5b4c45;
  padding: 10px 5px;
/*  color: white;
  -webkit-text-fill-color: white; 
  -webkit-text-stroke-width: 0.025em;
  -webkit-text-stroke-color: black;*/
}

/* Container holding the image and the text */
#banner {
    position: relative;
    text-align: center;
    color: white;
	background-position: center;
    height: 150px; /* previously 200 */
	margin-bottom: 15px;
	background-size: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
/* background color to add transparent white block */
#banner::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.5);
} 

#bid_header h1 {margin-top: 0;}
.memo_h1 {font-size: 1em; margin: 0;}
.memohead {font-size: larger; font-weight: bold;}
#questions { display: flex; align-items: center; justify-content: center;/*background-image: url("../images/bid_feedback.png"); background-position: left; background-size: contain; background-repeat: no-repeat;*/ text-align: center; font-family: 'Malgun Gothic', sans-serif;font-weight: bold;font-size: x-large;margin: auto;padding: 1rem 2.5rem 1rem 1rem;/* border-top: 1px solid #203864; border-bottom: 1px solid #203864; */}
#feedback_icon { width: 10%; margin-right: 1rem;}
.banner-wrapper {margin-bottom: 50px; border: none;}
.banner li {padding: 0}
.banner li a, .banner li a:hover, .banner li a:active {color: white; text-decoration: underline; }
.slide a, .slide a:hover, .slide a:active {color: white; text-decoration: underline; }
.jshowoff-slidelinks a, .jshowoff-controls a {font-family: 'Malgun Gothic', sans-serif;font-weight: bold;    background-color: #203864 !important;
	color: #fff !important;}
.banner-controls a, .banner-controls a:hover, .banner-controls a:active {text-decoration: none; }
.dots li {padding-bottom: 5px !important;}
.slide {height: 150px; display: flex; background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; font-family: 'Malgun Gothic', sans-serif;font-weight: bold;font-size: 1.75em;margin: auto;/*padding: 1rem 2.5rem 1rem 1rem;*/ }
.right_align_box {
	background-color: #a2c0e6;
	border: #6699cc 1px solid;
	float: right;
	margin-left: 15px;
	padding: 8px;
	width: 300px
}
.right_align_box a, .right_align_box a:active {
	color: #000;
	text-decoration: underline;
}
.right_align_box a:hover {
	color: #f60;
	text-decoration: underline;
}

#slider {width: 100% !important; background-color: transparent !important; margin-bottom: 5px !important; }
.jshowoff div {width: unset !important; height: 255px !important;}

/* slider dimensions are around 940 x 256 */
#carousel_1 { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('../images/highway-policy_slider_img.png'); /*background-size: contain; background-position: left;*/ } 
.carousel_1_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_1_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_1_text {width: unset !important; height: unset !important;}

#carousel_2 { align-items: flex-end; justify-content: flex-end; background-color: white; background-image: url('../images/transportation_policy_studies_carousel_1.png'); background-position-y: 65%; background-size: cover; } 
.carousel_2_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_2_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_2_text {width: unset !important; height: unset !important;}

#carousel_3 { align-items: flex-end; justify-content: flex-start; background-color: white; background-image: url('../images/international_slider_img.png'); background-position-y: 65%; background-size: cover; } 
.carousel_3_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_3_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_3_text {width: unset !important; height: unset !important;}

#carousel_4 { align-items: flex-end; justify-content: flex-end; background-color: white; background-image: url('../images/legislative_analysis_and_policy_communications.png'); background-position-y: 53%; background-size: cover; } 
.carousel_4_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_4_text { color: white; background-color: black; padding: 15px; height: unset !important; font-size: .9em;}
.jshowoff div.carousel_4_text {width: unset !important; height: unset !important;}

/* second carousel for staff */
/*.jshowoff-2 {width: 50%;}*/

.jshowoff-2 {width: 100% !important;}
.jshowoff-2 div, .jshowoff-2 img, .jshowoff-2 {
	border-radius: 0px !important;
}

.content-slider-small {width: 50%; margin-right: 10px;}

#carousel_1_small img { float: left; margin: 25px 10px; } 
.carousel_1_small_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_1_small_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_1_small_text {width: unset !important; height: unset !important;}


#carousel_2_small img { float: right; margin: 25px 10px; } 
.carousel_2_small_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_2_small_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_2_small_text {width: unset !important; height: unset !important;}

.jshowoff-3 {width: 100% !important;}
.jshowoff-3 div, .jshowoff-3 img, .jshowoff-3 {
	border-radius: 0px !important;
}
.jshowoff-3-controls {padding-top: 7px !important;}

#slider_project {height: unset !important;}

.content-slider-project {width: 50%; margin-left: 10px;}
.content-slider-project h2 {text-align: center;}
.content-slider-project .slide_small {display: flex; height: unset !important;}
.content-slider-project .slide_small div {text-align: center; margin: 0px auto; height: unset !important;}


/*#carousel_1_project img { float: left; margin: 25px 10px; } */
.carousel_1_project_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_1_project_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_1_project_text {width: unset !important; height: unset !important;}


/*#carousel_2_project img { float: right; margin: 25px 10px; } */
.carousel_2_project_question { width: 10%; margin-right: 1rem; display: none;}
.carousel_2_project_text { color: white; background-color: black; padding: 15px; height: unset !important;}
.jshowoff div.carousel_2_project_text {width: unset !important; height: unset !important;}



.recent_title {font-weight: bold; padding: .5rem .25rem; margin: 0; color: #fff; background-color: #203864; font-family: 'Malgun Gothic', sans-serif; font-size: 1.25em; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}
.recent_text {}
#fhwacontent .crosstopics {width: 250px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;}

.fact_callout {/* height: 6rem; */ width: 72%;padding-bottom: .25rem;}
.fact_callout_last {/* height: 6rem; */ width: 100%;padding-bottom: .25rem;}
.fact_title {font-weight: bold; margin-left: .25rem; margin-top: .5rem; margin-bottom: 1%; color: #002060; font-family: 'Malgun Gothic', sans-serif;}
.fact_box {display: flex;justify-content: flex-start;flex-direction: row;align-items: center;}
.fact_bubble {text-align: center; margin: 0 .25rem; padding: 0 0.1rem; background: #203864; color: white; width: 16%;}
.fact_bubble p {font-weight: bold; /* margin-top: 3rem; */font-family: 'Malgun Gothic', sans-serif; font-size: larger;}
.fact_text {width: 80%; margin-left: .25rem;}

#infobox {display: none /*flex*/; margin-top: .25rem; justify-content: flex-start;}
#infobox p {background: black; padding: 10px; color: white;}
#infobox div.container {background-size: cover;display: flex;align-items: flex-end;}
#infobox div div {min-height: 30vh;}

#regs_comment {display: flex; justify-content: center;}
#regs_comment button {background-color: white;
    border: #4671C7 solid;
    color: #4671C7;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    font-family: system-ui;
    margin: 2px 2px 2px 2px;
    border-radius: 8px;
    cursor: pointer;}

/*
#regs_comment {display: flex; align-items: flex-end; justify-content: flex-start; background-image: url('../images/New River Gorge BR WV.jpg'); background-position: 0% 25%; margin-top: 0.5rem; min-height: 7rem; font-family: 'Malgun Gothic', sans-serif; font-weight: bold; font-size: 1.75em; color: white;}
#regs_comment a {color: white;}
#regs_comment div {background-color: rgba(0,0,0,1); padding: 10px 15px;}
*/


#bid_footer {display: flex;width: 100%;margin: auto;justify-content: space-between;}
#bid_footer h2 {color: #036;}

span.menudiv {
    border-right: 2px #203864 solid;
    margin: 5px 0px;
}

#slider-divider, #core-divider { 
	border-bottom: 1px solid #203864; 
	margin-bottom: 2%;
	margin-top: 2%;
}

.section-divider { 
	border-bottom: 1px solid #203864;
	margin-bottom: 2%;
	margin-top: 2%;
}

.core-themes-icons {
	display: flex;
	align-items: flex-start;
/*	justify-content: flex-start;*/
	justify-content: flex-start;
	flex-direction: row;
	margin: 0 auto 2% auto;
	text-align: center;
	font-family: 'Malgun Gothic', sans-serif;
	font-weight: bold;
/*	width: 70%;*/
	width: 70%;
	float: left;
	border-bottom: 1px solid #203864;
	padding-bottom: 2%;
}

.core-themes-icons div {
/*	margin-right: 5% !important;*/
	margin-right: 2% !important;
}

#bid_header, #bid_subheader {
    width: 940px;
    margin: -20px auto;
    background: white;
	padding: 5px 10px;
}

.head-image, .subhead-image {margin-top:0;}
.indent {margin-left: 2%;}

/* New Policy Styles */

#spotlight {display: flex;}
#spotlight_left {margin-right: 20px; width: 50%;}
#spotlight_left img {float:left; margin: 10px;}
#spotlight_right {margin-left: 20px; width: 50%;}
#spotlight_right img {float:right; margin: 25px 10px;}

#spotlight2 {display: flex;}
#spotlight2_left {margin-right: 20px; width: 50%;}
#spotlight2_left img {float:left; margin: 10px;}
#spotlight2_right {margin-left: 20px; width: 50%;}
#spotlight2_right img {float:right; margin: 25px 10px;}


/* column widths for tables - mc legacy */
.col04 { width : 4%; }
.col05 { width : 5%; }
.col06 { width : 6%; }
.col08 { width : 8%; }
.col10 { width : 10%; }
.col12 { width : 12%; }
.col15 { width : 15%; }
.col20 { width : 20%; }
.col24 { width : 24%; }
.col25 { width : 25%; }
.col30 { width : 30%; }
.col33 { width : 33%; }
.col40 { width : 40%; }
.col45 { width : 45%; }
.col50 { width : 50%; }
.col55 { width : 55%; }
.col60 { width : 60%; }
.col70 { width : 70%; }
.col75 { width : 75%; }
.col80 { width : 80%; }
.col90 { width : 90%; }
.col95 { width : 95%; }
.col98 { width : 98%; }
.col99 { width : 99%; }
.col100 { width : 100%; }

/* datatable styles mostly for Highway Statistics */
table.datatable {
	border-collapse : collapse;
	margin : 12px auto 12px auto;
	font-size:13px;
}
table.datatablesmaller {
	border-collapse : collapse;
	margin : 12px auto 12px auto;
	font-size:0.875em;
}
table.datatable, table.datatablesmall {
	border-collapse : collapse;
	border-left : 1px solid #aaa;
	border-bottom : 1px solid #aaa;
	margin : 12px auto 12px auto;
}
table.datatable thead th, table.datatable thead th a, table.datatable thead th a:link, table.datatable thead th a:visited, table.datatablesmall thead th, table.datatablesmall thead th a, table.datatablesmall thead th a:link, table.datatablesmall thead th a:visited, table.datatable tbody td table.datatable thead th, table.datatable thead th p {
	background-color : #20608A;
	color : #fff;
	text-align : center;
	text-decoration : none;
}
table.datatable th.theadleft {
	background-color : #20608A;
	color : #fff;
	text-align : left;
}
table.datatable tr.theadcenter th, table.datatable th.theadcenter, table.datatablesmall tr.theadcenter th, table.datatablesmall th.theadcenter {
	background-color : #264D73;
	color : #fff;
	text-align : center;
}
table.datatable tbody th, table.datatablesmall tbody th {
	text-align : left;
}
table.datatable tbody th.center, table.datatablesmall tbody th.center {
	text-align : center;
}
table.datatable tbody tr.tablehead, table.datatablesmall tbody tr.tablehead, table.datatablesmall thead th p{
	background-color : #264D73;
	color : #fff;
}
table.datatable tbody tr.tablehead a, table.datatable tbody tr.tablehead a:hover, table.datatable tbody tr.tablehead a:link, table.datatable tbody tr.tablehead a:visited,
table.datatablesmall tbody tr.tablehead a, table.datatablesmall tbody tr.tablehead a:hover, table.datatablesmall tbody tr.tablehead a:link, table.datatablesmall tbody tr.tablehead a:visited {
	color : #fff;
	text-decoration : none;
}
table.datatable td, table.datatable th, table.datatablesmall td, table.datatablesmall th {
	border-right : 1px solid #aaa;
	border-top : 1px solid #aaa;
	padding : 3px;
}
table.datatable tfoot td, table.datatable tfoot td p, table.datatable tfoot td ol li, table.datatable tfoot td ul li {
	font-size : 11px;
}
table.datatablesmall tfoot td, table.datatablesmall tfoot td p, table.datatablesmall tfoot td ol li, table.datatablesmall tfoot td ul li {
	font-size : 9px;
}
table.datatable td.nopad, table.datatable th.nopad, table.datatablesmall td.nopad, table.datatablesmall th.nopad {
	padding : 0px;
}
table.datatable td.tab1, table.datatable th.tab1, table.noborder3 th.tab1, table.noborder3 td.tab1, table.datatablesmall td.tab1, table.datatablesmall th.tab1, table.equation td.tab1 {
	padding-left : 16px;
}
table.datatable td.tab2, table.datatable th.tab2, table.datatablesmall td.tab2, table.noborder3 th.tab2, table.noborder3 td.tab2, table.datatablesmall th.tab2, table.equation td.tab2 {
	padding-left : 30px;
}

table.datatable td.tab3, table.datatable th.tab3, table.datatablesmall td.tab3,  table.noborder3 th.tab3, table.noborder3 td.tab3, table.datatablesmall th.tab3, table.equation td.tab3 {
	padding-left : 45px;
}
table.datatablesmall td, table.datatablesmall th, table.datatablesmall td a, table.datatablesmall td li, table.datatablesmall td p, table.datatablesmall th p, table.datatable th p {
	font-size : 10px;
}
table.datatablesmall td.normal {
	font-size : 13px;
}
table.datatable td blockquote.bottom, table.datatable td ol.bottom, table.datatable td p.bottom, table.datatable td ul.bottom, table.datatable td ol.bottom, table.datatable td li.bottom {
	margin-bottom : 0px;
}
table.datatable td ul {
	margin : 0px 0px 0px 15px !important; 
	padding : 0px 0px 0px 0px !important; 
}
table.datatable td ul.flush {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 15px;
}
table.datatable thead th span.cellyel { color : #000; }

th.abstract {
	background-color:#2060A8;
	font-weight:bold;
	color:#fff;
	text-align:center !important;
}
/* .wideitem is used for items that have the potential to not fit within the wrapper at any supported resolution. It moves the scroll bar from the browser to the object, mostly used for extra wide tables  */ 
.wideitem { 
	max-width: 95%; 
	overflow: auto; /* adds scrollbars if necessary to view hidden parts */ 
	height: 600px; 
	margin: 15px auto; 
	border: solid 1px #999; 
	padding: 10px; 
	} 
/* .widetable is identical to .wideitem except it omits height */ 
.widetable { 
	max-width: 95%; 
	overflow: auto; /* adds scrollbars if necessary to view hidden parts */ 
	margin: 15px auto; 
	border: solid 1px #999; 
	padding: 10px; 
	} 

/* .quickfind to align and size icons on the HPPI page */ 
.quickfind {display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-end; text-align: center; margin-top: 25px;}
.quickfind div {text-align: center; width: 20%;}

/* policy CSS v2 */

#policy_header {
	width: 940px;
	margin: -18px auto auto auto;
	background: white;
	background-image: url('/policy/images/dot_hq_blur.png'); 
	display: flex;
	align-items: center;
	justify-content: center; 
	font-family: 'Open Sans',system-ui,sans-serif; 
	padding: 25px 10px;
}
#policy_header img {width: 70%;}
#policy_header h1 {margin-top: 0; font-family: 'Open Sans',system-ui,sans-serif;color: #003E7E;font-weight: bold;font-size: 2.25em;text-shadow: 1px 1px 1px rgb(255 255 255 / 69%);}
#policy_header h1 a {color: #003E7E; text-decoration: none;}

#header_credit {
	text-align: right;
	width: 960px;
	display: flex;
	justify-content: flex-end;
	margin: -15px auto auto auto;
	padding-bottom: 1px;
	padding-right: 5px;
	font-size: 0.5em;
}

#policy_aa_section {display:flex;}
#policy_aa_section img {float: left; margin: 20px;}
.policy_staff_caption {font-weight: bold; font-size: 1.1em; padding: 10px;}

#hpts_offices, #hpip_offices, #hppi_offices {display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-end; text-align: center;}
.hpts_suboffice {width:19%; border: 1px solid darkblue;}
.hpip_suboffice {width:23%; border: 1px solid darkblue;}
.hppi_suboffice {width:22%; border: 1px solid darkblue;}
.hpts_suboffice a p, .hpip_suboffice a p, .hppi_suboffice a p {background-color: #f1f1f1; padding: 15px; margin: auto; font-weight: bold;}
#htps_aa_section {}
#htps_aa_section img {float: left; margin: 10px 20px 10px 10px;}
.hppi_credit {margin-right: 1%; font-size: .5em;}

.nowrap {white-space: nowrap;}