@charset "utf-8"; /* Theme Name: Federal Highway Administration Theme URI: http://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(http://www.fhwa.dot.gov/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 } /* slide - Work Zones */ #slider .frame-workzone { background:#fff url(/images/fhwa2/slider/workzoneaware-web-banner.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/bestplacestowork2015.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-EDC { background:#fff url(/images/fhwa2/slider/innovation_ddsa.jpg) top no-repeat;} #slider .frame-EDCoct { background:#fff url(/images/fhwa2/slider/october2015_roaddiets_rev2.jpg) top no-repeat;} #slider .frame-EDCnov { background:#fff url(/images/fhwa2/slider/november2015_regional-models.jpg) top no-repeat;} #slider .frame-EDCdec { background:#fff url(/images/fhwa2/slider/december2015_uhpc.jpg) top no-repeat;} #slider .frame-EDCfeb { background:#fff url(/images/fhwa2/slider/innovation_workzones_2016.jpg) top no-repeat;} #slider .frame-EDCmar { background:#fff url(/images/fhwa2/slider/innovation_econstruction_march2016.jpg) top no-repeat;} #slider .frame-EDCapr { background:#fff url(/images/fhwa2/slider/innovation_grs-ibs_april2016.jpg) top no-repeat;} #slider .frame-EDCmay { background:#fff url(/images/fhwa2/slider/innovation_3d_may2016.jpg) top no-repeat;} #slider .frame-EDCjun { background:#fff url(/images/fhwa2/slider/innovation_lafp_june2016.jpg) top no-repeat;} #slider .frame-EDCjul { background:#fff url(/images/fhwa2/slider/innovation_railroad_july2016.jpg) top no-repeat;} #slider .frame-EDCaug { background:#fff url(/images/fhwa2/slider/innovation_roaddiets_aug2016.jpg) top no-repeat;} #slider .frame-EDCsep { background:#fff url(/images/fhwa2/slider/innovation_ddsa_sep2016.jpg) top no-repeat;} #slider .frame-EDC .frame-content, #slider .frame-EDCoct .frame-EDCnov .frame-content { float:left; width:700px; padding: 15px 0px 0px 30px } #slider .frame-EDC .frame-content h1, #slider .frame-EDCoct .frame-EDCnov .frame-content h1 { padding-top: 15px; padding-left: 50px; font-size: 26px; color:#cab063;} #slider .frame-EDC .frame-content p, #slider .frame-EDCoct .frame-EDCnov .frame-content p {font-size: 16px; color: #FFFFFF;padding-left: 50px; padding-top: 20px; } #slider .frame-EDC .frame-content a, #slider .frame-EDCoct .frame-EDCnov .frame-content a {color: #B5DFE8;} #slider .frame-EDC .frame-content a:hover, #slider .frame-EDCoct .frame-EDCnov .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/slider_edc3.jpg) left top no-repeat } #slider .frame-3 .frame-content {border:#F00 0px solid; float: right; width: 475px; padding:5px 0px 0px 60px; text-align:center;} #slider .frame-3 .frame-content h1 {color: #385c9e; } #slider .frame-3 .frame-content p {color: #000000;} #slider .frame-3 .frame-content a {color: #339900;} #slider .frame-3 .frame-content a:hover {color: #000;} /* 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(http://www.fhwa.dot.gov/images/fhwa/slider/imgtabgray.png) top left repeat-y } #slider .frame-closed .tab:hover { background:#8aa9c1 url(http://www.fhwa.dot.gov/images/fhwa/slider/imgtabblue.png) top left repeat-y } #slider .frame-open .tab { background:#8aa9c1 url(http://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 */