#web-links-index { background-color: #DEE1CE; }
#web-links-index #wrapper { background-image: url(../img/bkg-web.jpg); }
#web-links-index #banner { background: #ffffff url(../img/banners/web-links-index.jpg) no-repeat; }
#web-links-index #main{ background-image: url(../img/shadow-blank.jpg); }
#web-links-index #header { background: #DEE1CE url(../img/hdr-links.jpg) no-repeat bottom left scroll;}
#web-links-index #footer { background-image: url(../img/ftr-links.jpg); }
	
#web-links-index #nav a { background-color: #e1dce7; }
#web-links-index #nav a:hover{ background-color: #d4cade; }

#web-links-index #nav-about-enbridge a{ background-image: url(../img/nav-about-sl.png); }
#web-links-index #nav-corporate-governance a{ background-image: url(../img/nav-corp-sl.png); }
#web-links-index #nav-economic-performance a{ background-image: url(../img/nav-econ-sl.png); }
#web-links-index #nav-environmental-performance a{ background-image: url(../img/nav-env-sl.png); }
#web-links-index #nav-social-performance a{ background-image: url(../img/nav-social-sl.png); }
#web-links-index #nav-performance-indicators a{ background-image: url(../img/nav-perf-sl.png); }
#web-links-index #nav-web-links-index a{ background-image: url(../img/nav-links-sl.png); }

#web-links-index #nav li a{  color: #646094; }
#web-links-index #nav li a:hover,
#web-links-index #nav li.current a{ background-color: #d4cade;  }

#web-links-index #nav ul ul,
#web-links-index #nav ul ul li,
#web-links-index #nav ul ul a{ background-image:none; background-color: #e1dce7; border-color: #e1dce7;border-bottom-color: #d4cade;color: #8682ad;  }
#web-links-index #nav ul ul a:hover,
#web-links-index #nav ul ul li.current a{ background-image:none; background-color: #d4cade; border-color: #d4cade; color: #fff; }
#web-links-index #nav ul li.current ul li a{ background-image:none; background-color: #e1dce7; border-color: #e1dce7;border-bottom-color: #d4cade; color: #8682ad; }

#web-links-index #nav ul li.current ul li a:hover,
#web-links-index #nav ul li.current ul li.current a{ background-image:none; background-color: #d4cade; border-color: #d4cade; color: #fff; }

#web-links-index #sidebar a{ color: #646094; text-decoration: none; }
#web-links-index #sidebar a:hover,
#web-links-index #sidebar li.current a{ color: #646094; text-decoration: underline; }
#web-links-index #sidebar li.current li a{ color: #646094; text-decoration: none; }
#web-links-index #sidebar li.current li a:hover,
#web-links-index #sidebar li.current li.current a{ color: #646094; text-decoration: underline; }