﻿body.FDOTTemplate {
  font-size: medium;
}

#header {
  margin: 0 auto !important;
  width: 100% !important;
  height: 150px !important;
  border-bottom: 10px #32557c solid !important;
  padding-bottom: 0px !important;
}


#logo {
  float: left !important;
  padding-left: 20px !important;
}

#tagline {
  margin-left: 180px !important;
  width: 400px !important;
}

  #tagline h5 {
    font-size: 22px !important;
    color: #32557c !important;
    width: 400px !important;
  }

  #tagline a {
    color: #32557c !important;
    text-decoration: none !important;
  }


  #tagline h1 {
    font-size: 40px !important;
    color: #32557c !important;
    width: 400px !important;
  }

#searchlinks {
  margin-right: 20px !important;
  position: relative !important;
  color: #32557c !important;
  margin-left: 660px !important;
  margin-top: -60px !important;
  font-size: 14px;
}

  #searchlinks a {
    color: #32557c !important;
    text-decoration: none !important;
    font-size: 14px;
  }

#q {
  width: 220px !important;
  padding: 5px !important;
  padding-right: 20px !important;
  border: 1px solid #32557c !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: #32557c !important;
  background-color: #e9eff6 !important;
}

#search {
  position: relative !important;
  color: #32557c !important;
  margin-left: 660px !important;
  margin-top: 6px !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
}

#q2 {
  width: 215px !important;
  padding: 3px !important;
  padding-right: 20px !important;
  border: 1px solid #32557c !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: #32557c !important;
  background-color: #e9eff6 !important;
  height: 20px !important;
}

#searchbutton {
  background-image: url('https://www.dot.state.fl.us/webtools_images/searcharrowblue.gif') !important;
  background-repeat: no-repeat !important;
  width: 20px !important;
  height: 20px !important;
  border: 0px !important;
  position: relative !important;
  cursor: pointer;
}

#queries {
  margin: 0px 20px 10px 20px !important;
  font-size: small !important;
}

/* Begin Navigation */

#nav {
  float: right !important;
  height: 30px !important;
  z-index: 99 !important;
  position: relative !important;
  background-color: #32557c !important;
  overflow: hidden !important;
  margin: 0px 0px 0px 0px !important;
  margin-left: 20px !important;
  padding: 0px !important;
}

  #nav li {
    float: left !important;
    list-style: none !important;
    margin: 0px !important;
    padding: 0px !important;
  }

    #nav li a {
      display: block !important;
      padding: 6px 11px !important;
      color: white !important;
      text-decoration: none !important;
    }

      #nav li a:hover {
        color: #32557c !important;
        background-color: #D2D7E1 !important;
      }

/* End Navigation */

#headerContainer {
  margin: 0px !important;
  padding: 0px !important;
  max-height: 440px !important;
  overflow: hidden !important;
}


.customHeader {
  padding-top: 16px !important;
}

/*.container {
  width: 960px !important;
}*/





/* Jquery UI Tabs*/

.MeetingEvent {
	padding: 5px 0px;
  word-wrap: normal;
  display: inline-block;
}

.tabs {
  border: 2px solid #e78f08 !important;
}

.ui-widget-header {
  background-color: white !important;
  border: none !important;
}

.ui-widget td {
  font-size:9pt !important;
}

.ui-widget {
  width:98% !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* Added for Local Program applications */
.ApplicationRadioButtons td {
  font-size: 10pt !important;
}


.LpApplicationHeader {
  background-color: blue !important;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 12pt !important;
  padding: 5px;
}

.LpApplicationSectionHeader {
  font-weight: bold;
  text-align: left;
  font-size: 14pt;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}

.LpApplicationLabel {
  font-weight: bold;
  text-align: right;
  padding-right: 2px;
}

.LpApplicationLabel2 {
  font-weight: bold;
  margin-top: 10px !important;
}

.LpSubmit {
  background-color: blue;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 14pt !important;
  padding: 5px;
  margin: 20px;
}

.LpTextArea {
  font-family: Arial;
}

#WholePageContainer {
  width: 900px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}





/* Added for Nfl Roads */

