/* NAVIGATION */
#navigation { clear: both; line-height: 2.00em; }
 /* 1st level */
 #navigation ul { position: relative; z-index: 1000; list-style: none; margin: 0 0 10px; padding: 0; width: 780px; }
  #navigation ul li { float: left; border: 1px solid #999; border-left: none; background: #231F20; text-align: center; }
  #navigation ul li a { overflow: hidden; display: block; padding: 0.30em 0 0.40em; color: #ffffff; text-align: center;  font-size: 1.0em; line-height: 12px; }
   #navigation ul li.news a { width: 85px; }
   #navigation ul li.environment a { width: 85px; }
   #navigation ul li.sport a { width: 85px; }
   #navigation ul li.comment a { width: 85px; }
   #navigation ul li.education a { width: 85px; }
   #navigation ul li.money a { width: 85px; }
   #navigation ul li.travel a { width: 85px; }
   #navigation ul li.arts a { width: 85px; }
   #navigation ul li.living a { width: 85px; }
   #navigation ul li.property a { width: 85px; }
   #navigation ul li.classified a { width: 85px; }
  #navigation ul li.offers { border-right: 0; }
   #navigation ul li.offers a { width: 85px; }
  #navigation ul li.external { background: #7d704d; border-top: 1px solid #7d704d; }
   #navigation ul li.external a { color: #f2f4f3; }
   #navigation ul li.external a:hover { color: #fff; }
   #navigation ul li a:hover { color: #ffffff; }
  #navigation ul li.current { border-top-color: #ababab; border-bottom: 1px solid #ababab; background: #ababab; }
   #navigation ul li.current a { color: #ffffff; }
   #navigation ul li.current a:hover { color: #000; text-decoration: none; }
   #navigation ul li.spacer { clear: both; float: none; width: 770px; height: 0.00em; padding: 0 10px 0 0; border: 1px solid #ccc; border-width: 0 0 1px;  text-align: right; line-height: 2.26em; }
	/* 2nd level */
    #navigation ul li.current ul { display: none; position: absolute; left: 0; top: 2.1em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.opinion ul { display: none; position: absolute; left: 1000; top: 2.1em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.environment ul { display: none; position: absolute; left: 0; top: 2.1em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.sport ul { display: none; position: absolute; left: 0; top: 2.1em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.life-style ul { display: none; position: absolute; left: 0; top: 2.1em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.arts-entertainment ul { display: none; position: absolute; left: 0; top: 2.10em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.travel ul { display: none; position: absolute; left: 0; top: 2.1em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.money ul { display: none; position: absolute; left: 0; top: 2.1em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.extras ul { display: none; position: absolute; left: 0; top: 2.1em; width: 770x; padding: 0 0 0 0px; border: 1px solid #ccc; border-width: 0 0 1px; background: #ababab; }
    #navigation ul li.current ul { display: block; }
     #navigation ul li.current ul li { position: relative; border: none; background: none; }
      #navigation ul li.current ul li a { width: auto; padding: 0.45em 12px 0.55em; color: #ffffff; font-weight: normal; white-space: nowrap; }
      #navigation ul li.current ul li a:hover { text-decoration: underline; }
      /* 3rd level */
	   #navigation ul li.current ul li ul { position: absolute; top: 2.2em; left: -10001em; width: 135px; padding: 0; border: 1px solid #ccc; }
	   #navigation ul li ul li:hover ul,
	   #navigation ul li.current ul li.over ul,
	   #navigation ul li.current ul li ul.over { left: 0; }
	   #navigation ul li.current ul li a:focus + ul { left: 0; }
	    #navigation ul li.current ul li ul li { float: left; width: 135px; padding: 0; background: url(/independent.co.uk/images/sep-b.gif) 0 100% repeat-x; line-height: 12px; }
	     #navigation ul li.current ul li ul li a { padding: 0.3em 7px 0.4em; text-align: left; }



/* alt nav a */
#navigation ul.alt-a li.news a { width: 86px; }
#navigation ul.alt-a li.newsfrench a { width: 96px; }
#navigation ul.alt-a li.opinion a { width: 85px; }
#navigation ul.alt-a li.environment a { width: 85px; }
#navigation ul.alt-a li.sport a { width: 86px; }
#navigation ul.alt-a li.life-style a { width: 86px; }
#navigation ul.alt-a li.arts-entertainment a { width: 86px; }
#navigation ul.alt-a li.arts-entertainmentfrench a { width: 76px; }
#navigation ul.alt-a li.travel a { width: 86px; }
#navigation ul.alt-a li.money a { width: 86px; }
#navigation ul.alt-a li.extras a { width: 85px; }
#navigation ul.alt-a li.student a { width: 86px; }
#navigation ul.alt-a li.offers a { width: 85px; }
#navigation ul.alt-a li.current ul li a { width: auto; }