#primaryNavigation { position: relative; padding-left: 15px; z-index: 100; height: 36px; background-color: #268f3b; }

#dropdown { z-index: 500; position: relative; }
#dropdown, #dropdown ul { list-style: none; }
#dropdown li { float: left; position: relative; }

#dropdown li a, #dropdown li a:link, #dropdown li a:active, #dropdown li a:visited { display: block; }
#dropdown li a img { vertical-align: bottom; /* for IE6 */background: url(../images/bg_nav.gif) top left repeat; }
#dropdown li:hover, #dropdown li:hover img { visibility: visible; }
#dropdown li:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#home { background: url(../images/nav/home_over.gif) no-repeat left bottom; }
#aboutus { background: url(../images/nav/aboutus_over.gif) no-repeat left bottom; }
#menu { background: url(../images/nav/menu_over.gif) no-repeat left bottom; }
#photogallery { background: url(../images/nav/photogallery_over.gif) no-repeat left bottom; }
#coeliac { background: url(../images/nav/coeliac_over.gif) no-repeat left bottom; }
#contactus { background: url(../images/nav/contactus_over.gif) no-repeat left bottom; }

#dropdown li:hover ul, #dropdown li.sfHover ul { display: block; }
#dropdown ul li ul { display: none; position: absolute; width: 180px; background-color: #49c148; }
#dropdown ul li ul li { float: none; padding: 10px 0 10px 18px; border-top: 1px solid #83d25b; background: url(../images/nav/arrow_secondary.gif) no-repeat center left; }
#dropdown ul li ul li:hover { }
#dropdown ul li ul li a:link, #dropdown ul li ul li a:visited { color: #fff; font-size: 8pt; text-decoration: none; }
#dropdown ul li ul li:hover a:hover { color: #000; font-size: 8pt; text-decoration: none; }