.officebodyHalf {
  float: left !important;
  width: 480px !important;
  z-index: 106 !important;
  padding-bottom: 20px !important;
  text-decoration: none !important;
  padding-left: 20px !important;
}


#ctl00_m_g_4e7b6973_cc1a_467c_a4ce_1316b685884e_Table1 td:first-child {
  width: 400px !important;
}

.ui-datepicker {
  width: auto;
  height: auto;
  margin: 5px auto 0;
  font: 9pt Arial, sans-serif;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  background-color: lemonchiffon;
  z-index: 199;
}

  .ui-datepicker a {
    text-decoration: none;
  }

.ui-datepicker-prev, .ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 10pt;
  color: blue;
}

.ui-datepicker-header {
  color: blueviolet;
  font-weight: bold;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  text-shadow: 1px -1px 0px #000;
  filter: dropshadow(color=#000, offx=1, offy=-1);
  line-height: 30px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #111;
}

.ProjectAssociatedDocuments {
  margin-top: 1px !important;
  margin-bottom: 7px !important;
}



#DetailContent {
  padding-right: 20px !important;
  width: 650px !important;
}


#OverviewContainer {
  margin-top: 11px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  width: 250px !important;
}

.SliderImage {
  max-width: 960px;
}

.ImageContainer {
  width: 120px !important;
  font-size: 10px !important;
  float: left !important;
  margin: 14px !important;
  display: table-cell !important;
}

.ImageThumbnail {
  width: 120px;
  height: 100px;
  margin-left: 0px;
  margin-right: 0px;
}

.ContactsTable td {
  border-bottom: 1px solid lightgray;
}

.ContactsTable {
  width: 100%;
  padding: 0px;
}

.ContactPageName {
  font-weight: bold;
  font-size: 16px;
}

.ContactsPageEmail {
  font-size: 12px !important;
  text-decoration: underline !important;
}

.ContactPagePhone {
  font-size: 12px;
}

.ContactPhoto {
  width: 150px;
  margin-left: 0px;
  margin-right: 20px;
}


.ContactsProjectItem {
  font-size: 10pt;
}


.SearchListings {
  font-size: 10pt !important;
  padding-bottom: 8px !important;
}

.SearchItem {
  font-weight: bold !important;
  padding-bottom: 10px !important;
  padding-top: 20px !important;
}



/*#officebodyFullWidth a {
	color: #32557c !important;
	text-decoration:underline !important;
	font-weight:normal !important;
    font-size: 10pt !important;
}*/

#officebodyFullWidth a {
  color: #32557c !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

/*#officemenuleft a{
	
    color: black !important;
	text-decoration:underline !important;
    font-size: 12pt;
	line-height: 18px !important;
}*/

#officemenuleft a {
  color: #32557c !important;
  text-decoration: none !important;
  line-height: 32px !important;
}

#ApplicationPage {
  width: 960px !important;
}

/* Help with project dialog box */
.ms-dlgContent {
  overflow-y: scroll !important;
}

.TightLink {
  font-size: 10pt !important;
}

#OverviewContainer {
  margin-top: 11px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#ProjectHeader {
  font-size: 18pt !important;
  font-weight: bold !important;
}

.OverviewLabel {
  font-size: 10pt;
  font-style: italic;
}

.OverviewText {
  font-size: 10pt;
  line-height: 13pt;
}

.ProjectImage {
  float: right;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 5px;
  padding-bottom: 5px;
  border: none !important;
}

/* End Added */

/* Modified by Ron */

#supportingBar {
  background-color: #32557c;
  height: 10px;
  width: 100%;
  border: none;
  /*position: relative; 
    left: -4px;*/
}

#MSOZoneCell_WebPartctl00_m_g_cdb53641_be10_4566_a47e_9de272aa3822 {
  background-color: #32557c !important;
  padding: 0px !important;
  margin: 0px !important;
  overflow: hidden !important;
}

.ms-PartSpacingVertical {
  margin-top: 0px;
}

.ms-PartSpacingHorizontal {
  width: 0px;
}

#_invisibleIfEmpty {
  padding: 0px!important;
  margin: 0px!important;
}

#headerContainer {
  margin: 0px !important;
  padding: 0px !important;
  max-height: 440px !important;
  overflow: hidden !important;
}


