/* MENU STYLES */

#navigation {
    width: 960px;
    margin: auto; height: 35px; _overflow: hidden;
    z-index:999;
    text-align: left;
    background: url('/img/navigation.png') no-repeat 22px top;
    }

#navigation ul {
    margin: 0 auto; 
    list-style: none; 
    width: 960px; 
    height: 35px; 
    z-index:999;
    }

/* Main Menu */

#navigation li { 
    float: left; 
    position: relative; 
    display: block;
    height: 35px; 
    z-index:999;
    }

#navigation li a { padding: 0; display: block; height:35px; z-index:999;}

#navigation li a span { display: none; }

#menu-our-union          { background-image: url('/img/menu-our-union.png');          width: 104px; }
#menu-news-publications  { background-image: url('/img/menu-news-publications.png');  width: 174px;  }
#menu-blog               { background-image: url('/img/menu-blog.png');               width: 69px;  }
#menu-video              { background-image: url('/img/menu-video.png');              width: 80px;  }
#menu-issues-legislation { background-image: url('/img/menu-issues-legislation.png'); width: 169px;  }
#menu-action-center      { background-image: url('/img/menu-action-center.png');      width: 134px;  }
#menu-organize           { background-image: url('/img/menu-organize.png');           width: 102px; }
#menu-for-members        { background-image: url('/img/menu-for-members.png');        width: 124px; }

#menu-our-union:hover, #menu-our-union.over,
#menu-news-publications:hover, #menu-news-publications.over,
#menu-blog:hover, #menu-blog.over,
#menu-video:hover, #menu-video.over,
#menu-issues-legislation:hover, #menu-issues-legislation.over,
#menu-action-center:hover, #menu-action-center.over,
#menu-organize:hover, #menu-organize.over,
#menu-for-members:hover, #menu-for-members.over { background-position: 0px -35px; background-repeat: no-repeat; }

#menu-our-union li a,
#menu-news-publications li a,
#menu-blog li a,
#menu-video li a,
#menu-issues-legislation li a,
#menu-action-center li a,
#menu-organize li a,
#menu-for-members li a { background: transparent; }

#menu-our-union li a:hover,
#menu-news-publications li a:hover,
#menu-blog li a:hover,
#menu-video li a:hover,
#menu-issues-legislation li a:hover,
#menu-action-center li a:hover,
#menu-organize li a:hover,
#menu-for-members li a:hover { background: white !important; }

#navigation ul ul { 
    display: none; 
    position: absolute; 
    top: 35px;   
    left: 6px;
    width: 170px;
    height: auto !important;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 10px 10px 10px;
    background: url('/img/dropdown.png') no-repeat center bottom;
    _background: url('/img/dropdown-ie.png') no-repeat center bottom; 
    }

    #navigation ul #menu-our-union ul   { left: 0px;  }
    #navigation ul #menu-for-members ul { left: -66px; }



    /* Our Union Customizations */

    #navigation ul #menu-our-union ul { 
        width: 447px;
        height: 220px !important;
        padding: 5px 10px 10px 10px;
        background: url('/img/dropdown-union.png') no-repeat center bottom;
        _background: url('/img/dropdown-union-ie.png') no-repeat center bottom; 
        }

    #navigation ul #menu-our-union ul li.clearfix { 
        width: 447px;
        }

    #navigation ul #menu-our-union ul ul.col1,
    #navigation ul #menu-our-union ul ul.col2,
    #navigation ul #menu-our-union ul ul.col3 { 
        float: left;
        background: transparent;
        padding: 0;
        }

    #navigation ul #menu-our-union ul ul.col1 { 
        top: 0;   
        left: 0;
        width: 111px;
        }

    #navigation ul #menu-our-union ul ul.col2 { 
        top: 0px;   
        left: 115px;
        width: 175px;
        }

    #navigation ul #menu-our-union ul ul.col3 { 
        top: 18px;   
        left: 290px;
        width: 160px;
        }



    /* News / Publications Customizations */

    #navigation ul #menu-news-publications ul { 
        width: 380px;
        height: 286px !important;
        padding: 5px 10px 10px 10px;
        background: url('/img/dropdown-2col.png') no-repeat center bottom;
        _background: url('/img/dropdown-2col-ie.png') no-repeat center bottom; 
        }

    #navigation ul #menu-news-publications ul ul.col1,
    #navigation ul #menu-news-publications ul ul.col2 { 
        float: left;
        background: transparent;
        padding: 0;
        }

    #navigation ul #menu-news-publications ul ul.col1 { 
        top: 0;   
        left: 0;
        width: 180px;
        }

    #navigation ul #menu-news-publications ul ul.col2 { 
        top: 0px;   
        left: 180px;
        width: 200px;
        }



