#LGnav, #LGsubnav { display: block; margin: 0; padding: 0; position: relative; }
#LGnav li, #LGsubnav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; list-style-image:none; }
#LGnav li li, #LGsubnav li li {list-style-image:none; }
#LGnav a, #LGsubnav a { display: block; }
#LGnav ul, #LGsubnav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #LGnav ul, * html #LGsubnav ul { line-height: 0; } /* IE6 "fix" */
#LGnav ul a, #LGsubnav ul a, #LGnav2 ul a { zoom: 1; } /* IE6/7 fix */
#LGnav ul li, #LGsubnav ul li { float: none; }
#LGnav ul ul, #LGsubnav ul ul { top: 0; }

/* Essentials - configure this */
#LGnav ul, #LGsubnav ul { width: 130px; }
#LGnav ul ul, #LGsubnav ul ul { left: 133px; }

/* Everything else is theming */
#LGnavscontainer { position: absolute; top:0; left:0; }
#LGsubnavscontainer { position: absolute; top:25px; left:0; }
#LGnavscontainer,
#LGsubnavscontainer { background:url(/universal/nav/images/shadow_bottom.png) repeat-x scroll 0 bottom #527DB1; width:1000px; height:24px; margin-bottom:1px; }
#LGnavscontainer { background-color:#eed; background-image:none; }
#LGnav, #LGsubnav  { height: 24px; margin-bottom:1px; font-family:Helvetica, Arial, sans-serif; }
#LGnav img.downpointer, #LGsubnav img.downpointer { border:0; padding-right:6px; }
#LGnav { float:right; }
#LGnav *:hover, #LGsubnav *:hover { background-color: none; }
#LGnav a, #LGsubnav a { border-left: 1px solid white; color: white; font-size: 12px; line-height:15px; padding:4px 17px 5px; text-decoration:none; text-align:center; }
#LGnav a .trademark, #LGsubnav a .trademark { position: relative; font-size: 50% ! important; top: -4px; font-family: Arial ! important; }
/*#LGnav > li { background: url(/universal/nav/images/shadow_bottom.png) repeat-x scroll 0 bottom #3A9C88; }*/
#LGnav li { background: url(/universal/nav/images/shadow_bottom.png) repeat-x scroll 0 bottom #3A9C88; }
#LGnav li.hover a {   }
#LGnav > li:hover > a {  } /* this prevents some nav jumpiness */
#LGnav li li a { margin-left:-1px; border-right:1px solid white; border-left:1px solid white; }
#LGsubnav li li a { margin-left:-1px; border-right:1px solid white; border-left:1px solid white; }
#LGnav li li.hover a { background-color:#3A9C88; }
#LGsubnav li li.hover a { background-color:#527DB1; }
#LGnav ul { background-color:#3a9c88; border-top:1px solid #FFFFFF; top:24px;  }
#LGsubnav ul {background-color:#527DB1;  border-top:1px solid #FFFFFF; top:24px; }
#LGnav ul li a {  }
#LGnav ul a, #LGsubnav ul a { border-bottom: 1px solid white; border-right: none; padding:4px 10px 5px; }
/* #LGnav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#LGsubnav { width:100%; float:left; font-size:12px; height:24px; }
#LGnav ul li,
#LGsubnav ul li { background: url(/universal/nav/images/shadow_bottom.png) repeat-x scroll 0 bottom transparent; }

/* old way breaks in chrome */
#LGsubnav li[rel="Home"] > a { border:none; width:66px; padding:5px 0 5px; }
#LGsubnav li[rel="News"] > a { width:76px; padding:5px 0 5px; }
#LGsubnav li[rel="Politics"] > a { width:84px; padding:5px 0 5px; }
#LGsubnav li[rel="Opinion"] > a { width:75px; padding:5px 0 5px; }
#LGsubnav li[rel="Sports"] > a { width:81px; padding:5px 0 5px; }
#LGsubnav li[rel="ThingsToDo"] > a { width:114px; padding:5px 0 5px; }
#LGsubnav li[rel="Money"] > a { width:82px; padding:5px 0 5px; }
#LGsubnav li[rel="Features"] > a { width:93px; padding:5px 0 5px; }
#LGsubnav li[rel="Blogs"] > a { width:76px; padding:5px 0 5px; }
#LGsubnav li[rel="Weather"] > a { width:79px; padding:5px 0 5px; }
#LGsubnav li[rel="Traffic"] > a { width:65px; padding:5px 0 5px; }
#LGsubnav li[rel="Sitemap"] > a { width:98px; padding:5px 0 5px; }
/* chrome browser patch for "rel" styles, as on some vendor sites */
#LGsubnav li[rel="*"] { width:auto; }

/* new nav with classes works in chrome */ 
#LGsubnav li.Home > a { border:none; width:66px; padding:5px 0 5px; }
#LGsubnav li.News > a { width:76px; padding:5px 0 5px; }
#LGsubnav li.Politics > a { width:84px; padding:5px 0 5px; }
#LGsubnav li.Opinion > a { width:75px; padding:5px 0 5px; }
#LGsubnav li.Sports > a { width:81px; padding:5px 0 5px; }
#LGsubnav li.ThingsToDo > a { width:114px; padding:5px 0 5px; }
#LGsubnav li.Money > a { width:82px; padding:5px 0 5px; }
#LGsubnav li.Features > a { width:93px; padding:5px 0 5px; }
#LGsubnav li.Blogs > a { width:76px; padding:5px 0 5px; }
#LGsubnav li.Weather > a { width:79px; padding:5px 0 5px; }
#LGsubnav li.Traffic > a { width:65px; padding:5px 0 5px; }
#LGsubnav li.Sitemap > a { width:98px; padding:5px 0 5px; }

#LGsubnav li li a,
#LGnav li li a { width:auto; padding:5px 5px 5px 10px; text-align:left; }
#navs { position:relative; height:50px; z-index: 20; }