.customHeader {
  padding-top: 16px !important;
}

#FDOT_SPLogin {
  font-size: 5pt !important;
  color: white;
  margin-top: 0px !important;
  margin-right: 0px !important;
  text-align: right !important;
  height: 11px;
}



/* Added by Ron */

.ms-WPBody {
  font-family: Arial, Helvetica, sans-serif !important;
  background: white !important;
  height: 100% !important;
  color: black !important;
  font-size: 16px;
}

  .ms-WPBody TD {
    font-family: Arial, Helvetica, sans-serif !important;
    background: white !important;
    height: 100% !important;
    color: black !important;
  }

.accordionButton {
  margin-top: 25px !important;
  margin-bottom: 15px !important;
  padding: 0px 20px 0px 20px !important;
  font-weight: bold;
  font-size: 12pt;
  cursor: pointer;
  text-decoration: underline;
}

.accordionContent {
  padding-left: 20px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-right: 0px !important;
  width: 90% !important;
  font-size: 12pt;
  display: none;
  margin-bottom: 50px;
}



#officebodyLeft {
  float: left !important;
  width: 230px !important;
  height: 100% !important;
  z-index: 106 !important;
  padding-bottom: 20px !important;
  text-decoration: none !important;
  padding-left: 20px !important;
}

  #officebodyLeft h4 {
    font-size: 22px !important;
    color: #32557c !important;
    margin-right: 20px !important;
    margin-top: 20px !important;
    border-bottom: 2px #32557c solid !important;
  }

  #officebodyLeft p {
    padding: 10px 20px 5px 0px !important;
    font-size: 16px !important;
    line-height: 125% !important;
    float: left !important;
  }

  #officebodyLeft a {
    color: #32557c !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }

  #officebodyLeft i {
    color: maroon !important;
    font-size: small !important;
  }

#officebodyHalf {
  float: left !important;
  width: 480px !important;
  z-index: 106 !important;
  padding-bottom: 20px !important;
  text-decoration: none !important;
  padding-left: 20px !important;
}

  #officebodyHalf h4 {
    font-size: 22px !important;
    color: #32557c !important;
    margin-right: 20px !important;
    margin-top: 20px !important;
    border-bottom: 2px #32557c solid !important;
  }

  #officebodyHalf p {
    padding: 10px 20px 5px 0px !important;
    font-size: 16px !important;
    line-height: 125% !important;
    float: left !important;
  }

  #officebodyHalf a {
    color: #32557c !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }

  #officebodyHalf i {
    color: maroon !important;
    font-size: small !important;
  }


ul.ModifiedList {
  font-size: 16px !important;
  line-height: 25px !important;
  padding-left: 20px !important;
  list-style-type: disc !important;
  padding-right: 20px !important;
}

ul.ModifiedSubList {
  font-size: 16px !important;
  line-height: 25px !important;
  padding-right: 20px !important;
  padding-left: 5px !important;
  list-style-type: circle !important;
}


.ms-WPHeader TD {
  background-color: transparent;
  border-bottom: 1px transparent!important;
  padding: 3px;
}
/* Web Part title */
.ms-WPTitle {
  font-size: 22px !important;
  color: #32557c !important;
  margin-right: 20px !important;
  margin-top: 20px !important;
  font-weight: bold;
  border-bottom: 2px #32557c solid !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

  /* Linked title and visited */
  .ms-WPTitle a, .ms-WPTitle a:visited {
    color: #32557c !important;
    text-decoration: none!important;
  }
    /* Hover */
    .ms-WPTitle a:hover {
      color: red!important;
    }

/* End Added */

body.FDOTTemplate {
  font-size: medium;
}

#s4-workspace {
  overflow: visible !important;
  height: 100% !important;
  width: 100% !important;
}

#s4-titlerow {
  display: none !important;
}

#s4-leftpanel {
  display: none !important;
  width: 0px !important;
}

#MSO_ContentTable {
  float: left !important;
  width: 100% !important;
  margin-left: 0px !important;
  /*margin-top:-5px !important;*/
}

#searchlinks {
  font-size: 12pt;
}

#footertag {
  font-size: 12pt;
  text-align: right;
  margin-right:5px;
}

