a.test { background-image: url('testmenu.gif'); display: block; width: 126px }
a.test:hover { background: url('testmenu.gif') 0 -125px }


a.AboutReefs { background-image: url('AboutReefs.gif'); display: block; width: 126px }
a.AboutReefs:hover { background: url('AboutReefs.gif') 0 -125px }
a.TheExpedition { background-image: url('TheExpedition.gif'); display: block; width: 126px }
a.TheExpedition:hover { background: url('TheExpedition.gif') 0 -125px }
a.OceanChallenges { background-image: url('OceanChallenges.gif'); display: block; width: 126px }
a.OceanChallenges:hover { background: url('OceanChallenges.gif') 0 -125px }
a.SeaCreatures { background-image: url('SeaCreatures.gif'); display: block; width: 126px }
a.SeaCreatures:hover { background: url('SeaCreatures.gif') 0 -125px }
a.SeaCultures { background-image: url('SeaCultures.gif'); display: block; width: 126px }
a.SeaCultures:hover { background: url('SeaCultures.gif') 0 -125px }

a.WhyReefsImportant { background-image: url('WhyReefsImportant.gif'); display: block; width: 126px }
a.WhyReefsImportant:hover { background: url('WhyReefsImportant.gif') 0 -125px }
a.WhatIsReef { background-image: url('WhatIsReef.gif'); display: block; width: 126px }
a.WhatIsReef:hover { background: url('WhatIsReef.gif') 0 -125px }
a.WhereReefsFound { background-image: url('WhereReefsFound.gif'); display: block; width: 126px }
a.WhereReefsFound:hover { background: url('WhereReefsFound.gif') 0 -125px }
a.TypesReef { background-image: url('TypesReef.gif'); display: block; width: 126px }
a.TypesReef:hover { background: url('TypesReef.gif') 0 -125px }
a.Lifeonreef { background-image: url('Lifeonreef.gif'); display: block; width: 126px }
a.Lifeonreef:hover { background: url('Lifeonreef.gif') 0 -125px }

a.CanaryIsDead { background-image: url('CanaryIsDead.gif'); display: block; width: 126px }
a.CanaryIsDead:hover { background: url('CanaryIsDead.gif') 0 -125px }
a.TokyoFishMarket { background-image: url('TokyoFishMarket.gif'); display: block; width: 126px }
a.TokyoFishMarket:hover { background: url('TokyoFishMarket.gif') 0 -125px }
a.DeepTrouble { background-image: url('DeepTrouble.gif'); display: block; width: 126px }
a.DeepTrouble:hover { background: url('DeepTrouble.gif') 0 -125px }
a.CrownThorns { background-image: url('CrownThorns.gif'); display: block; width: 126px }
a.CrownThorns:hover { background: url('CrownThorns.gif') 0 -125px }



a.WaterDance { background-image: url('WaterDance.gif'); display: block; width: 126px }
a.WaterDance:hover { background: url('WaterDance.gif') 0 -125px }
a.SecretSociety { background-image: url('SecretSociety.gif'); display: block; width: 126px }
a.SecretSociety:hover { background: url('SecretSociety.gif') 0 -125px }
a.GizoSolomon { background-image: url('GizoSolomon.gif'); display: block; width: 126px }
a.GizoSolomon:hover { background: url('GizoSolomon.gif') 0 -125px }
a.PNGNationalAnthem { background-image: url('PNGNationalAnthem.gif'); display: block; width: 126px }
a.PNGNationalAnthem:hover { background: url('PNGNationalAnthem.gif') 0 -125px }
a.NukufetauTuvalu { background-image: url('NukufetauTuvalu.gif'); display: block; width: 126px }
a.NukufetauTuvalu:hover { background: url('NukufetauTuvalu.gif') 0 -125px }
a.BoraBora { background-image: url('BoraBora.gif'); display: block; width: 126px }
a.BoraBora:hover { background: url('BoraBora.gif') 0 -125px }

a.Aitutaki { background-image: url('Aitutaki.gif'); display: block; width: 126px }
a.Aitutaki:hover { background: url('Aitutaki.gif') 0 -125px }
a.Tanna { background-image: url('Tanna.gif'); display: block; width: 126px }
a.Tanna:hover { background: url('Tanna.gif') 0 -125px }
a.OceaniaCenter { background-image: url('OceaniaCenter.gif'); display: block; width: 126px }
a.OceaniaCenter:hover { background: url('OceaniaCenter.gif') 0 -125px }
a.Bali { background-image: url('Bali.gif'); display: block; width: 126px }
a.Bali:hover { background: url('Bali.gif') 0 -125px }
a.Egum { background-image: url('Egum.gif'); display: block; width: 126px }
a.Egum:hover { background: url('Egum.gif') 0 -125px }
a.SchoolClosing { background-image: url('SchoolClosing.gif'); display: block; width: 126px }
a.SchoolClosing:hover { background: url('SchoolClosing.gif') 0 -125px }

