/* Navigation
----------------------------------------------- */

ul#nav-main                 {position:relative; margin:0 0 1.125em 0; width:100%; max-width:700px;}
ul#nav-main li              {float:left;line-height:2.125em;height:2.125em; margin:0; padding:0 20px 0 0;}
ul#nav-main a               { border-bottom: 1px solid #D7D6D6; color: #222;  outline:none; font-size:1em;  text-decoration:none;}
ul#nav-main li a:hover      {color: #222; border-color: #333;}
ul#nav-main li a.active     {border:none; color:#111; font-weight:bold;}

@media (max-width: 820px) {
    ul#nav-main a               {  font-size:1.125em;  }
    ul#nav-main li              {padding:0 15px 0 0;line-height:2em;height:2em;}
    #issues1 a                   {padding:0 1.375em; }
}


/*------ Navigation Subnavigation -------*/

ul.subnav                   {margin:0 0 25px 0;  padding: 0 2px 0 0; overflow: auto;  max-height: 330px; }
ul.subnav li                {line-height: 32px;  border-bottom: 1px dotted #bbb; font-size: 14px;   white-space:nowrap; }
ul.subnav li a              {color:#555;padding:0 0 0 8px; margin:0;display: block;text-decoration:none;}
ul.subnav li a:hover        {color: #FF8100;text-decoration:none; }
ul.subnav li a.active       {text-decoration:none; color:#333; font-weight:bold;}

ul.subnav1                   {margin:0 0 25px 0;  padding: 0 2px 0 0; overflow: auto;  max-height: 390px; overflow-x: hidden;}
ul.subnav1 li                {line-height: 38px; padding:0 0 0 8px;  border-bottom: 1px dotted #c9c9c9; font-size: 15px;   white-space:nowrap; }
ul.subnav1 li a              {padding:5px 14px 5px 14px; margin:0;display: inline;text-decoration:none;}
ul.subnav1 li a:hover        {text-decoration:none; }
ul.subnav1 li a.active       {text-decoration:none; color:#333; font-weight:bold;}

@media (max-width: 960px) {
    ul.subnav1 li a              {padding:5px 11px 5px 11px; }
}

ul.nav-article                 {position:relative;  height:48px; margin:0 0 32px 0; padding:0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
ul.nav-article li              {float:left; margin:0;}
ul.nav-article a               {line-height:48px;height:48px;display:block; padding:0 18px 0 18px; outline:none; font-size:1em; color:#888; text-decoration:none;}
ul.nav-article li a:hover      {color: #333;}
ul.nav-article li.active a      {text-decoration:none; color:#000; }
ul.nav-article li.active a:hover {color: #000;}


/*ul.nav-article                 {position:relative;  height:48px; margin:0 0 32px 0; padding:0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
ul.nav-article li              {float:left; margin:0;}
ul.nav-article a               {line-height:41px;height:41px; display:block; border-bottom:4px solid #ffff; padding:4px 18px 0 18px; outline:none; font-size:16px; color:#888; text-decoration:none;}
ul.nav-article li a:hover      {color: #333;}
ul.nav-article li.active a      {text-decoration:none; color:#000; border-bottom:4px solid #f7d137;}
ul.nav-article li.active a:hover {color: #000;}

*/

/*------ Navigation Issues -------*/

#issues1                     {width:100%; max-width:650px;padding:0; margin:0 0 35px 0; font-size:14px;border-right: none;}
#issues1 li                  {float:left; position:relative; padding:0; margin:0;}
#issues1 a                   {display:block; background:#e9e9e9; color:#686868; text-align:center; cursor: pointer;
                               height:42px; line-height:42px; padding:0 1.75em; }
#issues1 a:hover,
#issues1 a.active            {text-decoration:none;font-weight: normal; background:#dcdcdc; color:#444;}
#issues1 li img.bottom-arrow {position: absolute;top: 42px; left: 43%;}

@media (max-width: 820px) {
    #issues1 a                   {padding:0 1.375em; }
}



/*------ Navigation top (languages) -------*/

ul#nav-top                  {display:inline; margin:0; padding:0; list-style: none; font-size: 11px; }
ul#nav-top li               {display:inline; margin: 0; padding: 0 0 0 0;  text-transform:uppercase;}
ul#nav-top li a             {padding:1px 4px; text-decoration: underline; color: #333; }
ul#nav-top li a:hover       {background:transparent; color: #FF8100; }
ul#nav-top li a.active      {color: #fff;  padding: 1px 4px; background:#FF8100; text-decoration:none; }


/*------ Navigation alphabet -------*/

ul.alphabet                 {padding: 16px 15px; font-size:15px; line-height:21px; border-bottom: 1px dashed #AFB3B2; background-color: #e9e9e9;  margin:-10px 0 26px 0;}
ul.alphabet li              {float:left; padding:2px 4px 2px 5px; margin:0;}
ul.alphabet li a            {text-decoration:underline; color:#0060AC; border:none;}
ul.alphabet li a:hover      {color:#c90000;/* #FF8100; */}
ul.alphabet li.active  a    {color:#333; font-weight:bold !important; text-decoration:none;}