/* CSS file for Surface Transportation System Funding Alternatives (STSFA) webpages */
/* January 2021 */

/* Open Sans fonts */
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansSemiBold';
	src: url('../fonts/OpenSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansBold';
	src: url('../fonts/OpenSans-Bold.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

/* Top Title row, below FHWA row */
div.main_title a {text-decoration: none; font-size: 20px;}
div.main_title a:link, div.main_title a:visited, div.main_title a:hover, div.main_title a:active {color: #fff; text-decoration: none;}

/* Overall main container */
.home_white_inner2 {width: 890px; margin: 0 0 0 7px; padding: 0 22px 0 25px; font-family: OpenSans, sans-serif;}

/* Home page, top image and heading */
.mainImage {margin: 0 0 0 7px;}
.pageTitleLeft {position: absolute; z-index: 5; margin: -370px 0 0 50px; color: #fff; text-align: center;}
.pageTitleLeft h2 {font-family: OpenSans, sans-serif; font-size: 100px; font-weight: normal;}
.pageTitleLeft h3 {font-family: OpenSansBold, sans-serif; font-size: 24px; font-weight: normal; line-height: 1.2em; margin-top: 5px;}

.pageTitle {position: absolute; z-index: 5; margin: -370px 0 0 535px; color: #fff; text-align: center;}
.pageTitle h2 {font-family: OpenSans, sans-serif; font-size: 100px; font-weight: normal;}
.pageTitle h3 {font-family: OpenSansBold, sans-serif; font-size: 24px; font-weight: normal; line-height: 1.2em; margin-top: 5px;}

.mimich2 {font-family: OpenSansBold, sans-serif !important; font-size: 24px !important; font-weight: normal !important; line-height: 1.2em !important; margin-top: 5px !important;  border-top: solid 5px #fff;}

/* Home page, STSFA Pilot Project States section */
.pilotProjects {width: 50%; float: left; margin: 15px 0 0 30px; padding: 5px 0 0 0;}
.pilotProjects h3 {font-family: OpenSansBold, sans-serif; font-size: 32px; margin: 0 0 10px 0;}
.pilotProjects p {font-family: OpenSans, sans-serif;}

/* Home page, STSFA Fact Sheet box */
.factSheet {color: #fff; background-color: #0656d9; float: right; width: 40%; margin: 25px 0 0 0; padding: 20px 20px 4px 20px;}
.factSheet h3 {font-size: 26px; font-family: OpenSansBold, sans-serif; margin: 0 0 10px 20px;}
.factSheet p {color: #fff; margin-left: 20px;}
.factSheet a:link, .factSheet a:visited {color: #fff; text-decoration: underline;}
.factSheet a:hover, .factSheet a:active {color: #fff; text-decoration: underline;}

/* Home, page, map */
#map {margin: 0 20px 0 0;}
.mapLegend {margin: 0 0 30px 0;}

/* Home page, Contact blue bar */
.contact {font-family: OpenSansBold, sans-serif; color: #fff; background-color: #0656d9; width: 943px; margin: 0 0 0 7px; padding: 10px 0 10px 0;}
.contact p {color: #fff; font-size: 16px;}
.contact a:link, .contact a:visited {color: #fff; text-decoration: none;}
.contact a:hover, .contact a:active {color: #fff;}
.contactLeft {width: 35%; float: left; margin: 0 0 0 100px;}
.contactLeft h3, .contactRight h3 {font-size: 20px; margin: 15px 0 5px 0;}
.contactRight {width: 35%; float: right; margin: 0 30px 0 0;}

/* h2 style to center text */
div#left_column_inner h2 {text-align: center;}
div#left_column_inner h2 {
	color: #000066;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2em;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

element {
}

div#left_column_inner h3, div#left_column_inner h4 {
	color: #000066;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2em;
	padding-bottom: 10px;
	padding-top: 10px;
}

.textLeft {text-align: left;}
.textCenter {text-align: center;}
.textRight {text-align: right;}

.margintop15px {margin-top: 15px;}
caption {border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
tfoot th, tfoot td{
	font-weight: 600;
	background: #f1f1f1;
}

abbr {text-decoration: none;}