@charset "utf-8";

/* AASHTO CEPF CSS */

/* =RESET ----------------------------------------------------*/

/* Turn off borders for linked images */

img {
	border: 0;
}

/* UNIVERSAL ELEMENTS */

body {
	font: normal small/1.5em Arial, Helvetica, sans-serif;
	color: #231f20;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0px;
	padding: 0px;
}

#skipToMainContent a {
	background-color: transparent;
	color: #FFFFFF;
}

#skipToMainContent a:hover, #search a:active {
	background-color: transparent;
}

#headerLogo {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 36px;
}

#globalNav {
	width: 450px;
	font-size: 85%;
	position: absolute;
	left: 50%;	
	top: 30px;
	color: #a3a3a3;
	text-align: right;
}

#tagline {
	font-size: 135%;
	font-weight: bold;
	position: absolute;
	left: 50%;
	margin-left: 175px;
	top: 92px;
	width: 290px;
}


#searchWrapper {
	position: absolute;
	left: 50%;
	margin-left: 204px;
	top: 60px;
	height: 23px;
	z-index: 10;
	padding: 0;
}

#searchWrapper a {
	background-color: #a8bc40;
	font-size: 85%;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 4px 4px 4px;
	margin: 0;
}

#searchWrapper a:hover, #search a:active {
	background-color: #9aad38;
}

#searchInput {
	width: 201px;
	height: 19px;
	float: left;
	border: 1px solid #CCCCCC;
	margin: 0px 3px 0px 0px;
}

#searchInput #s {
	float: left;
	padding: 0;
	margin: 2px 2px 2px 2px;
	border: 0;
	width: 159px;
}

#footer {
	color: #a3a3a3;
	font-size: 85%;
	margin: 20px 0px 20px 0px;
	padding: 15px 0px 20px 0px;
	float: left;
	width: 901px;
	text-align: center;
}

.footerLogos { margin: 15px 0px 5px 0px;
	padding: 0px 0px 0px 0px; }

/* PRIMARY NAVIGATION */

#primNav {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 125px;
	width: 912px;
}

#primNav ul {
	list-style: none;
}

#primNav ul li {
	display: block;
	float: left;
	position: relative;
}

#primNav a.primNavLink {
	display: block;
	float: left;
	background-color: #00a2e0;
	background-image: url(/images/graphic_nav_bkgd.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	font-size: 85%;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 7px 20px 7px 20px;
	border-right: 1px solid #40b5e3;
}

#primNav a.primNavLink:hover, #primNav a.primNavLink:active, #primNav ul li .selected {
	background-color: #0095ce;
	background-image: url(/images/graphic_nav_bkgd_hover.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

body.navP1 #navP1 a.primNavLink, body.navP2 #navP2 a.primNavLink, body.navP3 #navP3 a.primNavLink, body.navP4 #navP4 a.primNavLink, body.navP5 #navP5 a.primNavLink, body.navP6 #navP6 a.primNavLink, body.navP7 #navP7 a.primNavLink {
	background-color: #0095ce;
	background-image:url(/images/graphic_nav_bkgd_hover.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

/* PRIMARY NAVIGATION DROP-DOWN MENUS */
.dropDownLi {
	float: left;
	position: relative;
}

.dropDown {
	left:0;
	position: absolute;
	top: 34px;
	font-size: 85%;
	background-color: #f0f0f0;
	z-index: 1800;
	padding: 5px 20px 15px 20px;
	opacity: 0.95;
	filter: alpha(opacity=95);
}

.dropDown ul {
	background-color: #f0f0f0;
	list-style: none;
	position: relative;
}

.dropDown li {
	width: 100%;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dashed #c7c7c7;
}

.dropDown table tr td ul {
	float: left;
	position:relative;
	width: 100%;
}

.dropDown ul li ul {
	float: left;
	position:relative;
	width: 100%;
}


.dropDown ul li ul li {
	font-weight: normal;
	padding: 3px 0px 0px 12px;
	border: none;
}

.dropDown li a {
	display: block;
	position: relative;
}

.dropDown li a:link {
	color: #231f20;
	text-decoration: none;
}

.dropDown li a:visited {
	color: #231f20;
	text-decoration: none;
}

.dropDown li a:hover {
	color: #0091ca;
}

#aboutDropDown {
	width: 200px;
}

#servicesDropDown {
	width: 180px;
}

