/* Menu */
#menu { width: 1007px; margin-top: 10px; height: 41px; background: url(../images/menu.jpg) no-repeat; }
#menu li.top { display: inline; float: left; position: relative; height: 41px; }
#menu li a.top { display: block; height: 41px; text-decoration: none; text-indent: -999em; background: transparent url(../images/menu.jpg) 0 0 no-repeat; }

/* Menu links */
#menu li.home a { background-position: 0 0; width: 123px; }
#menu li.alloa_park a { background-position: -123px 0; width: 224px; }
#menu li.about a { background-position: -347px 0; width: 251px; }
#menu li.future a { background-position: -598px 0; width: 236px; }
#menu li.contact a { background-position: -834px 0; width: 171px; }

/* Hover state */
#menu li.home a:hover { background-position: 0 -41px; }
#menu li.alloa_park a:hover { background-position: -123px -41px; }
#menu li.about a:hover { background-position: -347px -41px; }
#menu li.future a:hover { background-position: -598px -41px; }
#menu li.contact a:hover { background-position: -834px -41px; }

/* Hover state */
#menu li.home a.active { background-position: 0 -82px; }
#menu li.alloa_park a.active { background-position: -123px -82px; }
#menu li.about a.active { background-position: -347px -82px; }
#menu li.future a.active { background-position: -598px -82px; }
#menu li.contact a.active { background-position: -834px -82px; }

/* Sub Menus */
#menu ul.sub { display: none; clear: left; position: absolute; top: 44px; left: 0; z-index: 100; overflow: hidden; background: #7ac242; }
#menu ul.sub li { display: block; line-height: 160%; padding-left: 12px; }
#menu ul.sub { top: auto; left: auto; }
#menu ul.sub a { color: #000000; font-weight: bold; text-decoration: none; }
#menu ul.sub a:hover { text-decoration: underline; }

/* Sub menu widths */
#menu li.alloa_park ul { width: 224px; }

#menu li:hover ul{
    display:block;
}