/* FOOTER STYLES */

#footer {
   background: #0082d5 url('/img/footer.png') repeat-x center top;
   width: 100%;
   padding: 0 0 40px 0;
   text-align: left;
   min-height: 300px;
   }
  
  #home #footer { padding-bottom: 20px; }


/* TOP - Groups, Directory, Mission or Fanbox */

#footer .top {
   background: url('/img/footer-top.png') no-repeat center top;
   margin: auto; 
   padding: 35px 13px 15px 13px;
   overflow: hidden;
   width: 940px; height: 128px;
   }

   #wide #footer .top { background: url('/img/footer-wide.png') no-repeat center top; }


#groups,
#directory,
#mission,
#likebox,
#social { float: left; }

#groups {
   width: 280px; height: 120px; overflow: hidden;
   margin: 0; padding: 10px 0 0 10px;
   list-style: none;
   }

#groups li {
   float: left; 
   height: 60px; overflow: hidden;
   }

   #groups .corrections-united,
   #groups .retirees { width: 136px; margin-right: 10px; }

   #groups .nurses,
   #groups .next-wave          { width: 126px;}

#groups .corrections-united a,
#groups .nurses a,
#groups .retirees a,
#groups .next-wave a {
   display: block;
   width: 136px; height: 50px;
   background-position: left top;
   background-repeat: no-repeat;
   }

   #groups .corrections-united a { background-image: url('/img/groups-corrections-united.png'); }
   #groups .nurses a             { background-image: url('/img/groups-nurses.png'); }
   #groups .retirees a           { background-image: url('/img/groups-retirees.png'); }
   #groups .next-wave a          { background-image: url('/img/groups-next-wave.png'); }

   #groups .corrections-united a:hover,
   #groups .nurses a:hover,
   #groups .retirees a:hover,
   #groups .next-wave a:hover { background-position: left -50px; }

   #groups a span { display: none; }



#directory {
   width: 330px; height: 130px; overflow: hidden;
   margin-left: 15px;
   }

   #directory .title {
      width: 110px; height: 80px;
      display: block;
      float: left;
      position: relative; top: 13px; left: 13px;
      z-index: 999px;
      }

      #directory .title a {
         width: 65px; height: 17px;
         display: block;
         background: url('/img/directory-title.png') no-repeat left top;
         }


   #directory select {
      width: 65px; height: 17px;
      display: block;
      background-color: #004c80;
      border: 0;
      margin: 3px 0 4px 0; padding: 2px;
      width: 110px; height: 23px;
      color: #f3f9fd; font-size: 11px; line-height: 19px;
      }

   #directory .title .enlarge-btn {
      width: 110px; height: 23px;
      display: block;
      background: url('/img/directory-enlarge-btn.png') no-repeat left top;
      }

      #directory .title .enlarge-btn:hover { background-position: left -23px; }
      #directory .enlarge-btn span { display: none; }

   #directory #map a { 
      width: 330px; height: 130px;
      display: block;
      background: url('/img/directory-map-backup.png') no-repeat 102px 5px;
      }

   #directory #map #directory-map { 
      margin: -74px 0 0 102px;
      }


   #map-expand h2 { 
      font-size: 1.6em; 
      font-weight: normal; 
      font-family: "proxima-nova-1","proxima-nova-2",sans-serif; 
      }

   #map-expand .close {
      float: right; 
      display: block;  
      width: 13px; height: 13px;
      background: url('/img/close.png') no-repeat left top;
      }

      #map-expand .close:hover { background-repeat: left -13px; }
      #map-expand .close span { display: none; }



#mission {
   width: 290px; height: 130px; overflow: hidden;
   background: url('/img/footer-mission.png') no-repeat center top;
   margin-left: 15px;
   display: none; 
   }

   #home #mission, .blog #mission { display: block; }
   #mission span  { display: none; }



#likebox {
   width: 262px; height: 83px; overflow: hidden;
   padding: 47px 0 0 28px;
   background: url('/img/footer-fanbox.png') no-repeat center top;
   margin-left: 15px;
   }

   #home #likebox, .blog #likebox { display: none; }

#likebox {
   width: 262px; height: 83px; overflow: hidden;
   padding: 47px 0 0 28px;
   background: url('/img/footer-fanbox.png') no-repeat center top;
   margin-left: 15px;
   }
   
#footer #social {
   width: 263px; height: 72px; overflow: hidden;
   padding: 58px 0 0 25px;
   background: url(/img/footer-connect.png) no-repeat 12px 11px;
   margin-left: 15px;
   }   

   #home #likebox, .blog #likebox,
   #footer #home #social, .blog #social { display: none; }



/* MIDDLE - Search, Email Signup and Social Networking */

#footer .middle {
   display: none;
   border-top: 1px solid #0096dc;
   border-bottom: 1px solid #0096dc;
   margin: auto; 
   padding: 10px;
   width: 940px; overflow: hidden;
   }



/* Search Customization for the Footer */

#footer #search_form         { background-image: url(/img/footer-search.png); float: left; width: 308px }
#footer #search_form .submit {  background-image: url(/img/footer-search-btn.png); }




/* Signup Form */

#footer #signup {
    width: 291px;
    height: 23px;
    float: left;
    background: url('/img/footer-signup-title.png') no-repeat left 5px;  
    padding: 0 0 0 96px;
    }

#footer #signup input {
    display: block;
    float: left;
    color: #c2dcea;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    border: 0px;
    overflow: hidden;
    }

#footer #signup .email-field,
#footer #signup .zip-field {
    height: 17px;
    padding: 3px 0 3px 7px;
    margin: 0 3px 0 0;
    _margin: 0 1px 0 0;
    }

    #footer #signup .email-field { 
        background: url(/img/footer-signup-input-email.png) no-repeat left top;
        width: 115px;
        }

    #footer #signup .zip-field {
        background: url(/img/footer-signup-input-zip.png) no-repeat left top;
        width: 59px;
        }

#footer #signup .submit {
    background: url(/img/footer-signup-btn.png) no-repeat left top;
    width: 33px;
    height: 23px;
    margin: 0;
    cursor: pointer;
    outline: none;
    }

    #footer #signup .submit:hover { background-position: left -23px; }




/* Follow AFSCME */

#connect {
    width: 132px;
    height: 23px;
    float: left;
    background: url('/img/connect-title.png') no-repeat left 8px; 
    margin: 0;
    padding-left: 112px;
    list-style: none; 
    }

#connect li {
    float: left;
    width: 33px;
    height: 23px;
    }

    #connect li.last { margin-right: 0; }

#connect li a {
    display: block;
    width: 33px;
    height: 23px;
    background-position: right top;
    background-repeat: no-repeat;
    }

    #connect li a:hover { background-position: right -23px; }

    #connect li a span { display: none; }


 
/* BOTTOm - Copyright and Credits */

#bottom {
   width: 940px;
   margin: auto;
   padding: 0 0 30px 0; /* removed 20px top padding */
   font-size: 10px;
   line-height: 15px;
   color: #ddeffa;
   text-align: left;
   }

#bottom a { color: #ddeffa; }
#bottom a:hover { color: white; }


#copyright {
   float: left;
   width: 700px;
   text-align: left;
   }

   #copyright a { text-transform: uppercase; }

#disclaimer {
   padding: 3px 6px; 
   margin: 8px 0; 
   border: 1px solid #19a4e5;
   }

#credit {
   float: left;
   width: 240px;
   text-align: right;
   padding-top: 54px;
   }