/*
 * ********************************
 * The Tyee
 * @author: Alex Grunenfelder
 * @date: 2014
 *
 * This sheet styles the main navigation.
 * ********************************
 *
 */



  #primary /* Primary links */
  {
  }
  
    #primary li {
        /* background: url("/ui/img/nav_divider.png") no-repeat left 27px; */
        padding: 6px 0 0 1px;
        text-align:center;
        position:relative;
    }
        
    #primary li.first {
            background: none;
            padding-left: 0;
        }

    #primary li a
    {
        display: block;
        height: 40px;
        background: no-repeat 0 0;
        position:relative;
        top:23px;
    }
  
  
    #primary li.menu-news a, #primary li.menu-national a, #primary li.menu-last a  {
        width: 107px;
        background-image: none;
        font-family: "franklin-gothic-urw", Impact, Charcoal, sans-serif;
        font-size: 21px;
        font-weight:900;
        font-style: normal;
        text-transform:uppercase;
        letter-spacing:3px;
        color: #000;
        text-decoration: none;
    }

    #primary li.menu-artsculture a, #primary li.menu-mediacheck a {
        width: 156px;
        background-image: none;
        font-family: "franklin-gothic-ext-comp-urw", Impact, Charcoal, sans-serif;
        font-size: 2.3em;
        font-weight:400;
        font-style: normal;
        text-transform:uppercase;
        letter-spacing:2.75px;
        color: #000;
        text-decoration: none;
    }

    #primary li.menu-opinion a, #primary li.menu-solutions a {
        width: 85px;
        background-image: none;
        font-family: Georgia,"Times New Roman",serif;
        font-size: 2.15em;
        font-style: italic;
        color: #666;
        text-decoration: none;
    }

#primary li.menu-news a {
        width: 120px;
        background-image: none;
    }

    #primary li.menu-artsculture a {
        width: 120px;
        background-image: none;
    }

    #primary li.menu-opinion a {
        width: 135px;
        background-image: none;
    }

    #primary li.menu-national a {
        width: 166px;
        background-image: none;
    }

    #primary li.menu-mediacheck a {
        width: 155px;
        background-image: none;
    }

    #primary li.menu-solutions a {
        width: 150px;
        background-image: none;
    }

    #primary li.menu-last a {
        width: 110px;
        background-image: none;
    }


    #primary li.menu-news a:hover:before, #primary li.menu-national a:hover:before, #primary li.menu-last a:hover:before, #primary li.menu-news.active a:before, #primary li.menu-national.active a:before, #primary li.menu-last.active a:before {
       content: "\21db";
       display: block;
       color: #92A41F;
       font-family: arial,sans-serif;
       font-size:1.17em;
       padding-left: 0em;
       padding-right: 0em;
       position:absolute;
       top: -2px;
       left: 0px;
    }

    #primary li.menu-news a:hover:after, #primary li.menu-national a:hover:after, #primary li.menu-last a:hover:after, #primary li.menu-news.active a:after, #primary li.menu-national.active a:after, #primary li.menu-last.active a:after {
       content: "\21da";
       display: block;
       color: #92A41F;
       font-family: arial, sans-serif;
       font-size:1.17em;
       padding-left: 0em;
       padding-right: 0em;
       position:absolute;
       top: -2px;
       right: 0px;
    }

    #primary li.menu-artsculture a:hover:before, #primary li.menu-mediacheck a:hover:before, #primary li.menu-artsculture.active a:before, #primary li.menu-mediacheck.active a:before {
       content: "\00bb";
       color: #0099CC;
       font-family: Georgia,"Times New Roman",serif;
       font-size:1.2em;
       padding-left: 0em;
       padding-right: 0em;
       position:absolute;
       top:-1px;
       left:3px;
    }

    #primary li.menu-artsculture a:hover:after, #primary li.menu-mediacheck a:hover:after, #primary li.menu-artsculture.active a:after, #primary li.menu-mediacheck.active a:after {
       content: "\00ab";
       color: #0099CC;
       font-family: Georgia,"Times New Roman",serif;
       font-size:1.2em;
       padding-left: 0em;
       padding-right: 0em;
       position:absolute;
       top:-1px;
       right:3px;
    }


    #primary li.menu-opinion a:hover:before, #primary li.menu-solutions a:hover:before, #primary li.menu-opinion.active a:before, #primary li.menu-solutions.active a:before {
       content: "\201c";
       color: #0099CC;
       font-size:2em;
       padding-left: 0em;
       padding-right: 0em;
       position:absolute;
       top:7px;
       left:3px;
    }

    #primary li.menu-opinion a:hover:after, #primary li.menu-solutions a:hover:after, #primary li.menu-opinion.active a:after, #primary li.menu-solutions.active a:after {
       content: "\201e";
       color: #0099CC;
       font-size:2em;
       padding-left: 0em;
       padding-right: 0em;
       position:absolute;
       top:-7px;
       right:3px;
    }

