﻿/* start - header styles **********************************************************************************/
#fhwaheader {
    background: #063472 url(../images/bg_headersm.png) left top repeat-x;
    padding: 5px 0px;
    text-align: left
}

    #fhwaheader img.imgdotfhwalg {
        display: none
    }
    /* hides large FHWA header */
   
    #fhwaheader ul.dropdown {
        margin: 0px;
        padding: 0px;
        list-style: none
    }

        #fhwaheader ul.dropdown li {
            display: inline;
            margin: 0px;
            padding: 0px
        }

        #fhwaheader ul.dropdown .arrow {
            background: url(../images/imgarrow2.png) bottom center no-repeat
        }

        #fhwaheader ul.dropdown li a {
            float: left;
            color: #fff;
            margin: 0px;
            padding: 0px;
            text-decoration: none
        }

            #fhwaheader ul.dropdown li a span {
                font-size: 0.8em;
                float: none;
                display: block;
                padding: 2px 8px 6px 0px
            }

                #fhwaheader ul.dropdown li a span.adjleftmgn {
                    padding-left: 3px
                }

            #fhwaheader ul.dropdown li a:hover,
            #fhwaheader ul.dropdown li a.active,
            #about #fhwaheader ul.dropdown li.mnabout a span,
            #divisions #fhwaheader ul.dropdown li.mnabout a span,
            #programs #fhwaheader ul.dropdown li.mnprograms a span,
            .hep #fhwaheader ul.dropdown li.mnprograms a span,
            #resources #fhwaheader ul.dropdown li.mnresources a span,
            #briefingroom #fhwaheader ul.dropdown li.mnbriefing a span,
            #contact #fhwaheader ul.dropdown li.mncontact a span {
                color: #FFF
            }

    #fhwaheader .mainnav {
        display: none;
    }

    #fhwaheader ul.dropdown ul {
        border-top: #000 1px solid;
        width: 208px;
    }

        #fhwaheader ul.dropdown ul li {
            border-right: 0px;
            text-align: left;
        }

            #fhwaheader ul.dropdown ul li a {
                background: #fff;
                color: #000;
                border-bottom: #000 1px solid;
                border-left: #000 1px solid;
                border-right: #000 1px solid;
                font-size: 0.7em;
                padding-left: 3px;
                padding-right: 3px;
                text-transform: none;
                width: 200px;
            }

                #fhwaheader ul.dropdown ul li a:hover {
                    background: #036;
                    color: #f60;
                }
/* end - header styles ************************************************************************************/
