@charset "UTF-8";
/* MFS Nav Document */



#nav {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; font-size: 10px; width:844px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:40px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}
#nav li a.home {background:url(../images/home_nav_01.gif); width:93px;}
#nav li a.about {background:url(../images/home_nav_02.gif); width:100px;}
#nav li a.departments {background:url(../images/home_nav_03.gif); width:146px;}
#nav li a.online_rating {background:url(../images/home_nav_04.gif); width:151px;}
#nav li a.affiliates {background:url(../images/home_nav_05.gif); width:120px;}
#nav li a.careers {background:url(../images/home_nav_06.gif); width:117px;}
#nav li a.contact {background:url(../images/home_nav_07.gif); width:117px;}

#nav li:hover a,
#nav a:hover
{background-position: 0 40px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#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: #CCCCCC; width:152px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:22px; position:relative; float:left; width:150px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:20px; width:150px; text-decoration:none; padding:0; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #194D63; text-indent: 5px; line-height: 18px;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.apples {background:url(fruit/apples2.jpg);}
#nav :hover ul li a.oranges {background:url(fruit/oranges2.jpg);}
#nav :hover ul li a.pears {background:url(fruit/pears2.jpg);}
#nav :hover ul li a.bananas {background:url(fruit/bananas2.jpg);}
#nav :hover ul li a.lemons {background:url(fruit/lemons2.jpg);}

#nav :hover ul.sub li a:hover 
{background-position: 0 20px; position:relative; color: #FFF; background-color: #999}