#tagline {
  padding-top: 26px !important;
}

.s4-status-s3 {
  font-size: 10pt !important;
}

.mainHeading {
  background: #32557c;
  width: 960px;
  height: 335px;
}

.supportHeading {
  background: #32557c;
  width: 960px;
  height: 80px;
}







/* begin footer styles */




#navbottom {
  
  z-index: 99 !important;
  position: relative !important;
  background-color: white !important;
  overflow: hidden !important; /* Changed by Ron */
  text-align: center !important;
  padding: 10px 0px 10px 0px !important;
  margin-left: 20px;
  margin-right: 20px;
}

#LastRow {
    margin-left: 20px;
  margin-right: 20px;
}

  /*#navbottom li {
    text-align: center !important;
    list-style: none !important;
    display: inline !important;
  }

    #navbottom li a {
      padding: 6px 10px !important;
      color: #32557c !important;
      text-decoration: none !important;
      display: inline-block !important;
    }

      #navbottom li a:hover {
        color: #32557c !important;
        background-color: #D2D7E1 !important;
      }*/


#SocialMediaIcons {
  float: left !important;
  padding: 40px 0px 5px 20px !important;
}

  #SocialMediaIcons a {
    padding-right: 10px !important;
  }


#copyright {
  padding-top: 10px !important;
  font-size: small !important;
  color: #D2D7E1 !important;
  margin-top:5px;
}

#footertag {
  float: right !important;
  padding: 55px 20px 0px 0px !important;
  color: #D2D7E1 !important;
}

  #footertag h5 {
    font-size: small !important;
    color: #D2D7E1 !important;
    text-align: right !important;
    font-style: italic !important;
  }

/* end footer styles */


#header {
  margin: 0 auto !important;
  width: 100% !important;
  height: 150px !important;
  border-bottom: 10px #32557c solid !important;
  padding-bottom: 0px !important;
}


#logo {
  float: left !important;
  padding-left: 20px !important;
}

#tagline {
  margin-left: 180px !important;
  width: 400px !important;
}

  #tagline h5 {
    font-size: 22px !important;
    color: #32557c !important;
    width: 400px !important;
  }

  #tagline a {
    color: #32557c !important;
    text-decoration: none !important;
  }


  #tagline h1 {
    font-size: 40px !important;
    color: #32557c !important;
    width: 400px !important;
  }

#searchlinks {
  margin-right: 20px !important;
  position: relative !important;
  color: #32557c !important;
  margin-left: 660px !important;
  margin-top: -60px !important;
  font-size: 14px;
}

  #searchlinks a {
    color: #32557c !important;
    text-decoration: none !important;
    font-size: 14px;
  }

#q {
  width: 220px !important;
  padding: 5px !important;
  padding-right: 20px !important;
  border: 1px solid #32557c !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: #32557c !important;
  background-color: #e9eff6 !important;
}

#search {
  position: relative !important;
  color: #32557c !important;
  margin-left: 660px !important;
  margin-top: 6px !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
}

#q2 {
  width: 215px !important;
  padding: 3px !important;
  padding-right: 20px !important;
  border: 1px solid #32557c !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: #32557c !important;
  background-color: #e9eff6 !important;
  height: 20px !important;
}

#searchbutton {
  background-image: url('https://www.dot.state.fl.us/webtools_images/searcharrowblue.gif') !important;
  background-repeat: no-repeat !important;
  width: 20px !important;
  height: 20px !important;
  border: 0px !important;
  position: relative !important;
  cursor: pointer;
}

#queries {
  margin: 0px 20px 10px 20px !important;
  font-size: small !important;
}


/* Begin Rotating Banner */

