.main-header {
    border-bottom: none;
}


#mayor-admin-officials {
  /* mobile */
  /* mobile */
  /* tablet */
  /* tablet */
  /* desktop */;
}
  
#mayor-admin-officials .title-bar h2 {
    width: 83.05085%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    text-align: left;
}
  
#mayor-admin-officials .title-bar #filter-agencies,
  #mayor-admin-officials .title-bar #filter-agencies-done {
    float: right;
    margin-top: 20px;
}
  
#mayor-admin-officials .admin-officials-title {
    font-size: 36px;
    letter-spacing: -1px;
    margin: 30px 0 0 0;
}

@media only screen and (max-width: 767px) {
      
    #mayor-admin-officials .admin-officials-title {
        font-size: 24px;
        margin: 10px 0 10px 0;
        padding-left: 20px;
    };
}
  
#mayor-admin-officials #filter-topics-col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
  
#mayor-admin-officials #main-admin-officials.row {
    position: relative;
}
  
#mayor-admin-officials #filter-topics-col,
  #mayor-admin-officials #filter-list-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
  
#mayor-admin-officials #filter-topics-col {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
}
    
#mayor-admin-officials #filter-topics-col ul.filter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin-right: 7.14286%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
}
    
#mayor-admin-officials #filter-topics-col ul.filter li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    width: 100%;
    float: left;
    margin-right: 7.14286%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
}
      
#mayor-admin-officials #filter-topics-col ul.filter li input[type=checkbox],
      #mayor-admin-officials #filter-topics-col ul.filter li label {
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
      
#mayor-admin-officials #filter-topics-col ul.filter li input[type=checkbox] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0px 10px 0 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
#mayor-admin-officials #filter-topics-col ul.filter label{text-transform:none; font-weight:normal; font-size:16px; line-height:20px;}
#mayor-admin-officials #filter-topics-col ul.filter li#filter-none label {
    font-weight: bold;
}
    
#mayor-admin-officials #filter-topics-col a.button-link {
    width: 100%;
    float: left;
    margin-right: 7.14286%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
    margin-top: 25px;
}
  
#mayor-admin-officials #filter-list-col {
    width: 74.57627%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
    border-left: 1px solid #ccc;
    padding-left: 17px;
}
    
#mayor-admin-officials #filter-list-col .row {
    padding-bottom: 10px;
    border-left: 1px solid #ccc;
}
    
#mayor-admin-officials #filter-list-col ul#filter-list {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
}
      
#mayor-admin-officials #filter-list-col ul#filter-list > li {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 12px;
    padding-bottom: 10px;
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
}
      
#mayor-admin-officials #filter-list-col ul#filter-list > li:last-child {
    border-bottom: none;
}
      
#mayor-admin-officials #filter-list-col ul#filter-list > li.filtered-out {
    display: none;
}
      
#mayor-admin-officials #filter-list-col ul#filter-list li h6.letter-header {
    font-size: 30px;
    line-height: 1;
    vertical-align: top;
    font-weight: bold;
    margin: 8px 0px 20px !important;
    width: 6.77966%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
}
      
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list {
    width: 91.52542%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
        
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-left: 2.1%;
    overflow: hidden;
    padding: 8px 8px 10px 8px;
    position: relative;
    vertical-align: top;
    width: 97.9%;
}

#mayor-admin-officials .module.module-alphabet-nav {
	margin-bottom:0;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li a.name:hover,
          #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li a.name:active {
    color: #000;
    border-bottom: 1px solid #7f7f7f;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li .al-agency {
    float: left;
    width: 75%;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li .al-contact {
    float: left;
    line-height: 18px;
    width: 25%;
}
            
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li .al-contact li {
    padding: 0;
}
            
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li .al-contact li.al-contact-info {
    font-size: 12px !important;
    font-weight: bold;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li ul li {
    border: none;
    margin-left: 0;
    padding-left: 0;
}
        
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li:last-child,
        #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.last-visible {
    border: none;
}
        
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info {
    background: #efefef;
    margin-bottom: 15px;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info a.name,
          #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info a.name:link,
          #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info a.name:visited,
          #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info a.name:hover,
          #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info a.name:active {
    color: #000;
    border-bottom: none;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    cursor: default;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info a.close-button {
    position: absolute;
    right: -10px;
    top: -10px;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info p.description {
    color: #444;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 7px;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info a.button-link-arrow {
    float: right;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info div.info {
    overflow: hidden;
    *zoom: 1;
}
          
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info .share {
    float: left;
    margin-top: 5px;
}
        
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info:last-child {
    margin-bottom: 0px;
}
        
#mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.filtered-out {
    display: none;
}

@media only screen and (max-width: 480px) {
    
    #mayor-admin-officials .title-bar {
        padding-bottom: 10px;
    }
      
    #mayor-admin-officials .title-bar #filter-agencies,
      #mayor-admin-officials .title-bar #filter-agencies-done {
        margin-top: 20px;
        margin-right: 0px;
        clear: right;
    };
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    
    #mayor-admin-officials .title-bar #filter-agencies,
    #mayor-admin-officials .title-bar #filter-agencies-done {
        margin: 15px 10px 0 0;
    };
}