#navigation ul ul li,
#navigation ul #menu-our-union ul ul li,
#navigation ul #menu-news-publications ul ul li { 
    height: auto; 
    display: block;
    width: 170px;
    margin: 0;
    }

    #navigation ul #menu-our-union ul ul.col1 li { width: 111px; overflow: hidden; }
    #navigation ul #menu-our-union ul ul.col2 li { width: 175px; overflow: hidden; }
    #navigation ul #menu-our-union ul ul.col3 li { width: 160px; overflow: hidden; }
    #navigation ul #menu-news-publications ul ul.col1 li { width: 180px; overflow: hidden; }
    #navigation ul #menu-news-publications ul ul.col2 li { width: 200px; overflow: hidden; }

#navigation ul ul li a,
#navigation ul #menu-our-union ul ul li a,
#navigation ul #menu-news-publications ul ul li a { 
    display: block; 
    padding: 4px 4px 4px 0; 
    height:auto !important;
    width: 166px;
    _width: 162px;
    }

    #navigation ul #menu-our-union ul ul.col1 li a {  width: 97px; _width: 93px; }
    #navigation ul #menu-our-union ul ul.col2 li a {  width: 160px; _width: 151px; }
    #navigation ul #menu-our-union ul ul.col3 li a {  width: 144px; _width: 140px; }
    #navigation ul #menu-news-publications ul ul.col1 li a {  width: 166px; _width: 162px; }
    #navigation ul #menu-news-publications ul ul.col2 li a {  width: 186px; _width: 182px; }



#navigation ul ul li>a,
#navigation ul #menu-our-union ul ul li>a,
#navigation ul #menu-news-publications ul ul li>a { 
    display: block;
    padding: 4px 10px;  
    width: auto;
    }

#navigation ul ul li a:hover {  
    display: block;
    text-decoration: none; 
    }

#navigation li:hover ul {  
    display: block; 
    }

#navigation li.over ul { 
    display: block; 
    }

#navigation ul ul ul li a.title { 
    text-transform: uppercase; 
    font-weight: bold;
    }




/* Top Menu */

#topmenu {
    margin: 0 auto; 
    list-style: none; 
    width: 405px; _width: 418px; height: 62px; overflow: hidden;
    z-index:999;
    float: left;
    }
    
.dev #topmenu {
    width: 501px; _width: 514px;
    }

#topmenu li { 
    float: left; 
    position: relative; 
    display: block;
    height: 23px; 
    padding: 6px 0; 
    z-index:999;
    }

    #menu-directory  { _width: 75px; _overflow: hidden; }
    #menu-store      { _width: 56px; _overflow: hidden; }
    #menu-myafscme   { _width: 91px; _overflow: hidden; }
    #menu-en-espanol { _width: 91px; _overflow: hidden; }
    #menu-search     { _width: 183px; _overflow: hidden;  }


#topmenu li a { 
    margin: 4px 0 0 0;
    font-size: 12px;
    line-height: 15px;
    padding: 0 14px 0 13px; 
    display: block; 
    height:15px; 
    color: #cceedc;
    background: url('/img/topmenu-divider.png') no-repeat right center; 
    }

    #topmenu li a:hover { color: white;}
    #topmenu li a span { display: none; }


/* Search */

#topmenu li#menu-search { padding: 6px 0 0 13px;  }

#search_form {
    width: 170px; height: 23px; overflow: hidden;
    background: url(/img/search.png) no-repeat left top;
    }