#transportDropDown {
	width: 214px;
}

#projectsDropDown {
	width: 440px;
}

#resourcesLinksDropDown {
	width: 180px;
}

/* HOME PAGE */

#slideshow {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 161px;
}
#slideshow span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    height: 182px;
    background-color: #FFF;
}

#slideshow span.active {
    z-index: 10;
    opacity: 1.0;
}

#slideshow span.last-active {
    z-index: 9;
}

#slideshow span img {
    height: 182px;
    display: block;
    border: 0;
}

#caseStudies {
	margin: 10px 0px 10px 0px;
	color: #afafaf;
}

#caseStudies li.last {
	border-right: 0;
}

#caseStudies .projectTitle {
	color: #FFFFFF;
	font-size: 95%;
	font-weight: bold;
}

#caseStudies li img {
	float: right;
	padding: 10px 0px 10px 15px;
}

#caseStudies li a {
	color: #A9BD40;
	text-decoration: none;
}

#caseStudies li a:hover {
	text-decoration: underline;
}

#bottomPageContent {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 345px;
}

#columnsWrapper {
	margin: 0;
	padding: 0;
}

#leftColumn {
	margin: 0;
	padding: 20px 25px 0px 15px;
	width: 345px;
	float: left;
	clear: both;
}

#centerColumn {
	margin: 0;
	padding: 20px 34px 0px 20px;
	width: 255px;
	float: left;
	clear: right;
}

#rightColumn {
	margin: 0;
	padding: 20px 0px 0px 15px;
	width: 200px;
	float: left;
	clear: right;
}

#rightColumn ul {
	list-style: none;
}

#rightColumn li {
	font: normal 90%/1.5em Arial, sans-serif;
	padding: 5px 0px 5px 0px;
	list-style: none;
	border-bottom: 1px dashed #d2d2d2;
}

/* CHILD PAGE */

#sectionHeader {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 162px;
	background-color: #252525;
	width: 911px;
}

#breadCrumb {
	font-size: 85%;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 215px;
	width: 901px;
}

#childPageContent {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 245px;
}

#childLeftColumn {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 225px;
	float: left;
	clear: both;
}

#childCenterColumn {
	margin: 0;
	padding: 0px 35px 85px 35px;
	width: 605px;
	float: left;
	clear: right;
	background-image: url(/images/graphic_child_corner_squares.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* CHILD PAGE - EVENTS */

#eventsLeftColumn {
	margin: 0;
	padding: 15px 35px 85px 15px;
	width: 400px;
	float: left;
	clear: both;
}