a.DeepOcean { background-image: url('DeepOcean.gif'); display: block; width: 126px }
a.DeepOcean:hover { background: url('DeepOcean.gif') 0 -125px }
a.Dolphins { background-image: url('Dolphins.gif'); display: block; width: 126px }
a.Dolphins:hover { background: url('Dolphins.gif') 0 -125px }
a.Kamawali { background-image: url('Kamawali.gif'); display: block; width: 126px }
a.Kamawali:hover { background: url('Kamawali.gif') 0 -125px }
a.Octopus { background-image: url('Octopus.gif'); display: block; width: 126px }
a.Octopus:hover { background: url('Octopus.gif') 0 -125px }
a.SeaCucumber { background-image: url('SeaCucumber.gif'); display: block; width: 126px }
a.SeaCucumber:hover { background: url('SeaCucumber.gif') 0 -125px }
a.SoftCoralsCurrent { background-image: url('SoftCoralsCurrent.gif'); display: block; width: 126px }
a.SoftCoralsCurrent:hover { background: url('SoftCoralsCurrent.gif') 0 -125px }

a.RushHour { background-image: url('RushHour.gif'); display: block; width: 126px }
a.RushHour:hover { background: url('RushHour.gif') 0 -125px }
a.ParrotFish { background-image: url('ParrotFish.gif'); display: block; width: 126px }
a.ParrotFish:hover { background: url('ParrotFish.gif') 0 -125px }
a.SeaSnake { background-image: url('SeaSnake.gif'); display: block; width: 126px }
a.SeaSnake:hover { background: url('SeaSnake.gif') 0 -125px }
a.Jacks { background-image: url('Jacks.gif'); display: block; width: 126px }
a.Jacks:hover { background: url('Jacks.gif') 0 -125px }
a.JellyFish { background-image: url('JellyFish.gif'); display: block; width: 126px }
a.JellyFish:hover { background: url('JellyFish.gif') 0 -125px }
a.SoftCorals { background-image: url('SoftCorals.gif'); display: block; width: 126px }
a.SoftCorals:hover { background: url('SoftCorals.gif') 0 -125px }

a.JoinExpedition { background-image: url('JoinExpedition.gif'); display: block; width: 126px }
a.JoinExpedition:hover { background: url('JoinExpedition.gif') 0 -125px }
a.ComeSailing { background-image: url('ComeSailing.gif'); display: block; width: 126px }
a.ComeSailing:hover { background: url('ComeSailing.gif') 0 -125px }
a.TakeTour { background-image: url('TakeTour.gif'); display: block; width: 126px }
a.TakeTour:hover { background: url('TakeTour.gif') 0 -125px }
a.TheVase { background-image: url('TheVase.gif'); display: block; width: 126px }
a.TheVase:hover { background: url('TheVase.gif') 0 -125px }
a.MeetCrew { background-image: url('MeetCrew.gif'); display: block; width: 126px }
a.MeetCrew:hover { background: url('MeetCrew.gif') 0 -125px }



a.K12 { background-image: url('K12.gif'); display: block; width: 126px }
a.K12:hover { background: url('K12.gif') 0 -125px }
a.TenSimpleThings { background-image: url('TenSimpleThings.gif'); display: block; width: 126px }
a.TenSimpleThings:hover { background: url('TenSimpleThings.gif') 0 -125px }
a.WhyAreWeHere { background-image: url('WhyAreWeHere.gif'); display: block; width: 126px }
a.WhyAreWeHere:hover { background: url('WhyAreWeHere.gif') 0 -125px }
a.University { background-image: url('University.gif'); display: block; width: 126px }
a.University:hover { background: url('University.gif') 0 -125px }
a.CommunityOutreach { background-image: url('CommunityOutreach.gif'); display: block; width: 126px }
a.CommunityOutreach:hover { background: url('CommunityOutreach.gif') 0 -125px }
a.Biosphere { background-image: url('Biosphere.gif'); display: block; width: 126px }
a.Biosphere:hover { background: url('Biosphere.gif') 0 -125px }


a.LinkTV { background-image: url('LinkTV.gif'); display: block; width: 126px }
a.LinkTV:hover { background: url('LinkTV.gif') 0 -125px }


a.bannerA { background-image: url('bannerA1.gif'); display: block; width: 98px }
a.bannerA:hover { background: url('bannerA1.gif') 0 -47px}
a.bannerB { background-image: url('bannerB1.gif'); display: block; width: 98px}
a.bannerB:hover { background: url('bannerB1.gif') 0 -47px}


a.links {COLOR: white ; }
a.links:hover {COLOR: #8785be ;}

a.links2 {COLOR: #5d5aef ; }
a.links2:hover {COLOR: #6fbbd4 ;}