#search_form input {
    display: block;
    border: 0px; 
    _margin: 0px; 
    float: left;
    }

#search_form .input {
    color: #f3f9fd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    height: 13px;
    padding: 5px 0 5px 6px;
    width: 142px; _width: 138px; 
    background: transparent;
    }

#search_form .submit {
    background: url(/img/search-btn.png) no-repeat left top;
    width: 22px;
    height: 23px;
    margin: 0;
    cursor: pointer;
    }

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



/* Leadership */


#lee-saunders,
#laura-reyes {
    height: 24px;
    margin: 0;
    cursor: pointer;
    display: block;
    float: left;
    }

#lee-saunders {
    background: url(/img/header-lee-saunders.png) no-repeat center top;
    width: 141px;
    margin: 0 0 0 228px;
    _margin: 0 0 0 114px;
    }

#laura-reyes {
    background: url(/img/header-laura-reyes.png) no-repeat center top;
    width: 104px;
    }
    
    

/* Section Menu*/

#submenu {
    width: 280px;
    background: url('/img/box-secondary.png') repeat-y left top;
    margin-bottom: 10px;
    }

    #submenu .top {
        background: url('/img/box-secondary-top.png') no-repeat left top;
        min-height: 34px !important;
        padding: 0;
        }

    #submenu .bottom {
        padding:  8px 11px;
        min-height: 38px;
        background: url('/img/box-secondary-bottom.png') no-repeat left bottom;
        }

    #index #main #submenu { 
        background: #00250f url('/img/submenu-index.png') repeat-x left top; 
        float: left; 
        margin-top: 10px; 
        max-height: 280px; 
        overflow: hidden; 
        }

        #index #main #submenu .top { background: url('/img/submenu-index-top.png') no-repeat left top; }
        #index #main #submenu .bottom { background: url('/img/submenu-index-bottom.png') no-repeat left bottom; max-height: 260px; padding:  8px 10px 10px 10px;}

#submenu .title {
    display: block;
    margin: 0 0 14px 0;
    background: transparent !important;
    font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 800; font-size: 18px; line-height: 18px;
    color: #0082d5;
    }

#submenu .title span.green { 
    color: #008c42; 
    display: inline; 
    }

    #submenu .title:hover { color: #005689; }
    #submenu .title:hover span.green { color: #005329; }


    #index #main #submenu .title {
        color: #cdffe5;
        margin: 0 0 7px 0;
        font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 400; font-size: 18px; line-height: 18px;
        }

        #index #main #submenu .title a { color: #cdffe5; }
        #index #main #submenu .title a:hover { color: white; }

#submenu .subtitle { 
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    }

#submenu .subsubtitle { 
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    }

    #submenu span.subsubtitle { margin: 6px 0 4px 0; }
    #submenu p.subsubtitle { margin: 15px 0 4px 0; }

#submenu .divider { 
    margin-top: 10px;
    padding-top: 10px;
    }



#submenu ul {
    width: 258px;
    list-style: none; 
    padding: 0; 
    margin: 0;
    }

    #submenu .split ul {
        width: 120px;
        float: left;
        padding-left: 18px;
        }

    #submenu .split ul.first { padding-left: 0px; }


#submenu li {
    width: 258px;
    margin: 0;
    padding: 0;
    display: block;
    }

    #index #main #submenu li:hover { background: transparent; }

    #submenu .split li { width: 120px; }

#submenu li a {
    display: block;
    margin: 0 auto !important;
    padding: 3px 0 3px 10px;
    width: 248px;
    font-size: 12px;
    line-height: 14px;
    background: url('/img/bullet.png') no-repeat left 9px;
    }

    #index #main #submenu li a { 
        background: url('/img/submenu-index-bullet.png') no-repeat 0px -198px;
        padding: 0 0 5px 12px;
        color: #ccffe4;
        }

    #index #main #submenu .split li a { 
        width: 110px; 
        padding: 4px 0 4px 10px;
        background: url('/img/submenu-index-bullet.png') no-repeat 0px -195px;
        }

#submenu li a:hover { background-position: left -196px; }