@media only screen and (max-width: 767px) {
    
    #mayor-admin-officials #main {
        margin-bottom: 0px;
    }
    
    #mayor-admin-officials .title-bar h2 {
        font-size: 16px;
        width: 66.10169%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
    }
    
    #mayor-admin-officials .title-bar #filter-agencies-done {
        display: none;
    }
    
    #mayor-admin-officials .title-bar .button-espanol {
        margin-top: 15px;
        width: 70px;
    }
    
    #mayor-admin-officials #main-admin-officials.row {
        background-color: #efefef;
    }
      
    #mayor-admin-officials #main-admin-officials.row .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #mayor-admin-officials #filter-topics-col {
        width: 100%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        background: #444444;
        display: none;
    }
      
    #mayor-admin-officials #filter-topics-col ul.filter {
        width: 100%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
        border-bottom: 1px solid #5e5e5e;
    }
      
    #mayor-admin-officials #filter-topics-col ul.filter li {
        border-top: 1px solid #5e5e5e;
        border-bottom: 1px solid #2d2d2d;
        padding: 15px 0;
        width: 100%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
    }
        
    #mayor-admin-officials #filter-topics-col ul.filter li label {
        color: #fff;
    }
    
    #mayor-admin-officials .span1.hidden-tablet.hidden-desktop {
        margin-right: -1em;
        padding-right: 1em;
        height: 100%;
    }
    
    #mayor-admin-officials .mobile-alpha-nav {
        width: 6.38298%;
        float: left;
    }
    
    #mayor-admin-officials #filter-list-col {
        width: 93.61702%;
        float: left;
        padding-left: 0px;
        padding-bottom: 30px;
        border-left: 1px solid #ccc;
        background-color: #fff;
    }
      
    #mayor-admin-officials #filter-list-col ul#filter-list {
        width: 100%;
        float: left;
        margin-right: 1.85185%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
        background-color: #fff;
        margin-bottom: 0px;
    }
        
    #mayor-admin-officials #filter-list-col ul#filter-list > li {
        margin-top: 0px;
        width: 100%;
        float: left;
        margin-right: 1.85185%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
        border-bottom: none;
    }
        
    #mayor-admin-officials #filter-list-col ul#filter-list li h6.letter-header {
        font-size: 16px;
        text-align: center;
        color: #fff;
        background: #666;
        margin: 0px !important;
        width: 100%;
        float: left;
        margin-right: 1.85185%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
    }
        
    #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list {
        width: 100%;
        float: left;
        margin-right: 1.85185%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
    }
          
    #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li {
        width: 100%;
        float: left;
        margin-right: 1.85185%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
        margin-left: 0px;
        margin-bottom: 0px;
    }
      
    #mayor-admin-officials #filter-list-col #view-all {
        float: left;
        width: 90.74074%;
        margin-top: 20px;
        margin-left: 4.62963%;
        margin-right: 4.62963%;
        padding-top: 19px;
        padding-bottom: 19px;
    }
    
    #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li .al-agency {
        float: none;
        width: 100%;
    }
    
    #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li .al-contact {
        float: none;
        width: 100%;
    }
 #main-admin-officials .hidden-phone .module.module-alphabet-nav  {
 
    width: 6.38298%;
    float: left;
 
    };   
}

@media only screen and (min-width: 768px) {
    
    #mayor-admin-officials .title-bar #filter-agencies,
    #mayor-admin-officials .title-bar #filter-agencies-done {
        display: none !important;
    }
    
    #mayor-admin-officials #filter-topics-col {
        display: inline !important;
    }
    
    #mayor-admin-officials ul.alpha-list li {
        border-bottom: 1px solid #e5e5e5;
        width: 97.9%;
        margin-left: 2.1%;
        clear: both;
    };
}

@media only screen and (min-width: 960px) {
    
    #mayor-admin-officials ul.alpha-list li {
        border-bottom: 1px solid #e5e5e5;
    };
}


.lt-ie8 #mayor-admin-officials #filter-topics-col {
    width: 208px;
    margin-right: 0px;
    margin-right: 45px;
    float: left;
    position: relative;
    left: 15px;
}


.lt-ie8 #mayor-admin-officials #filter-list-col {
    width: 700px;
    margin-right: 0px;
    float: left;
    padding: 0px;
}
  
.lt-ie8 #mayor-admin-officials #filter-list-col ul#filter-list {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
    
.lt-ie8 #mayor-admin-officials #filter-list-col ul#filter-list > li {
    width: 100%;
}
    
.lt-ie8 #mayor-admin-officials #filter-list-col ul#filter-list li h6.letter-header {
    width: 46px;
    text-align: right;
    padding-bottom: 20px;
}
    
.lt-ie8 #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list {
    width: 622px;
}
      
.lt-ie8 #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li {
    margin-left: 0px;
    width: 589px;
}
      
.lt-ie8 #mayor-admin-officials #filter-list-col ul#filter-list li ul.alpha-list li.agency-info .info {
    position: relative;
    width: 569px;
    overflow: visible;
}


.lt-ie8 #filter-agencies,
.lt-ie8 #filter-agencies-done {
    display: none;
}