@charset "utf-8";
/*
Theme Name: Federal Highway Administration
Theme URI: https://www.fhwa.dot.gov
Author: 
Description: Homepage slide show
Created: 9/10/2012 
Last Updated: 9/23/2013
*/

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

/* starts slider */
#slider { clear:both; margin-bottom:2px }
#slider ul { list-style:none }

/* frame tab tab */
#slider .tab { float:left }
#slider .tab:hover { background:#c2d8ea url(/images/fhwa/slider/imgtabblue.png) top left no-repeat }
#slider .tab span { display:block; float:none; height:300px; width:28px }

/* frame content */
#slider .frame-content h1 { color:#27445b; font-size:22px; font-weight:bold; text-align:center; }
#slider .frame-content p { color:#000; font-size:16px }
#slider .frame-content span { color:#000; font-size:12px }
#slider .frame-content a {color: #06C; text-decoration: none}
#slider .frame-content a:hover { color:#063; text-decoration:underline }


#slider .frame-hurricanes { background:#fff url(/images/fhwa2/slider/pr111washout.jpg) top no-repeat }
#slider .frame-hurricanes .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }
#slider .frame-michael { background:#fff url(/images/fhwa2/slider/2018-hurricaneUpdates-960x282.jpg) top no-repeat; }
#slider .frame-hurricane { background:#fff url(/images/fhwa2/slider/2018-hurricaneResources-960x282.jpg) top no-repeat; }

/* slide - Eclipse */
#slider .frame-eclipse { background:#fff url(/images/fhwa2/slider/eclipse-web-experience.png) top no-repeat }
#slider .frame-eclipse .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - Safety Awards */
#slider .frame-safetyawards { background:#fff url(/images/fhwa2/slider/safety_award2017.png) top no-repeat }
#slider .frame-safetyawards .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - Work Zones 2018 */
#slider .frame-workzone { background:#fff url(/images/fhwa2/slider/workzone_2018.png) top no-repeat }
#slider .frame-workzone .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - EEA 2017 */
#slider .frame-eea { background:#fff url(/images/fhwa2/slider/eea-2017.png) top no-repeat }

/* slide - TPEA 2017 */
#slider .frame-tpea { background:#fff url(/images/fhwa2/slider/tpea-2017-ext.png) top no-repeat }

/* slide - Ladders */
#slider .frame-ladder { background:#fff url(/images/fhwa2/slider/ladders_opp.jpg) top no-repeat }
#slider .frame-ladder .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - HSIP */
#slider .frame-hsip { background:#fff url(/images/fhwa2/slider/HSIP-3-main.jpg) top no-repeat }
#slider .frame-hsip .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - DOT 50th */
#slider .frame-dot50 { background:#fff url(/images/fhwa2/slider/dot50.jpg) top no-repeat }
#slider .frame-dot50 .frame-content { float:right; width:370px; padding:45px 10px 0px 0px; text-align:center; }
#slider .frame-dot50 .frame-content h1 { color: #1b417f; }

/* slide - Best Places to Work */
#slider .frame-bestplace { background:#fff url(/images/fhwa2/slider/bestplacestowork2016.png) top no-repeat }
#slider .frame-bestplace .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - EDC-4 Call for Ideas */
#slider .frame-edc4_call { background:#fff url(/images/fhwa2/slider/EDC4_Call_for_Ideas.jpg) top no-repeat }
#slider .frame-edc4_call .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - FAST Act */
#slider .frame-fastact { background:#fff url(/images/fhwa2/slider/fastbanner4.jpg) top no-repeat }
#slider .frame-fastact .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - MUTCD 80 Years */
#slider .frame-mutcd80 { background:#fff url(/images/fhwa2/slider/mutcd_80years.png) top no-repeat }
#slider .frame-mutcd80 .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - Future Tech */
#slider .frame-future1 { background:#fff url(/images/fhwa2/slider/futuretech.jpg) top no-repeat }
#slider .frame-future1 .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - Future Gallery */
#slider .frame-future2 { background:#fff url(/images/fhwa2/slider/galleryoffuture.jpg) top no-repeat }
#slider .frame-future2 .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - ADA 25 */
#slider .frame-ADA { background:#fff url(/images/fhwa2/slider/ada25-slider.jpg) left top no-repeat }
#slider .frame-ADA .frame-content { font-size: 16px; width: 370px; padding-left: 550px; padding-bottom: 20px; padding-top: 60px;}
#slider .frame-ADA .frame-content h1 {text-align: center; font-size: 26px; font-weight: bold;margin-bottom: 0px;
										margin-top: 0px; padding-bottom: 20px; color: #01609a;}
#slider .frame-ADA .frame-content p { margin-bottom: 0px; margin-top: 10px; color: #000000;}
#slider .frame-ADA .frame-content a {text-decoration:none !important;}
#slider .frame-ADA .frame-content a:hover {color: #01609a; text-decoration:none !important;} 