#index #main #submenu li a:hover { background-position: 0px 7px; color: white; }

        #index #main #submenu .split li a:hover { background-position: 0px 10px; }



#submenu .more {  
   text-align: center;
   padding: 6px 0 0 0;
   }

#submenu td {
   vertical-align: top;
   font-size: 11px;
   line-height: 13px;
   padding: 5px 8px 0 0;
   }

#submenu td a {
   margin-bottom: 5px;
   display: block;
   }

#submenu td br {
   display: none;
   }

#submenu h2 {
   margin-bottom: 0;
   }


#submenu.blog-box {
    width: 280px; height: 152px; overflow: hidden;
    background: url('/img/submenu-blog.png') no-repeat left top;
    margin-bottom: 10px;
    }

#submenu.blog-box form {
    padding: 11px 13px;
    }

#submenu.blog-box label {
    display: block;
    font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 800; font-size: 18px; line-height: 18px;
    color: #585858;
    margin-bottom: 8px;
    }

#submenu.blog-box select {
    color: #585858;
    padding: 2px 2px 2px 3px;
    border: 1px solid #d9d9c5;
    font-size: 12px;
    width: 254px;
    }


#dropdowns.blog-box {
    width: 300px; overflow: hidden;
    background: none;
    margin-top: 15px;
    float: right;
    }

#dropdowns.blog-box form {
    padding: 0;
    width:140px; float: left; margin-right:10px;
    }

#dropdowns.blog-box label {
    display: none;
    font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 800; font-size: 18px; line-height: 18px;
    color: #585858;
    margin-bottom: 8px;
    }

#dropdowns.blog-box select {
    color: #fff;
    padding: 2px 2px 2px 3px;
    border: none;
    width: 130px;
    font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 800; font-size: 14px;
    background: #00a84f;
    text-transform: uppercase; 
    -moz-border-radius:    6px;
    -webkit-border-radius: 6px;
    border-radius:         6px; 
    }
    
#dropdowns option {
  font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 800;
}


/* Main Menu */

#navigation.election li { 
    float: left; 
    position: relative; 
    display: block;
    height: 35px; 
    z-index:999;
    background-image: url('/img/menu.png'); 
    background-repeat: no-repeat;
    }

#navigation.election li a { 
    padding: 0; 
    display: block; 
    height:35px; 
    z-index:999;
    text-indent: -999999px;
    }


#navigation.election #menu-our-union          { background-position: left top;    width: 105px; }
#navigation.election #menu-news-publications  { background-position: -105px top;  width: 175px; }
#navigation.election #menu-blog               { background-position: -280px top;  width: 69px;  }
#navigation.election #menu-video              { background-position: -349px top;  width: 80px;  }
#navigation.election #menu-issues-legislation { background-position: -429px top;  width: 170px; }
#navigation.election #menu-election-2012      { background-position: -599px top;  width: 131px; }
#navigation.election #menu-organize           { background-position: -730px top;  width: 103px; }
#navigation.election #menu-for-members        { background-position: -833px top;  width: 127px; }

#navigation.election #menu-our-union:hover, 
#navigation.election #menu-our-union.over             { background-position: left -35px;   }

#navigation.election #menu-news-publications:hover, 
#navigation.election #menu-news-publications.over     { background-position: -105px -35px; }

#navigation.election #menu-blog:hover, 
#navigation.election #menu-blog.over                  { background-position: -280px -35px; }

#navigation.election #menu-video:hover, 
#navigation.election #menu-video.over                 { background-position: -349px -35px; }

#navigation.election #menu-issues-legislation:hover, 
#navigation.election #menu-issues-legislation.over    { background-position: -429px -35px; }

#navigation.election #menu-election-2012:hover, 
#navigation.election #menu-election-2012.over         { background-position: -599px -35px; }

#navigation.election #menu-organize:hover, 
#navigation.election #menu-organize.over              { background-position: -730px -35px; }

#navigation.election #menu-for-members:hover, 
#navigation.election #menu-for-members.over           { background-position: -833px -35px; }


