/* main navigation */

#nav {padding:0; margin:0; list-style:none; position:inherit; z-index:200; font-family:arial, verdana, sans-serif; }
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:40px; width:82px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.pages {background:url(../images/lk_pages.jpg); width: 86px; height: 37px;}
#nav li a.news {background:url(../images/lk_news.jpg); width: 86px; height: 37px;}
#nav li a.articles {background:url(../images/lk_articles.jpg); width: 82px; height: 37px;}
#nav li a.settings {background:url(../images/lk_settings.jpg); width: 82px; height: 37px;}
#nav li a.schedules2 {background:url(../images/lk_schedules2.jpg); width: 90px; height: 37px;}
#nav li a.products2 {background:url(../images/lk_products2.jpg); width: 90px; height: 37px;}
#nav li a.speakers {background:url(../images/lk_speakers.jpg); width: 90px; height: 37px;}
#nav li a.logout {background:url(../images/lk_logout.jpg); width: 70px; height: 37px;}

#nav li a.home {background:url(../images/lk_home.jpg); width: 53px; height: 37px;}
#nav li a.about {background:url(../images/lk_about.jpg); width: 78px; height: 37px;}
#nav li a.services {background:url(../images/lk_services.jpg); width: 90px; height: 37px;}
#nav li a.resources {background:url(../images/lk_resources.jpg); width: 157px; height: 37px;}
#nav li a.schedules {background:url(../images/lk_schedules.jpg); width: 72px; height: 37px;}
#nav li a.products {background:url(../images/lk_products.jpg); width: 68px; height: 37px;}
#nav li a.clients {background:url(../images/lk_clients.jpg); width: 55px; height: 37px;}
#nav li a.whatsnew {background:url(../images/lk_whatsnew.jpg); width: 85px; height: 37px;}
#nav li a.contact {background:url(../images/lk_contact.jpg); width: 75px; height: 37px;}
/*

#nav li a.about {background:url(../images/lk_about.jpg); width: 86px; height: 37px;}
#nav li a.services {background:url(../images/lk_services.jpg); width: 80px; height: 37px;}
#nav li a.resources {background:url(../images/lk_resources.jpg); width: 90px; height: 37px;}
#nav li a.schedules {background:url(../images/lk_schedules.jpg); width: 92px; height: 37px;}
#nav li a.products {background:url(../images/lk_products.jpg); width: 84px; height: 37px;}
#nav li a.clients {background:url(../images/lk_clients.jpg); width: 70px; height: 37px;}
#nav li a.whatsnew {background:url(../images/lk_whatsnew.jpg); width: 106px; height: 37px;}
#nav li a.contact {background:url(../images/lk_contact.jpg); width: 102px; height: 37px;}

*/
#nav li:hover a,
#nav a:hover {background-position: 0 37px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:40px; background: #edb; width:138px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:38px; position:relative; float:left; width:138px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:38px; width:138px; border:1px solid #888; border-color:#FFF #FFF #FFF #FFF; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.food {background:url(../images/lk_food.jpg);}
#nav :hover ul li a.feeds {background:url(../images/lk_feeds.jpg);}
#nav :hover ul li a.chemical {background:url(../images/lk_chemical.jpg);}
#nav :hover ul li a.mission {background:url(../images/lk_mission.jpg);}
#nav :hover ul li a.core {background:url(../images/lk_core.jpg);}
#nav :hover ul li a.office {background:url(../images/lk_office.jpg);}
#nav :hover ul li a.warehouse {background:url(../images/lk_warehouse.jpg);}
#nav :hover ul li a.staff {background:url(../images/lk_staff.jpg);}



#nav :hover ul.sub li a:hover 
{background-position: 0 -38px; position:relative;}


