/* Link display behavior in navigation menu ----------------------------------------------- */ #nav li { text-align: left; list-style-position: outside; list-style-type: none; padding: 0px 0px 5px; } #nav a {text-decoration:none; font-weight:bold;} #nav a:link {color:white;} #nav a:visited {color:white;} #nav a:focus {color:white;} #nav a:hover {color:#F1A629;} #nav a:active {color:#F1A629;} /* Style the current state of links in navigation menu*/ #home li#nav-home a, #safety li#nav-safety a, #safety-weather li#nav-safety-weather a, #safety-bask li#nav-safety-bask a, #safety-hypothermia li#nav-safety-hypothermia a, #safety-gear li#nav-safety-gear a, #safety-tides li#nav-safety-tides a, #safety-traffic li#nav-safety-traffic a, #safety-skills li#nav-safety-skills a, #enviro li#nav-enviro a, #enviro-viewing li#nav-enviro-viewing a, #enviro-awareness li#nav-enviro-awareness a, #enviro-marine li#nav-enviro-marine a, #enviro-offlimits li#nav-enviro-offlimits a, #enviro-links li#nav-enviro-links a, #surfing li#nav-surfing a, #surfing-kayaks li#nav-surfing-kayaks a, #surfing-rules li#nav-surfing-rules a, #surfing-row li#nav-surfing-row a, #surfing-instruction li#nav-surfing-instruction a, #surfing-locations li#nav-surfing-locations a, #surfing-links li#nav-surfing-links a, #articles li#nav-articles a, #articles-trips li#nav-articles-trips a, #articles-technical li#nav-articles-technical a, #articles-other li#nav-articles-other a, #links li#nav-links a, #links-photos li#nav-links-photos a, #links-symposiums li#nav-links-symposiums a, #links-clubs li#nav-links-clubs a, #links-outfitters li#nav-links-outfitters a, #links-manufacturers li#nav-links-manufacturers a, #links-misc li#nav-links-misc a, #classifieds li#nav-classifieds a, #credits li#nav-credits a, #info li#nav-info a, #info-membership li#nav-info-membership a, #info-docs li#nav-info-docs a, #info-events li#nav-info-events a, #faq li#nav-faq a, #contact li#nav-contact a, #members li#nav-members a, #members-help li#nav-members-help a{ color:#EF8861; color: #EB714D; } /* Generally, don't display sub-menus */ #nav-safety-weather, #nav-safety-bask, #nav-safety-hypothermia, #nav-safety-gear, #nav-safety-tides, #nav-safety-traffic, #nav-safety-skills, #nav-enviro-viewing, #nav-enviro-awareness, #nav-enviro-marine, #nav-enviro-offlimits, #nav-enviro-links, #nav-surfing-kayaks, #nav-surfing-rules, #nav-surfing-row, #nav-surfing-instruction, #nav-surfing-locations, #nav-surfing-links, #nav-articles-trips, #nav-articles-technical, #nav-articles-other, #nav-links-photos, #nav-links-symposiums, #nav-links-clubs, #nav-links-outfitters, #nav-links-manufacturers, #nav-links-misc, #nav-info-membership, #nav-info-docs, #nav-info-events { display: none; } /* Display submenus if main menu or sub menus are selected and clicked on */ #safety li#nav-safety-bask, #safety li#nav-safety-weather, #safety li#nav-safety-hypothermia, #safety li#nav-safety-gear, #safety li#nav-safety-tides, #safety li#nav-safety-traffic, #safety li#nav-safety-skills, #safety-bask li#nav-safety-bask, #safety-bask li#nav-safety-weather, #safety-bask li#nav-safety-hypothermia, #safety-bask li#nav-safety-gear, #safety-bask li#nav-safety-tides, #safety-bask li#nav-safety-traffic, #safety-bask li#nav-safety-skills, #safety-weather li#nav-safety-bask, #safety-weather li#nav-safety-weather, #safety-weather li#nav-safety-hypothermia, #safety-weather li#nav-safety-gear, #safety-weather li#nav-safety-tides, #safety-weather li#nav-safety-traffic, #safety-weather li#nav-safety-skills, #safety-hypothermia li#nav-safety-bask, #safety-hypothermia li#nav-safety-weather, #safety-hypothermia li#nav-safety-hypothermia, #safety-hypothermia li#nav-safety-gear, #safety-hypothermia li#nav-safety-tides, #safety-hypothermia li#nav-safety-traffic, #safety-hypothermia li#nav-safety-skills, #safety-gear li#nav-safety-bask, #safety-gear li#nav-safety-weather, #safety-gear li#nav-safety-hypothermia, #safety-gear li#nav-safety-gear, #safety-gear li#nav-safety-tides, #safety-gear li#nav-safety-traffic, #safety-gear li#nav-safety-skills, #safety-tides li#nav-safety-bask, #safety-tides li#nav-safety-weather, #safety-tides li#nav-safety-hypothermia, #safety-tides li#nav-safety-gear, #safety-tides li#nav-safety-tides, #safety-tides li#nav-safety-traffic, #safety-tides li#nav-safety-skills, #safety-traffic li#nav-safety-bask, #safety-traffic li#nav-safety-weather, #safety-traffic li#nav-safety-hypothermia, #safety-traffic li#nav-safety-gear, #safety-traffic li#nav-safety-tides, #safety-traffic li#nav-safety-traffic, #safety-traffic li#nav-safety-skills, #safety-skills li#nav-safety-bask, #safety-skills li#nav-safety-weather, #safety-skills li#nav-safety-hypothermia, #safety-skills li#nav-safety-gear, #safety-skills li#nav-safety-tides, #safety-skills li#nav-safety-traffic, #safety-skills li#nav-safety-skills, #enviro li#nav-enviro-viewing, #enviro li#nav-enviro-awareness, #enviro li#nav-enviro-marine, #enviro li#nav-enviro-offlimits, #enviro li#nav-enviro-links, #enviro-viewing li#nav-enviro-viewing, #enviro-viewing li#nav-enviro-awareness, #enviro-viewing li#nav-enviro-marine, #enviro-viewing li#nav-enviro-offlimits, #enviro-viewing li#nav-enviro-links, #enviro-awareness li#nav-enviro-viewing, #enviro-awareness li#nav-enviro-awareness, #enviro-awareness li#nav-enviro-marine, #enviro-awareness li#nav-enviro-offlimits, #enviro-awareness li#nav-enviro-links, #enviro-marine li#nav-enviro-viewing, #enviro-marine li#nav-enviro-awareness, #enviro-marine li#nav-enviro-marine, #enviro-marine li#nav-enviro-offlimits, #enviro-marine li#nav-enviro-links, #enviro-offlimits li#nav-enviro-viewing, #enviro-offlimits li#nav-enviro-awareness, #enviro-offlimits li#nav-enviro-marine, #enviro-offlimits li#nav-enviro-offlimits, #enviro-offlimits li#nav-enviro-links, #enviro-links li#nav-enviro-viewing, #enviro-links li#nav-enviro-awareness, #enviro-links li#nav-enviro-marine, #enviro-links li#nav-enviro-offlimits, #enviro-links li#nav-enviro-links, #surfing li#nav-surfing-kayaks, #surfing li#nav-surfing-rules, #surfing li#nav-surfing-row, #surfing li#nav-surfing-instruction, #surfing li#nav-surfing-locations, #surfing li#nav-surfing-links, #surfing-kayaks li#nav-surfing-kayaks, #surfing-kayaks li#nav-surfing-rules, #surfing-kayaks li#nav-surfing-row, #surfing-kayaks li#nav-surfing-instruction, #surfing-kayaks li#nav-surfing-locations, #surfing-kayaks li#nav-surfing-links, #surfing-rules li#nav-surfing-kayaks, #surfing-rules li#nav-surfing-rules, #surfing-rules li#nav-surfing-row, #surfing-rules li#nav-surfing-instruction, #surfing-rules li#nav-surfing-locations, #surfing-rules li#nav-surfing-links, #surfing-row li#nav-surfing-kayaks, #surfing-row li#nav-surfing-rules, #surfing-row li#nav-surfing-row, #surfing-row li#nav-surfing-instruction, #surfing-row li#nav-surfing-locations, #surfing-row li#nav-surfing-links, #surfing-instruction li#nav-surfing-kayaks, #surfing-instruction li#nav-surfing-rules, #surfing-instruction li#nav-surfing-row, #surfing-instruction li#nav-surfing-instruction, #surfing-instruction li#nav-surfing-locations, #surfing-instruction li#nav-surfing-links, #surfing-locations li#nav-surfing-kayaks, #surfing-locations li#nav-surfing-rules, #surfing-locations li#nav-surfing-row, #surfing-locations li#nav-surfing-instruction, #surfing-locations li#nav-surfing-locations, #surfing-locations li#nav-surfing-links, #surfing-links li#nav-surfing-kayaks, #surfing-links li#nav-surfing-rules, #surfing-links li#nav-surfing-row, #surfing-links li#nav-surfing-instruction, #surfing-links li#nav-surfing-locations, #surfing-links li#nav-surfing-links, #articles li#nav-articles-trips, #articles li#nav-articles-technical, #articles li#nav-articles-other, #articles-trips li#nav-articles-trips, #articles-trips li#nav-articles-technical, #articles-trips li#nav-articles-other, #articles-technical li#nav-articles-trips, #articles-technical li#nav-articles-technical, #articles-technical li#nav-articles-other, #articles-other li#nav-articles-trips, #articles-other li#nav-articles-technical, #articles-other li#nav-articles-other, #links li#nav-links-manufacturers, #links li#nav-links-outfitters, #links li#nav-links-clubs, #links li#nav-links-misc, #links li#nav-links-photos, #links li#nav-links-symposiums, #links-manufacturers li#nav-links-manufacturers, #links-manufacturers li#nav-links-outfitters, #links-manufacturers li#nav-links-clubs, #links-manufacturers li#nav-links-misc, #links-manufacturers li#nav-links-photos, #links-manufacturers li#nav-links-symposiums, #links-outfitters li#nav-links-manufacturers, #links-outfitters li#nav-links-outfitters, #links-outfitters li#nav-links-clubs, #links-outfitters li#nav-links-misc, #links-outfitters li#nav-links-photos, #links-outfitters li#nav-links-symposiums, #links-clubs li#nav-links-manufacturers, #links-clubs li#nav-links-outfitters, #links-clubs li#nav-links-clubs, #links-clubs li#nav-links-misc, #links-clubs li#nav-links-photos, #links-clubs li#nav-links-symposiums, #links-misc li#nav-links-manufacturers, #links-misc li#nav-links-outfitters, #links-misc li#nav-links-clubs, #links-misc li#nav-links-misc, #links-misc li#nav-links-photos, #links-misc li#nav-links-symposiums, #links-photos li#nav-links-manufacturers, #links-photos li#nav-links-outfitters, #links-photos li#nav-links-clubs, #links-photos li#nav-links-misc, #links-photos li#nav-links-photos, #links-photos li#nav-links-symposiums, #links-symposiums li#nav-links-manufacturers, #links-symposiums li#nav-links-outfitters, #links-symposiums li#nav-links-clubs, #links-symposiums li#nav-links-misc, #links-symposiums li#nav-links-photos, #links-symposiums li#nav-links-symposiums, #info li#nav-info-membership, #info li#nav-info-docs, #info li#nav-info-events, #info-membership li#nav-info-membership, #info-membership li#nav-info-docs, #info-membership li#nav-info-events, #info-docs li#nav-info-membership, #info-docs li#nav-info-docs, #info-docs li#nav-info-events, #info-events li#nav-info-membership, #info-events li#nav-info-docs, #info-events li#nav-info-events { display: block; list-style-position: outside; text-align: left; margin: 0 0 0 -20px; padding: 4px 4px 0px 0px; } /* Style apperance of sub-menu links when menu link is selected */ #safety li#nav-safety-bask a, #safety li#nav-safety-weather a, #safety li#nav-safety-hypothermia a, #safety li#nav-safety-gear a, #safety li#nav-safety-tides a, #safety li#nav-safety-traffic a, #safety li#nav-safety-skills a, #enviro li#nav-enviro-viewing a, #enviro li#nav-enviro-awareness a, #enviro li#nav-enviro-marine a, #enviro li#nav-enviro-offlimits a, #enviro li#nav-enviro-links a, #surfing li#nav-surfing-kayaks a, #surfing li#nav-surfing-rules a, #surfing li#nav-surfing-row a, #surfing li#nav-surfing-instruction a, #surfing li#nav-surfing-locations a, #surfing li#nav-surfing-links a, #articles li#nav-articles-trips a, #articles li#nav-articles-technical a, #articles li#nav-articles-other a, #links li#nav-links-manufacturers a, #links li#nav-links-outfitters a, #links li#nav-links-clubs a, #links li#nav-links-misc a, #links li#nav-links-photos a, #links li#nav-links-symposiums a, #info li#nav-info-membership a, #info li#nav-info-docs a, #info li#nav-info-events a /*#members li#nav-members a */ /* only in this list if submenus are used */ { text-decoration:none; color:white; background: none; } /* Style hover state*/ #nav ul a:hover { color:#F1A629 !important; } /* Put dotted line above and below active block of links and add padding and margin*/ #safety li#nav-safety, #safety-bask li#nav-safety, #safety-skills li#nav-safety, #safety-gear li#nav-safety, #safety-weather li#nav-safety, #safety-tides li#nav-safety, #safety-hypothermia li#nav-safety, #safety-traffic li#nav-safety, #enviro li#nav-enviro, #enviro-viewing li#nav-enviro, #enviro-awareness li#nav-enviro, #enviro-marine li#nav-enviro, #enviro-offlimits li#nav-enviro, #enviro-links li#nav-enviro, #surfing li#nav-surfing, #surfing-kayaks li#nav-surfing, #surfing-rules li#nav-surfing, #surfing-row li#nav-surfing, #surfing-instruction li#nav-surfing, #surfing-locations li#nav-surfing, #surfing-links li#nav-surfing, #articles li#nav-articles, #articles-trips li#nav-articles, #articles-technical li#nav-articles, #articles-other li#nav-articles, #links li#nav-links, #links-photos li#nav-links, #links-symposiums li#nav-links, #links-clubs li#nav-links, #links-outfitters li#nav-links, #links-manufacturers li#nav-links, #links-misc li#nav-links, #info li#nav-info, #info-membership li#nav-info, #info-docs li#nav-info, #info-events li#nav-info { border-top-style: dotted; border-top-color:#EB714D; border-bottom-style: dotted; border-bottom-color: #EB714D; margin-top: 5px; margin-bottom: 5px; padding-top:5px; padding-bottom:5px; }