#rotatorgroup {
  position: relative !important;
  z-index: 0 !important;
  width: 960px !important;
  height: 400px !important;
}

  #rotatorgroup a {
    text-decoration: none !important;
    color: white !important;
    font-family: arial !important;
    font-weight: bold !important;
  }

  #rotatorgroup .info {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: #32557c !important;
    width: 960px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font: normal 14px/12px Arial !important;
    color: white !important;
  }

    #rotatorgroup .info h2 {
      margin: 0 !important;
      padding: 0 !important;
      padding-bottom: 10px !important;
      color: white !important;
      padding-left: 20px !important;
    }

    #rotatorgroup .info p {
      margin: 0 !important;
      padding-right: 230px !important;
      padding-bottom: 10px !important;
      padding-left: 20px !important;
      line-height: normal !important;
    }

  #rotatorgroup #rotbannav {
    display: block !important;
    margin-left: 730px !important;
    margin-top: 340px !important;
    font-size: 18px !important;
    color: white !important;
    position: absolute !important;
    z-index: 99 !important;
    padding: 5px !important;
  }

    #rotatorgroup #rotbannav a {
      padding: 5px 8px;
      display: inline-block !important;
      border: 1px solid #FFF !important;
      background: #32557c !important;
      text-decoration: none !important;
      margin: 7px !important;
      font-family: arial !important;
      color: white !important;
    }

      #rotatorgroup #rotbannav a.activeSlide {
        color: #32557c !important;
        background-color: #d0d2da !important;
      }

      #rotatorgroup #rotbannav a:hover {
        background-color: #ECEDF0 !important;
        color: #32557c !important;
      }

/* End Rotating Banner */





#CustomerArea {
  float: left !important;
  padding: 20px !important;
}

#travelers {
  float: left !important;
  width: 293px !important;
  position: relative !important;
}

  #travelers a {
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    z-index: 105 !important;
  }


#travtext {
  background-color: #5F7EA2 !important;
  padding-bottom: 10px !important;
}

  #travtext h2 {
    padding: 5px 5px 0 5px !important;
  }

  #travtext p {
    color: white !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    padding: 5px 5px 0 5px !important;
  }


#BusinessPartners {
  float: left !important;
  width: 293px !important;
  margin-left: 20px !important;
  position: relative !important;
}

  #BusinessPartners a {
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    z-index: 105 !important;
  }


#bustext {
  background-color: #668796 !important;
  padding-bottom: 10px !important;
}

  #bustext h2 {
    padding: 5px 5px 0 5px !important;
  }

  #bustext p {
    color: white !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    padding: 5px 5px 0 5px !important;
  }


  #bustext a {
    text-decoration: none !important;
    color: #EAEEF2 !important;
  }

    #bustext a:hover {
      background-color: #32557c !important;
    }


#Government {
  float: left !important;
  width: 293px !important;
  margin-left: 20px !important;
  position: relative !important;
}

  #Government a {
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    z-index: 105 !important;
  }


#govtext {
  background-color: #729A99 !important;
  padding-bottom: 10px !important;
}

  #govtext h2 {
    padding: 5px 5px 0 5px !important;
  }

  #govtext p {
    color: white !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    padding: 5px 5px 0 5px !important;
  }

  #govtext a {
    text-decoration: none !important;
    color: #EAEEF2 !important;
  }

    #govtext a:hover {
      background-color: #32557c !important;
    }

#getinvolved {
  float: left !important;
  margin: 0px 20px 20px 20px !important;
  width: 293px !important;
  background-color: #d5dde5 !important;
}

  #getinvolved h2 {
    background-color: #32557c !important;
    color: white !important;
    padding: 10px 0 10px 0 !important;
    text-align: center !important;
  }

  #getinvolved h3 {
    padding: 10px 10px 0px 10px !important;
  }

  #getinvolved p {
    padding: 0 10px 10px 10px !important;
    line-height: 30px !important;
  }

#popicons {
  float: left !important;
  width: 293px !important;
}

  #popicons a {
    text-decoration: none !important;
  }


#facmap {
  float: left !important;
}

  #facmap p {
    text-align: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: small !important;
    color: #32557c !important;
    padding-top: 5px !important;
    text-decoration: none !important;
  }

#milest {
  float: left !important;
  padding-left: 26.5px !important;
}

  #milest p {
    text-align: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: small !important;
    color: #32557c !important;
    padding-top: 5px !important;
  }

#tollcalc {
  float: left !important;
  padding-left: 26.5px !important;
}

  #tollcalc p {
    text-align: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: small !important;
    color: #32557c !important;
    padding-top: 5px !important;
  }