#navigation.election #menu-our-union li a,
#navigation.election #menu-news-publications li a,
#navigation.election #menu-blog li a,
#navigation.election #menu-video li a,
#navigation.election #menu-issues-legislation li a,
#navigation.election #menu-election-2012 li a,
#navigation.election #menu-organize li a,
#navigation.election #menu-for-members li a { background: transparent !important; }

#navigation.election #menu-our-union li a:hover,
#navigation.election #menu-news-publications li a:hover,
#navigation.election #menu-blog li a:hover,
#navigation.election #menu-video li a:hover,
#navigation.election #menu-issues-legislation li a:hover,
#navigation.election #menu-election-2012 li a:hover,
#navigation.election #menu-organize li a:hover,
#navigation.election #menu-for-members li a:hover { background: white !important; }



#navigation.election ul ul {    
    left: 4px;
    }
    
#navigation.election li li a {    
    text-indent: 0;
    }

    #navigation.election ul #menu-for-members ul { left: -63px; }



#navigation.election ul ul li,
#navigation.election ul #menu-our-union ul ul li,
#navigation.election ul #menu-news-publications ul ul li { 
    height: auto; 
    display: block;
    width: 170px;
    margin: 0;
    }

    #navigation.election ul #menu-our-union ul ul.col1 li { width: 111px; overflow: hidden; }
    #navigation.election ul #menu-our-union ul ul.col2 li { width: 175px; overflow: hidden; }
    #navigation.election ul #menu-our-union ul ul.col3 li { width: 160px; overflow: hidden; }
    #navigation.election ul #menu-news-publications ul ul.col1 li { width: 180px; overflow: hidden; }
    #navigation.election ul #menu-news-publications ul ul.col2 li { width: 200px; overflow: hidden; }





#navigation.election ul ul li>a,
#navigation.election ul #menu-our-union ul ul li>a,
#navigation.election ul #menu-news-publications ul ul li>a { 
    display: block;
    padding: 4px 10px;  
    width: auto;
    }






/* Main Menu - Politics */

#navigation.politics li { 
    float: left; 
    position: relative; 
    display: block;
    height: 35px; 
    z-index:999;
    background-image: url('/img/menu-politics.png'); 
    background-repeat: no-repeat;
    }

#navigation.politics li a { 
    padding: 0; 
    display: block; 
    height:35px; 
    z-index:999;
    text-indent: -999999px;
    }


#navigation.politics #menu-our-union          { background-position: left top;    width: 109px; }
#navigation.politics #menu-news-publications  { background-position: -109px top;  width: 185px; }
#navigation.politics #menu-blog               { background-position: -294px top;  width: 73px;  }
#navigation.politics #menu-video              { background-position: -367px top;  width: 83px;  }
#navigation.politics #menu-issues-legislation { background-position: -450px top;  width: 182px; }
#navigation.politics #menu-politics           { background-position: -632px top;  width: 91px; }
#navigation.politics #menu-organize           { background-position: -723px top;  width: 107px; }
#navigation.politics #menu-for-members        { background-position: -830px top;  width: 130px; }

#navigation.politics #menu-our-union:hover, 
#navigation.politics #menu-our-union.over             { background-position: left -35px;   }

#navigation.politics #menu-news-publications:hover, 
#navigation.politics #menu-news-publications.over     { background-position: -109px -35px; }

#navigation.politics #menu-blog:hover, 
#navigation.politics #menu-blog.over                  { background-position: -294px -35px; }

#navigation.politics #menu-video:hover, 
#navigation.politics #menu-video.over                 { background-position: -367px -35px; }

#navigation.politics #menu-issues-legislation:hover, 
#navigation.politics #menu-issues-legislation.over    { background-position: -450px -35px; }

#navigation.politics #menu-politics:hover, 
#navigation.politics #menu-politics.over         { background-position: -632px -35px; }

#navigation.politics #menu-organize:hover, 
#navigation.politics #menu-organize.over              { background-position: -723px -35px; }

#navigation.politics #menu-for-members:hover, 
#navigation.politics #menu-for-members.over           { background-position: -830px -35px; }


