/* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/image_dropdown.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #nav {padding:0; margin:0; list-style:none; height:26px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:820px;} #nav li.top {display:block; float:left;} #nav li a {display:block; float:left; height:26px; width:82px; border:0px solid #FFF; border-color:#fff; text-decoration:none; padding:0; cursor:pointer;} #nav li a b {margin-left:-999px;} #nav li a.home {background:url(/images/menu/home.png);} #nav li a.news {background:url(/images/menu/news.png);} #nav li a.features {background:url(/images/menu/features.png);} #nav li a.conditions {background:url(/images/menu/conditions.png);} #nav li a.wellness {background:url(/images/menu/wellness.png);} #nav li a.nutrition {background:url(/images/menu/nutrition.png);} #nav li a.aging {background:url(/images/menu/aging.png);} #nav li a.women {background:url(/images/menu/women.png);} #nav li a.kids {background:url(/images/menu/kids.png);} #nav li a.video {background:url(/images/menu/video.png);} #nav li:hover a, #nav a:hover {background-position: 0 26px;} #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:23px; background: #edb; width:86px; height:auto; z-index:300;} #nav :hover ul.sub li {display:block; height:18px; position:relative; float:left; width:86px; font-weight:normal;} #nav :hover ul.sub li a {display:block; height:18px; width:86px; border:0px solid #888; border-color:#008b9d; 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.Aging {background:url(/images/menu/subAging.png);} #nav :hover ul li a.Bioethics {background:url(/images/menu/subBioethics.png);} #nav :hover ul li a.Dieting {background:url(/images/menu/subDieting.png);} #nav :hover ul li a.Behavior {background:url(/images/menu/subBehavior.png);} #nav :hover ul li a.Exercise {background:url(/images/menu/subExercise.png);} #nav :hover ul li a.Healthcare {background:url(/images/menu/subHealthcare.png);} #nav :hover ul li a.Heart {background:url(/images/menu/subHeart.png);} #nav :hover ul li a.Infections {background:url(/images/menu/subInfections.png);} #nav :hover ul li a.Kids {background:url(/images/menu/subKids.png);} #nav :hover ul li a.Men {background:url(/images/menu/subMen.png);} #nav :hover ul li a.Nutrition {background:url(/images/menu/subNutrition.png);} #nav :hover ul li a.Public {background:url(/images/menu/subPublic.png);} #nav :hover ul li a.Sports {background:url(/images/menu/subSports.png);} #nav :hover ul li a.Women {background:url(/images/menu/subWomen.png);} #nav :hover ul li a.Arthritis {background:url(/images/menu/subArthritis.png);} #nav :hover ul li a.Asthma {background:url(/images/menu/subAsthma.png);} #nav :hover ul li a.Cancer {background:url(/images/menu/subCancer.png);} #nav :hover ul li a.Diabetes {background:url(/images/menu/subDiabetes.png);} #nav :hover ul li a.New {background:url(/images/menu/subNew.png);} #nav :hover ul li a.ER {background:url(/images/menu/subER.png);} #nav :hover ul li a.Gastro {background:url(/images/menu/subGastro.png);} #nav :hover ul li a.Pediatrics {background:url(/images/menu/subPediatrics.png);} #nav :hover ul li a.Addiction {background:url(/images/menu/subAddiction.png);} #nav :hover ul li a.Anxiety {background:url(/images/menu/subAnxiety.png);} #nav :hover ul li a.Autoimmune {background:url(/images/menu/subAutoimmune.png);} #nav :hover ul li a.Depression {background:url(/images/menu/subDepression.png);} #nav :hover ul li a.Emergencies {background:url(/images/menu/subEmergencies.png);} #nav :hover ul li a.Flu {background:url(/images/menu/subFlu.png);} #nav :hover ul li a.Migraine {background:url(/images/menu/subMigraine.png);} #nav :hover ul li a.Mind {background:url(/images/menu/subMind.png);} #nav :hover ul li a.Pain {background:url(/images/menu/subPain.png);} #nav :hover ul li a.Stress {background:url(/images/menu/subStress.png);} #nav :hover ul li a.Stroke {background:url(/images/menu/subStroke.png);} #nav :hover ul li a.Diet {background:url(/images/menu/subDiet.png);} #nav :hover ul li a.emoHealth {background:url(/images/menu/subEmoHealth.png);} #nav :hover ul li a.Fitness {background:url(/images/menu/subFitness.png);} #nav :hover ul li a.Sex {background:url(/images/menu/subSex.png);} #nav :hover ul li a.Sleep {background:url(/images/menu/subSleep.png);} #nav :hover ul li a.Travel {background:url(/images/menu/subTravel.png);} #nav :hover ul li a.News {background:url(/images/menu/subNews.png);} #nav :hover ul li a.Features {background:url(/images/menu/subFeatures.png);} #nav :hover ul li a.searchTopic {background:url(/images/menu/subSearch.png);} #nav :hover ul.sub li a:hover {background-position: 0 17px; 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:17px; text-align:center; font-size:12px; line-height:12px;}