#ProjectInitiatives {
  float: left !important;
  padding-left: 20.0px !important;
  width: 293px !important;
  text-align: center !important;
}

  #ProjectInitiatives p {
    text-align: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: small !important;
    color: #32557c !important;
    padding-top: 5px !important;
  }

  #ProjectInitiatives a {
    text-decoration: none !important;
  }


#PopularTopics {
  float: left !important;
  padding: 15px 20px 20px 0px !important;
  width: 606px !important;
  position: relative !important;
}

  #PopularTopics h3 {
    border-bottom: 4px #32557c solid !important;
    padding-bottom: 3px !important;
  }

#PopTopParaLeft {
  float: left !important;
  width: 293px !important;
  padding: 10px 0px 8px 0px !important;
}

  #PopTopParaLeft a {
    display: block !important;
    line-height: 20px !important;
    text-decoration: none !important;
    color: #32557c !important;
    border-bottom: 1px #32557c dotted !important;
    padding-left: 5px !important;
  }


#PopTopParaRight {
  float: left !important;
  width: 293px !important;
  padding: 10px 0px 8px 20px !important;
}

  #PopTopParaRight a {
    display: block !important;
    line-height: 20px !important;
    text-decoration: none !important;
    color: #32557c !important;
    border-bottom: 1px #32557c dotted !important;
    padding-left: 5px !important;
  }


#pagetitle {
  width: 960px !important;
  color: #32557c !important;
  margin-left: auto;
  margin-right: auto;
  background-color:white;
}

  #pagetitle h4 {
    color: #32557c !important;
    font-size: 18pt !important;
    padding-left: 30px !important;
    font-weight: bold;
  }

#officemenuleft h3 {
  padding: 0px 10px 0px 20px !important;
}

#officemenuleft p {
  padding: 5px 10px 10px 20px !important;
  font-size: 16px !important;
}

#officemenuleft img {
  padding-left: 20px !important;
  padding-top: 10px !important;
}

#officemenuleft table {
  padding: 5px 10px 5px 20px !important;
  font-size: 16px !important;
}

#officelev3banner {
  width: 960px !important;
  height: 94px !important;
  background-color: #32557c !important;
  margin-bottom: 10px !important;
}

#officelev3bannertext {
  
}

  #officelev3bannertext p {
    font-size: 15px !important;
    padding-top: 15px !important;
    margin-right: 20px !important;
    color: white !important;
  }

  #officelev3bannertext h2 {
    font-size: 26px !important;
    color: white !important;
    font-weight: bold;
    margin-left: 30px;
    margin-top: 0px;
  }

  #officelev3bannertext a {
    font-size: 15px !important;
    text-decoration: none !important;
    color: white !important;
  }




#directorytable {
  padding: 0px 10px 40px 20px !important;
  font-size: 11pt;
}

  #directorytable h4 {
    font-size: 22px !important;
    color: #32557c !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 20px !important;
    border-bottom: 2px #32557c solid !important;
  }

  #directorytable p {
    padding: 0px 20px 0px 20px !important;
    font-size: 16px !important;
    line-height: 125% !important;
  }

  #directorytable a {
    color: #32557c !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }



  #directorytable ul li {
    margin: 5px 40px 5px 60px !important;
    padding: 5px 0px 5px 0px !important;
    list-style-type: disc !important;
  }



#AboutFDOTofficebody {
  padding: 0px 0px 40px 0px !important;
}

  #AboutFDOTofficebody h4 {
    font-size: 22px !important;
    color: #32557c !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 20px !important;
    border-bottom: 2px #32557c solid !important;
  }

  #AboutFDOTofficebody p {
    padding: 10px 20px 5px 20px !important;
    font-size: 16px !important;
    line-height: 125% !important;
  }

  #AboutFDOTofficebody a {
    color: #32557c !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }

  #AboutFDOTofficebody li {
    margin: 5px 40px 5px 60px !important;
    padding: 5px 0px 5px 0px !important;
    list-style-type: disc !important;
  }

#projlinks {
  float: left !important;
  padding-left: 20px !important;
}

  #projlinks p {
    text-align: center !important;
  }


#projlinksvideo {
  float: left !important;
  padding-left: 20px !important;
  margin-top: 20px !important;
}

  #projlinksvideo a {
    text-align: center !important;
  }