/* EDC Innovation of the month */


#slider .frame-randt { background:#fff url(/images/fhwa2/slider/RTWebBanner4-960x282.jpg) top no-repeat; }
#slider .frame-EDC { background:#fff url(/images/fhwa2/slider/innovation_ddsa.jpg) top no-repeat; }
#slider .frame-av { background:#fff url(/images/fhwa2/slider/avBanner-960x282.jpg) top no-repeat; }
#slider .frame-EDCdec { background:#fff url(/images/fhwa2/slider/2018-DecemberSuccessStories-960x282.jpg) top no-repeat; }
  #slider .frame-EDCdec .four-lines {display:block;clear:left;width:960px;height:72px; margin:0;padding:0}
#slider .frame-EDCnov { background:#fff url(/images/fhwa2/slider/2018-CHANGE-960x282.jpg) top no-repeat; }
#slider .frame-EDCoct { background:#fff url(/images/fhwa2/slider/2018-eConstruction-960x282.jpg) top no-repeat; }
#slider .frame-EDCsep { background:#fff url(/images/fhwa2/slider/2018-CommunityConnections-960x282.jpg) top no-repeat; }
#slider .frame-EDCaug { background:#fff url(/images/fhwa2/slider/2018-PavementPreservation-960x282.jpg) top no-repeat; }
#slider .frame-EDCjul { background:#fff url(/images/fhwa2/slider/2018-UHPC-960x282.jpg) top no-repeat; }
#slider .frame-EDCjun { background:#fff url(/images/fhwa2/slider/2018-STEP-960x282.jpg) top no-repeat; }
#slider .frame-EDCmay { background:#fff url(/images/fhwa2/slider/2018-NEPA-960x282.jpg) top no-repeat; }
#slider .frame-EDCmar { background:#fff url(/images/fhwa2/slider/2018-DDSA-960x282.jpg) top no-repeat; }
#slider .frame-EDCfeb { background:#fff url(/images/fhwa2/slider/2018-TIM-Data-Collection-960x282.jpg) top no-repeat; }
/*  **** NO LONGER NEEDED - since we have images and alt text vs div with text ****
#slider .frame-EDC .frame-content, #slider .frame-EDCdec .frame-EDCjan .frame-content { float:left; width:700px; padding: 15px 0px 0px 30px }
#slider .frame-EDC .frame-content h1, #slider .frame-EDCdec .frame-EDCjan .frame-content h1 { padding-top: 15px; padding-left: 50px; font-size: 26px; color:#cab063;}
#slider .frame-EDC .frame-content p, #slider .frame-EDCdec .frame-EDCjan .frame-content p {font-size: 16px; color: #FFFFFF;padding-left: 50px; padding-top: 20px; }
#slider .frame-EDC .frame-content a, #slider .frame-EDCdec .frame-EDCjan .frame-content a {color: #B5DFE8;}
#slider .frame-EDC .frame-content a:hover, #slider .frame-EDCdec .frame-EDCjan .frame-content a:hover { color:#d2d0db;}
*/

/* slide - TPEA Nominations  */
#slider .frame-1 { background:#01546a url(/images/fhwa2/slider/winter2015-16.jpg) left top no-repeat }
#slider .frame-1 .frame-content {border:#F00 0px solid; float: right; width: 400px; padding:35px 60px 0px 60px;	text-align:center;}

/* slide - LinkedIn */
#slider .frame-2 { background:#fff url(/images/fhwa2/slider/linkedIn.jpg) right top no-repeat;}
#slider .frame-2 .frame-content {float: right; padding-top: 50px; padding-bottom: 10px; padding-left: 30px; }
#slider .frame-2 .frame-content h1 {}
#slider .frame-2 .frame-content span {margin-bottom: 50px; margin-left: 20px; text-align: center; font-size: 31px; color: #FFF; font-family: "Arial"; font-weight:bold;}
#slider .frame-2 .frame-content a:hover {color: #adc5e3; text-decoration: none; }

/* slide - New EDC Static Rotator */
#slider .frame-3 { background: #fff url(/images/fhwa2/slider/Power_of_the_STIC_960x282.jpg) left top no-repeat }
#slider .frame-3 .frame-content {border:#F00 0px solid; float: right; text-align:center;}
#slider .frame-3 .frame-content .link { float:left; }
#slider .frame-3 .frame-content .youtube { float:right; }
#slider .frame-3 .frame-content .link, 
#slider .frame-3 .frame-content .youtube {
	border:#FF0 0px solid;
	display:block;
	height:100%;
	overflow:hidden;
	width:50%;
}

/* slide - ER program */
#slider .frame-4 { background:#fff url(/images/fhwa2/slider/beyondTraffic.jpg) left top no-repeat }
#slider .frame-4 .frame-content { font-size: 16px; width: 300px; padding-left: 645px; padding-bottom: 20px; padding-top: 20px;}
#slider .frame-4 .frame-content h1 {text-align: center; font-size: 26px; font-weight: bold;margin-bottom: 0px;
										margin-top: 0px; padding-bottom: 20px; color: #263a6b;}