#navigation.politics #menu-our-union li,
#navigation.politics #menu-news-publications li,
#navigation.politics #menu-blog li,
#navigation.politics #menu-video li,
#navigation.politics #menu-issues-legislation li,
#navigation.politics #menu-politics li,
#navigation.politics #menu-organize li,
#navigation.politics #menu-for-members li,
#navigation.politics #menu-our-union li a,
#navigation.politics #menu-news-publications li a,
#navigation.politics #menu-blog li a,
#navigation.politics #menu-video li a,
#navigation.politics #menu-issues-legislation li a,
#navigation.politics #menu-politics li a,
#navigation.politics #menu-organize li a,
#navigation.politics #menu-for-members li a{ background: transparent !important; }

#navigation.politics #menu-our-union li a:hover,
#navigation.politics #menu-news-publications li a:hover,
#navigation.politics #menu-blog li a:hover,
#navigation.politics #menu-video li a:hover,
#navigation.politics #menu-issues-legislation li a:hover,
#navigation.politics #menu-politics li a:hover,
#navigation.politics #menu-organize li a:hover,
#navigation.politics #menu-for-members li a:hover { background: white !important; }



#navigation.politics ul ul {    
    left: 2px;
    }
    
#navigation.politics li li a {    
    text-indent: 0;
    }

    #navigation.politics ul #menu-for-members ul { left: -60px; }



#navigation.politics ul ul li,
#navigation.politics ul #menu-our-union ul ul li,
#navigation.politics ul #menu-news-publications ul ul li { 
    height: auto; 
    display: block;
    width: 170px;
    margin: 0;
    }

    #navigation.politics ul #menu-our-union ul ul.col1 li { width: 111px; overflow: hidden; }
    #navigation.politics ul #menu-our-union ul ul.col2 li { width: 175px; overflow: hidden; }
    #navigation.politics ul #menu-our-union ul ul.col3 li { width: 160px; overflow: hidden; }
    #navigation.politics ul #menu-news-publications ul ul.col1 li { width: 180px; overflow: hidden; }
    #navigation.politics ul #menu-news-publications ul ul.col2 li { width: 200px; overflow: hidden; }





#navigation.politics ul ul li>a,
#navigation.politics ul #menu-our-union ul ul li>a,
#navigation.politics ul #menu-news-publications ul ul li>a { 
    display: block;
    padding: 4px 10px;  
    width: auto;
    }








/* TYPE-BASED MENU STYLES */

#nav {
    width: 960px;
    margin: auto; height: 35px; _overflow: hidden;
    z-index:999;
    text-align: left;
    background: url('/img/navigation.png') no-repeat 22px top;
    }

#nav ul {
    margin: 0 auto; 
    list-style: none; 
    width: 960px; 
    height: 35px; 
    z-index:999;
    }

/* Main Menu */

#nav ul li { 
    float: left; 
    position: relative; 
    display: block;
    height: 35px; 
    z-index:999;
    background: url('/img/nav-divider.png') no-repeat right 10px;
    padding: 0 9px;
    }
    
#nav ul li:last-child { 
    background: transparent;
    padding: 0 0 0 9px;
    }    

#nav ul li a { 
    padding: 10px 20px;   
    display: block; 
    z-index:999;
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1; 
    color: #d6f4e3;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    transition:         all .2s ease-in-out;
    }

#nav ul li a:hover { color: white;  }
#nav ul li a:active { color: #66bd8f; }