@-moz-document url-prefix() {
              #primary li.menu-news a:hover:before, #primary li.menu-national a:hover:before, #primary li.menu-last a:hover:before {
                content: "\21db";
                 display: block;
                 color: #92A41F;
                 font-family: arial,sans-serif;
                 font-size:1.35em;
                 padding-left: 0em;
                 padding-right: 0em;
                 position:absolute;
                 top: -3px;
                 left: 0px;
               }

              #primary li.menu-news a:hover:after, #primary li.menu-national a:hover:after, #primary li.menu-last a:hover:after {
                 content: "\21da";
                 display: block;
                 color: #92A41F;
                 font-family: arial, sans-serif;
                 font-size:1.35em;
                 padding-left: 0em;
                 padding-right: 0em;
                 position:absolute;
                 top: -3px;
                 right: 0px;
              }

       
         }

/** content **/
  
  #header-section-wrapper {
    margin: 0px;
    border-bottom:none;
    padding: 0 0 16px;
    background: white;
  }

  .header-section-ag {
    background: white;
    margin: 8px 0 20px 0px;
    border-bottom:1px solid #0099CC;
    padding: 8px 0 2px;
    text-align: center;
    text-transform:uppercase;
    color: #000;
    text-decoration: none;
  }

.header-section-ag span{
    padding-right: 6px;
  }

    .header-section-ag:after {  
    content: "";  
    display: block;  
    position: relative;  
    top: ;  
    left: ;  
    border-bottom: solid 5px #0099CC;  
    width: 100%;  
    padding-bottom: 15px;  
    min-height: 100%;  
    z-index: 10;  
  }  

  .header-section-culture, .header-section-mediacheck {
    border-bottom-color:#0099CC;
    font-family: "franklin-gothic-ext-comp-urw", Impact, Charcoal, sans-serif;
    font-size: 3em;
    font-weight:400;
    font-style: normal;
    text-transform:uppercase;
    letter-spacing:2.75px;
  }

  .header-section-culture:after, .header-section-mediacheck:after {
    border-bottom-color:#0099CC;
  }

  .header-section-news, .header-section-national, .header-section-join {
    border-bottom-color:#92A41F;
    font-family: "franklin-gothic-urw", Impact, Charcoal, sans-serif;
    font-size: 2.5em;
    font-weight:900;
    font-style: normal;
    text-transform:uppercase;
    letter-spacing:3px;
  }

  .header-section-news:after, .header-section-national:after, .header-section-join:after {
    border-bottom-color:#92A41F;
  }

  .header-section-opinion, .header-section-solutions {
    border-bottom-color:#0099CC;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 2.8em;
    font-style: italic;
    color: #666;
    text-transform:capitalize;
  }

  .header-section-opionion:after, .header-section-solutions:after {
    border-bottom-color:#0099CC;
  }