@charset "utf-8";
/* CSS Document */

#nav { 
padding : 0; 
margin : 0; 
list-style : none; 
height : 30px; 
position : relative; 
z-index : 200; 
font-family : arial, verdana, sans-serif; 
width : 250px; 
} 
#nav li.top { 
display : block; 
float : left; 
} 
#nav li a { 
display : block; 
float : left; 
height : 30px; 
width : 250px; 
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.fruit { 
background-image : url(images/navigation.gif); 
} 
#nav li a.blog { 
background-color : #000; 
} 

#nav li:hover a, #nav a:hover { 
background-position : 0 50px; 
} 
#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 : 30px; 
background : #edb; 
width : 250px; 
height : auto; 
z-index : 300; 
} 
#nav :hover ul.sub li { 
display : block; 
height : 30px; 
position : relative; 
float : left; 
width : 150px; 
font-weight : normal; 
} 
#nav :hover ul.sub li a { 
display : block; 
height : 30px; 
width : 250px; 
border : 1px solid #888; 
border-color : #ddd #888 #000 #ccc; 
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.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 li a.potatoes { 
background : url(veg/potatoes2.jpg); 
} 
#nav :hover ul li a.carrots { 
background : url(veg/carrots2.jpg); 
} 
#nav :hover ul li a.turnips { 
background : url(veg/turnip2.jpg); 
} 
#nav :hover ul li a.parsnips { 
background : url(veg/parsnip2.jpg); 
} 
#nav :hover ul li a.cabbages { 
background : url(greens/cabbage2.jpg); 
} 
#nav :hover ul li a.cauliflower { 
background : url(greens/cauliflower2.jpg); 
} 
#nav :hover ul li a.beans { 
background : url(greens/beans2.jpg); 
} 
#nav :hover ul li a.sprouts { 
background : url(greens/sprouts2.jpg); 
} 
#nav :hover ul li a.peas { 
background : url(greens/peas2.jpg); 
} 
#nav :hover ul li a.broccoli { 
background : url(greens/broccoli2.jpg); 
} 
#nav :hover ul li a.almonds { 
background : url(nuts/almonds2.jpg); 
} 
#nav :hover ul li a.cashews { 
background : url(nuts/cashews2.jpg); 
} 
#nav :hover ul li a.walnuts { 
background : url(nuts/walnuts2.jpg); 
} 
#nav :hover ul li a.pistachios { 
background : url(nuts/pistachios2.jpg); 
} 
#nav :hover ul.sub li a:hover { 
background-position : 0 50px; 
position : relative; 
} 
#nav :hover ul.sub li a:hover b { 
left : 100px; 
top : 15px; 
background : #fff; 
color : #000; 
border : 1px solid #888; 
display : block; 
width : 100px; 
height : 30px; 
text-align : center; 
font-size : 12px; 
line-height : 18px; 
}