#projlinksmap {
  float: left !important;
  padding-left: 20px !important;
  padding-top: 20px !important;
}


#projinfooffsecbody {
  float: right !important;
  width: 230px !important;
  margin: 10px 135px 0px 0px !important;
}

#socmedoffbody {
  padding-top: 540px !important;
}


  #socmedoffbody table {
    padding-left: 20px;
  }


#officebodyARP {
  float: left !important;
  width: 920px !important;
  margin: 0 20px 20px 20px !important;
}

  #officebodyARP table {
    margin: 10px 20px 20px 20px !important;
  }

  #officebodyARP h4 {
    font-size: 22px !important;
    color: #32557c !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 20px !important;
    border-bottom: 2px #32557c solid !important;
  }

  #officebodyARP p {
    padding: 10px 20px 5px 20px !important;
    font-size: 16px !important;
    line-height: 125% !important;
    float: left !important;
  }

  #officebodyARP a {
    color: #32557c !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }

  #officebodyARP i {
    color: maroon !important;
    font-size: small !important;
  }

  #officebodyARP li {
    margin: 10px 0px 10px 40px !important;
    list-style: disc outside none !important;
    color: #32557c !important;
    margin-left: 50px !important;
  }

  #officebodyARP img {
    margin: 20px !important;
  }


#officebodyTOPIC {
  width: 920px !important;
  margin: 0 20px 20px 20px !important;
}

  #officebodyTOPIC table {
    margin: 10px 20px 20px 0px !important;
  }

  #officebodyTOPIC h4 {
    font-size: 22px !important;
    color: #32557c !important;
    margin-left: 0px !important;
    margin-right: 20px !important;
    margin-top: 20px !important;
    border-bottom: 2px #32557c solid !important;
  }

  #officebodyTOPIC p {
    padding: 10px 20px 5px 0px !important;
    font-size: 16px !important;
    line-height: 125% !important;
  }

  #officebodyTOPIC a {
    color: #32557c !important;
    text-decoration: none !important;
    font-weight: bold !important;
    padding-bottom: 15px !important;
  }

  #officebodyTOPIC i {
    color: maroon !important;
    font-size: small !important;
  }

  #officebodyTOPIC ul li {
    margin: 10px 0px 10px 40px !important;
    list-style: disc outside none !important;
    margin-left: 50px !important;
  }

  #officebodyTOPIC li.second {
    list-style-type: square;
    text-indent: 50px;
  }

  #officebodyTOPIC ol {
    margin-left: 20px !important;
  }

  #officebodyTOPIC img {
    padding-top: 10px;
    padding-left: 0px;
  }

  #officebodyTOPIC a img {
    padding-top: 10px;
    padding-left: 10px;
  }

#searchresults {
  width: 920px !important;
  margin: 0 20px 20px 20px !important;
}

#mapsnpubsresult {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

/* FDOT's style sheet */




#tagline-2013redesign h5 {
  margin: 0px !important;
  padding: 0px !important;
  font-weight: bold;
}

#tagline-2013redesign h1 {
  margin: 0px !important;
  padding: 0px !important;
  font-weight: bold;
}

/* begin footer styles */


#FdotFooter {
  margin-left: 0 auto !important;
  margin-right: 0 auto !important;
  margin-bottom: 0 auto !important;
  margin-top: 30px !important;
  background-color: #32557c !important;
  width: 100% !important;
  -moz-box-shadow: 0px 5px 20px #000 !important;
  -webkit-box-shadow: 0px 5px 20px #000 !important;
  box-shadow: 0px 5px 20px #000 !important;
  zoom: 0 !important;
  border-left: 1px #4D4D4D solid !important;
  border-right: 1px #4D4D4D solid !important;
}

#SocialMediaIcons {
  float: left !important;
  
  background-color: #32557c !important;
}

  #SocialMediaIcons a {
    padding-right: 10px !important;
  }


#footertag {
  float: right !important;
  padding: 55px 20px 0px 0px !important;
  color: #D2D7E1 !important;
}

  #footertag h5 {
    font-size: small !important;
    color: #D2D7E1 !important;
    text-align: right !important;
    font-style: italic !important;
  }

/* end footer styles */