#slider .frame-4 .frame-content p { margin-bottom: 0px; margin-top: 10px;}
#slider .frame-4 .frame-content a {color: #009aa2;}
#slider .frame-4 .frame-content a:hover {color: #666666; } 

/* slide - FHWA Works */
#slider .frame-5 { background:#fff url(/images/fhwa2/slider/bikePedSafety.jpg) top left no-repeat;}
#slider .frame-5 .frame-content { float:right; width:440px; padding:3px 0px 10px 40px; }
#slider .frame-5 .frame-content h1 {color: #333; font-size: 30px; font-family: Tahoma, Geneva, sans-serif;}
#slider .frame-5 .frame-content h3 {color: #000; padding-bottom: 15px;}
#slider .frame-5 .frame-content p {color: #000;}
#slider .frame-5 .frame-content a {color: #333;}
#slider .frame-5 .frame-content a:hover {color: #333;}

/* slide - RT publication */
#slider .frame-6 { background:#fff url(/images/fhwa2/slider/EDC4_Call_for_Ideas.jpg) top left no-repeat;}
#slider .frame-6 .frame-content {width: 280px; padding: 0 0 5px 5px; float: right; }
#slider .frame-6 .frame-content p {color: #fff; float: right; padding: 20px 20px 0px 10px; font-size:20px; margin-top: 0; line-height: 24px; font-family: Corbel;}
#slider .frame-6 .frame-content h3 {color: #fff; padding: 0px 10px 0px 10px; font-size:20px; margin-top: 0;  font-family: Corbel;}
#slider .frame-6 .frame-content a {
	color: #94E47C;
	font-weight: bold;
	font-size: 20px;
	text-decoration: underline;
}
#slider .frame-6 .frame-content  a:hover {color: #fff;}

#slider .frame-7 { background:#fff url(/images/fhwa2/slider/innovationMarch.jpg) top left no-repeat;}
#slider .frame-7 .frame-content { float:right; width:600px; padding:10px 10px 10px 40px; }
#slider .frame-7 .frame-content h1 {color: #fff; font-size: 26px; }
#slider .frame-7 .frame-content h2 {color: #fff; padding-bottom: 15px; font-size: 24px;}
#slider .frame-7 .frame-content p {color: #fff; font-size: 16px;}
#slider .frame-7 .frame-content a {color: #d6b789; font-family: "Arial Rounded MT Bold"; }
#slider .frame-7 .frame-content a:hover {color: #b08f5d;}

/* slide - GOSHRP */
#slider .frame-goshrp { background:#fff url(/images/fhwa2/slider/SHRP_Project2_960x282_v01.jpg) top no-repeat }
#slider .frame-goshrp .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - SHRP2 Implementation Highlights 2015 */
#slider .frame-shrp2 { background:#fff url(/images/fhwa2/slider/shrp2_highmilestones.jpg) top no-repeat }
#slider .frame-shrp2 .frame-content { float:right; width:550px; padding:5px 10px 0px 0px }

/* slide - MAP-21 */
#slider .frame-8 { background:#fff url(/images/fhwa2/slider/map-21.png) right no-repeat }
#slider .frame-8 .frame-content {float: right; width: 450px; color: #FFF; padding-top: 30px;
	padding-right: 40px; padding-bottom: 10px; padding-left: 50px; }
#slider .frame-8 .frame-content h1 {color: #FFF; font-size: 28px; }
#slider .frame-8 .frame-content p {color: #FFF; text-align: center;}
#slider .frame-8 .frame-content p a {color: #afcee2;} 

/* slide - FHWA Works Video */
#slider .frame-9 { background:#fff url(/images/fhwa2/slider/growAmerica.jpg) right no-repeat }
#slider .frame-9 .frame-content { float:left; width:475px; padding:40px 5px 25px 35px }

/* slide - 2015 National Roadway Safety Awards */
#slider .frame-10 { background:#fff url(http://safety.fhwa.dot.gov/images/safety_award2.png) right no-repeat }
#slider .frame-10 .frame-content { float:left; width:475px; padding:40px 5px 25px 35px }

/* frame open/closed */
#slider .frame-closed .tab { background:#999 url(https://www.fhwa.dot.gov/images/fhwa/slider/imgtabgray.png) top left repeat-y }
#slider .frame-closed .tab:hover { background:#8aa9c1 url(https://www.fhwa.dot.gov/images/fhwa/slider/imgtabblue.png) top left repeat-y }
#slider .frame-open .tab { background:#8aa9c1 url(https://www.fhwa.dot.gov/images/fhwa/slider/imgtabblue.png) top left repeat-y }
#slider .frame-closed .frame-content { display:block }
#slider .frame-open .frame-content { display:block }

/* end slider */