#eventsRightColumn {
	margin: 0;
	padding: 15px 30px 85px 45px;
	width: 375px;
	float: left;
	clear: right;
	background-image: url(/images/graphic_child_corner_squares.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* LINKS */

a {
	color: #009ad6;
	text-decoration: none;
}

a:link {
	color: #009ad6;
	text-decoration: none;
}

a:visited {
	color: #009ad6;
}

a:hover {
	color: #009ad6;
	text-decoration: underline;
}

a.homeEvents {
	color: #e79428;
	font-weight: bold;
}

a.homeEvents:hover {
	color: #e79428;
	font-weight: bold;
	text-decoration: underline;
}


#stateByStateLink { padding: 55px 15px 15px 15px; }

/* LISTS */

ul {
	margin: 0;
	padding: 0;
}

ol {
	padding: 0;
	margin: 5px 0px 20px 20px;
	color: #e79428;
}

ol p {
	color: #231f20;
}

ol.level2 { list-style-type: lower-alpha;
color: #a9bd40; }

ol.level3 { list-style-type: lower-roman;
color: #81caf0; }

li {
	margin: 0;
}

ul.colorBulletList {
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 10px;
}

.colorBulletList li {
	list-style-type: none;
	background: transparent url(/images/bullet_blue.gif) no-repeat;
	background-position: 0px 6px;
	padding: 5px 0px 0px 15px;
}

.colorBulletList li li {
	list-style-type: none;
	background: transparent url(/images/bullet_green.gif) no-repeat;
	background-position: 0px 6px;
	padding: 4px 0px 0px 15px;
}

ul.linkList {
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 15px 0px;
}

.linkList li {
	list-style-type: none;
	padding: 3px 0px 3px 0px;
}

/* GENERAL DESIGN STYLES */

p {
	font: normal 90%/1.5em Arial, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

p.caption {
	font: normal 85%/1.5em Arial, sans-serif;
	padding: 5px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

p.mainSection {
padding: 0px 0px 3px 0px;

}

p.subSection {
padding: 0px 0px 15px 25px;

}

p.eventDate {
	font: normal 90%/1.5em Arial, sans-serif;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 15px 0px;
	text-transform: uppercase;
	color: #606060;
}

p.subTitle {
	font: normal 115%/1.5em Arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #828282;
}

.pullQuoteRight {
	font: normal 145%/1.25em Arial, sans-serif;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 15px 25px;
	float: right;
	width: 275px;
	text-align: center;
	color: #11a5de;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.pullQuoteTop {
	font: normal 145%/1.25em Arial, sans-serif;
	padding: 10px 0px 15px 0px;
	margin: 5px 0px 15px 0px;
	text-align: center;
	color: #11a5de;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.name {
	font: normal 115%/1em Arial, serif;
	padding: 10px 0px 2px 0px;
	margin: 0;
	line-height: 1.25em;
	font-weight: bold;
	color: #474747;
}

.title {
	font: normal 90%/1em Arial, serif;
	letter-spacing: .10em;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0;
	line-height: 1.25em;
	color: #a9bd40;
}

h1 {
	font: normal 175%/1em Arial, serif;
	padding: 20px 0px 20px 0px;
	margin: 0;
	line-height: 1.25em;
}

h1.home {
	font: normal 145%/1em Arial, Helvetica, sans-serif;
}

h1.withSubTitle {
	padding: 10px 0px 0px 0px;
}

h2 {
	font: normal 155%/1em Arial, serif;
	padding: 10px 0px 20px 0px;
	margin: 0;
	line-height: 1.25em;
	color: #a9bd40;
}

h2.withSubTitle {
	padding: 10px 0px 0px 0px;
}

h2.events {
	font: normal 155%/1em Arial, serif;
	padding: 15px 5px 5px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.25em;
	color: #a9bd40;
}

h3 {
	font: normal 115%/1em Arial, serif;
	letter-spacing: .10em;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
	line-height: 1.25em;
	color: #828282;
	font-weight: bold;
	border-bottom: 1px solid #dedede;
}

h3.glossary {
	font: normal 135%/1em Arial, serif;
	color: #a9bd40;
	padding: 15px 0px 10px 0px;
	margin: 15px 0px 15px 0px;
}

h4 {
	font: normal 100%/1em Arial, serif;
	padding: 10px 0px 15px 0px;
	margin: 0;
	line-height: 1.25em;
	font-weight: bold;
	color: #e79428;
}

h4.glossary {
color: #333333;
}

h5 {
	font: normal 90%/1em Arial, serif;
	padding: 10px 0px 15px 0px;
	margin: 0;
	line-height: 1.25em;
	font-weight: bold;
	color: #474747;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.font85 {
	font-size: 85%;
}

.font90 {
	font-size: 90%;
}

.gray {
	color: #a3a3a3;
}

.blue {
	color: #00a4e4;
}

.orange {
	color: #e79428;
}

.reference {
	color: #a9bd40;
	text-transform: uupercase;
}

.imageFloatRight {
	float: right;
	padding: 10px 0px 15px 30px;
	width: 200px;
}

.imageFloatLeft {
	float: left;
	padding: 10px 30px 15px 0px;
	width: 200px;
}

.backToTop {
	font-size: 85%;
	padding: 10px 0px 15px 0px;
	text-align: center;
}

.clear {
	clear:both;
}

.alignRight {
	text-align: right;
}

.pdfText{
	color: #a3a3a3;
	font-size: 90%;	
}

.contactPhoto {
	float: left;
	padding: 0px 25px 0px 0px;	
}

.specialFeature {
	background-color: #f5f5f5;
	padding: 25px 35px 25px 35px;	
	margin: 20px 0px 15px 0px;
	border: 1px solid #d6d6d6;
}

.padTop20 { padding-top: 20px; }

/* General Table */

table.tableStyle1 {
font-size: 85%;
	margin: 15px 0px 20px 0px;
	background-color: #f5f5f5;
	line-height: 1.5em;
	
}

table.tableStyle1 th {
font-weight: bold;
color: #333333;
border-bottom: 1px solid #c4c4c4;
}

table.tableStyle1 td {
vertical-align: top;
}

.oddRow { background-color: #fff; }

table.tableStyle1 p {
font-size: 100%;
padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

table.tableStyle2 {
font-size: 85%;
	margin: 15px 0px 20px 0px;
	background-color: #f5f5f5;
	line-height: 1.5em;
	border-bottom: 1px solid #e2e2e2;
	
}

table.tableStyle2 th {
font-weight: bold;
color: #333333;
border-bottom: 1px solid #c4c4c4;
}

table.tableStyle2 td {
vertical-align: top;
text-align: center;
}

table.tableStyle2 p {
font-size: 100%;
padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/* TEA-21 Table */

table.tea21Table {
font-size: 85%;
	margin: 15px 0px 5px 0px;
	background-color: #f5f5f5;
	line-height: 1.5em;
	
}

table.tea21Table th {
font-weight: bold;
color: #333333;
border-bottom: 1px solid #c4c4c4;
}

table.tea21Table td {
vertical-align: top;
}

.oddRow { background-color: #fff; }

table.tea21Table p {
font-size: 100%;
padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/* Garvees Table */

table.garveesTable {
	font-size: 85%;
	margin: 15px 0px 25px 0px;
	background-color: #f5f5f5;
	line-height: 1.5em;	
}

table.garveesTable th {
font-weight: bold;
color: #333333;
border-bottom: 1px solid #c4c4c4;
text-align: left;
vertical-align: bottom;
}

table.garveesTable td {
vertical-align: top;
text-align: left;
}

table.garveesTable p {
font-size: 100%;
padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/* Federal Funding Motor Fuel Tax */

table.fedFundingMotorFuel {
	font-size: 85%;
	margin: 15px 0px 25px 0px;
	background-color: #f5f5f5;
	line-height: 1.5em;	
}

table.fedFundingMotorFuel th {
font-weight: bold;
color: #333333;
border-bottom: 1px solid #c4c4c4;
text-align: left;
vertical-align: bottom;
text-align: center;
}

table.fedFundingMotorFuel td {
vertical-align: top;
text-align: center;
}

table.fedFundingMotorFuel p {
font-size: 100%;
padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/* EVENTS */

#eventsHomePop {
	margin: 0;
	margin-bottom: 16px;
	padding: 10px 15px 10px 15px;
	width: 220px;
	float: left;
	clear: both;
	background-color:#d8e2a4;
}

.btnEventsCalendar { float: right; }

.btnEventsCalendar a {
	background: url("/images/events/btn_events_calendar.png") no-repeat;
	background-position: 0px 0px;
	width: 175px;
	height: 32px;
	float: left;
	padding-right: 0px;
}

.btnEventsCalendar a:hover {
	background-position: 0px -32px;
}

/* HOME PAGE STATE BY STATE BUTTON */


.homeSbsLink { float: right; padding: 20px 0px 20px 0px; }

.homeSbsLink a {
	background: url("/images/home/graphic_home_state_by_state_link.gif") no-repeat;
	background-position: 0px 0px;
	width: 197px;
	height: 109px;
	float: left;
}

.homeSbsLink a:hover {
	background-position: 0px -109px;
}