#nav  ul > li:hover a.dropdown {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #efefef); 
    background-image: -moz-linear-gradient(top, #ffffff, #efefef); 
    background-image: -o-linear-gradient(top, #ffffff, #efefef); 
    background-image: linear-gradient(top, #ffffff, #efefef); 
    border: 1px solid white;
    border-bottom: none;
    padding: 9px 19px 10px 19px;
    color: #2d96d9;
    -moz-border-radius:    4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius:         4px 4px 0 0; 
    } 

#nav ul ol { 
    list-style: none;
    margin: 0;
    display: none; 
    position: absolute; 
    top: 35px;   
    left: 9px;
    width: 170px;
    height: auto !important;
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
    background-color: #efefef;
    border: 1px solid white;
    border-top: none;
    -moz-border-radius:    0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius:         0 0 4px 4px; 
    }


    #nav ul #nav-for-members ol { left: -53px; }
    
    #nav ul ol ol { 
        background-color: transparent;
        border: none;
        -moz-border-radius:    0;
        -webkit-border-radius: 0;
        border-radius:         0; 
        }



    /* Our Union Customizations */

    #nav ul #nav-our-union ol { 
        width: 447px;
        height: 225px !important;
        }

    #nav ul #nav-our-union ol li.clearfix { 
        width: 447px;
        }

    #nav ul #nav-our-union ol ol.col1,
    #nav ul #nav-our-union ol ol.col2,
    #nav ul #nav-our-union ol ol.col3 { 
        float: left;
        background: transparent;
        padding: 0;
        }

    #nav ul #nav-our-union ol ol.col1 { 
        top: 0;   
        left: 0;
        width: 111px;
        }

    #nav ul #nav-our-union ol ol.col2 { 
        top: 0px;   
        left: 115px;
        width: 175px;
        border-left: 1px dotted white;
        }

    #nav ul #nav-our-union ol ol.col3 { 
        top: 18px;   
        left: 290px;
        width: 160px;
        }



    /* News / Publications Customizations */

    #nav ul #nav-news-publications ol { 
        width: 380px;
        height: 276px !important;
        }

    #nav ul #nav-news-publications ol ol.col1,
    #nav ul #nav-news-publications ol ol.col2 { 
        float: left;
        background: transparent;
        padding: 0;
        }

    #nav ul #nav-news-publications ol ol.col1 { 
        top: 0;   
        left: 0;
        width: 180px;
        }

    #nav ul #nav-news-publications ol ol.col2 { 
        top: 0px;   
        left: 180px;
        width: 200px;
        border-left: 1px dotted white;
        }



#nav ul ol li,
#nav ul #nav-our-union ol ol li,
#nav ul #nav-news-publications ol ol li { 
    height: auto; 
    display: block;
    width: 170px;
    margin: 0;
    padding: 0;
    background: transparent;
    }

    #nav ul #nav-our-union ol ol.col1 li { width: 111px; overflow: hidden; }
    #nav ul #nav-our-union ol ol.col2 li { width: 175px; overflow: hidden; }
    #nav ul #nav-our-union ol ol.col3 li { width: 160px; overflow: hidden; }
    #nav ul #nav-news-publications ol ol.col1 li { width: 180px; overflow: hidden; }
    #nav ul #nav-news-publications ol ol.col2 li { width: 200px; overflow: hidden; }
    
    
    #nav ul ol li:last-child { padding: 0; }    

#nav ul ol li a,
#nav ul #nav-our-union ol ol li a,
#nav ul #nav-news-publications ol ol li a { 
    display: block; 
    padding: 4px 4px 4px 0; 
    height:auto !important;
    width: 166px;
    _width: 162px;
    }

    #nav ul #nav-our-union ul ul.col1 li a {  width: 97px; _width: 93px; }
    #nav ul #nav-our-union ul ul.col2 li a {  width: 160px; _width: 151px; }
    #nav ul #nav-our-union ul ul.col3 li a {  width: 144px; _width: 140px; }
    #nav ul #nav-news-publications ul ul.col1 li a {  width: 166px; _width: 162px; }
    #nav ul #nav-news-publications ul ul.col2 li a {  width: 186px; _width: 182px; }



#nav ul ol li>a,
#nav ul #nav-our-union ol ol li>a,
#nav ul #nav-news-publications ol ol li>a { 
    display: block;
    padding: 4px 10px;  
    width: auto;
    color: #0082d5;
    font-weight: 400;
    font-size: 13px;
    }

#nav ul ol li a:hover {  
    display: block;
    text-decoration: none; 
    color: #008940;
    background: white;
    }

#nav li:hover ol,
#nav li.over ol { display: block; }

#nav ul ol ol li a.title { 
    text-transform: uppercase; 
    font-style: bold;
    font-weight: 700 !important;
    }