/*========================================================*/ /* Skin styles for DotNetNuke by IRANDNN Team */ /* http://irandnn.ir Email: admin@irandnn.ir */ /*========================================================*/ ul#navigation_tophat_primary .current ul, #navigation_tophat_primary li.nav1 ul.nav, .homepage #navigation_tophat_primary li.nav1 ul.nav, .home #navigation_tophat_primary li.nav1 ul.nav, .science #navigation_tophat_primary li.nav1 ul.nav, .news #navigation_tophat_primary li.nav1 ul.nav, .www #navigation_tophat_primary li.nav1 ul.nav, .animals #navigation_tophat_primary li.nav3 ul.nav, .photography #navigation_tophat_primary li.nav2 ul.nav, .environment #navigation_tophat_primary li.nav4 ul.nav, .travel #navigation_tophat_primary li.nav5 ul.nav, .adventure #navigation_tophat_primary li.nav6 ul.nav, .channel #navigation_tophat_primary li.nav7 ul.nav, .kids #navigation_tophat_primary li.nav8 ul.nav, .atoz #navigation_tophat_primary li.nav9 ul.nav, .shop #navigation_tophat_primary li.nav10 ul.nav,ul#navigation_tophat_primary ul li:hover ul, #navigation_tophat_primary .hover ul, ul#navigation_tophat_primary ul li.hover ul {right: 0; top: 4.4em; /* match top ul list item height */ display: block; visibility: visible;} #navigation_tophat_primary ul li {list-style: none;} .homepage #navigation_tophat_primary li.nav1 .sneak_peek, .home #navigation_tophat_primary li.nav1 .sneak_peek, .science #navigation_tophat_primary li.nav1 .sneak_peek, .ngm #navigation_tophat_primary li.nav1 .sneak_peek, .news #navigation_tophat_primary li.nav1 .sneak_peek, .www #navigation_tophat_primary li.nav1 .sneak_peek, .animals #navigation_tophat_primary li.nav3 .sneak_peek, .photography #navigation_tophat_primary li.nav2 .sneak_peek, .environment #navigation_tophat_primary li.nav4 .sneak_peek, .travel #navigation_tophat_primary li.nav5 .sneak_peek, .adventure #navigation_tophat_primary li.nav6 .sneak_peek, .channel #navigation_tophat_primary li.nav7 .sneak_peek, .kids #navigation_tophat_primary li.nav8 .sneak_peek, .atoz #navigation_tophat_primary li.nav9 .sneak_peek, .shop #navigation_tophat_primary li.nav10 .sneak_peek, .intl #navigation_tophat_primary li.nav7 .sneak_peek {display: none;} #navigation_tophat_primary .current ul ul {top: -999em;} #navigation_tophat_primary li li.current > a {font-weight: bold;} #content_mainB .advertisement {z-index:9999;} #navigation_tophat_container {background: transparent url(http://#.png) repeat-x scroll center bottom; padding: 0 0 6px; z-index: 10000;} /* ------------------------------------------------------------ +NG Global Nav Styles ------------------------------------------------------------ */ .photography #navigation_tophat_primary li.nav2 ul.nav li.highlighted a, .photography #navigation_tophat_primary li.nav2 ul.nav li.highlighted a:hover {color: #98ccfe; text-decoration:none;} .environment #navigation_tophat_primary li.nav4 ul.nav li.highlighted a, .environment #navigation_tophat_primary li.nav4 ul.nav li.highlighted a:hover {color: #cade6f; text-decoration:none;} .travel #navigation_tophat_primary li.nav5 ul.nav li.highlighted a, .travel #navigation_tophat_primary li.nav5 ul.nav li.highlighted a:hover {color: #000000; text-decoration:none;} .animals #navigation_tophat_primary li.nav3 ul.nav li.highlighted a, .animals #navigation_tophat_primary li.nav3 ul.nav li.highlighted a:hover {color: #000000; text-decoration:none;} .adventure #navigation_tophat_primary li.nav6 ul.nav li.highlighted a, .adventure #navigation_tophat_primary li.nav6 ul.nav li.highlighted a:hover, .movies #navigation_tophat_primary li.nav6 ul.nav li.highlighted a, .movies #navigation_tophat_primary li.nav6 ul.nav li.highlighted a:hover {color: #ffffff; text-decoration:none;} #tophat {background: transparent url(http://#.png) repeat-x scroll center bottom; font-size: 16px; line-height: 1; position: relative; text-align: right; z-index: 10000;} #tophat .nav {border: none;} #tophat .nav li {float: right;} #tophat .nav > li:first-child, #footer_global .nav > li:first-child {border-right: none; padding-right: 0;} #header_ads, #headerboard {background-color: transparent;} #header_ads {z-index: 2;} #headerboard {margin: 0 auto; width: 990px; min-height:90px;} #headerboard .secondary_ad {float: left; height: 90px; width: 257px;} #headerboard .leaderboard {float: right;} #nav_wrap {border-top: 1px solid #d5d5d5;} #navigation_tophat_primary li {position: static; float: right; list-style: none;} #navigation_tophat_primary a {border-top: none; display: block; text-decoration:none;} #navigation_tophat_primary a, #navigation_tophat_primary a:visited {border: none;} #navigation_mainB, #navigation_mainB {height: auto; margin: 0 auto; position: relative; width: 900px;} #navigation_mainB {margin-bottom: 19px;} #navigation_mainB_wrap {position: absolute; z-index: 10;} #navigation_tophat_container hr {border-color: #222; border-style: solid; border-width: 1px 0 0; line-height: 0; bottom: 2.6em; height: 0; right: 0; margin: 0; padding: 0; position: absolute; width: 100%;} #navigation_tophat_container {font-family: tahoma,arial,sans-serif; font-size: 16px; height: auto; line-height: normal; position: relative; z-index: 999;} #navigation_tophat_primary ul.nav {right: 0; padding: 11px 15px 11px 10px; position: absolute; top: -999em; width:875px;} #navigation_tophat_primary > li a:hover {text-decoration: none;} #navigation_tophat_primary ul.nav li {border-right:1px solid #fff; margin-right:13px; padding-right:13px; position: relative; width: auto; float: right;} #navigation_tophat_primary li.nav1 ul.nav li {border-right: 1px solid #fff;} #navigation_tophat_primary li:hover ul, #navigation_tophat_primary li.hover ul {right: 0; top: 4.4em; /* match top ul list item height */ z-index: 99;} #navigation_tophat_primary ul.nav li:first-child, #navigation_tophat_primary li.nav1 ul.nav li:first-child {border:none; margin: 0; padding:0;} #navigation_tophat_primary ul.nav {font-size: .814em;} #navigation_tophat_primary h3 {font-size: .875em; margin: 0; padding: 0;} #navigation_tophat_primary h3 a {color: #005057; font-weight:bold; padding: 14px 15px;} #navigation_tophat_primary {border: none; height: 2.4em; list-style: none; float: right; padding-bottom: 2.45em; position: relative; margin: 0; z-index: 10;} #header_logo h2 {float: right; margin: 0;} #header_logo a.fn {background: url(http://#.gif) no-repeat scroll 0 -32px; display: block; height: 61px; width: 207px;} #header_logo {float: right; margin: 15px 35px 0 14px; position: static;} #account {margin: 25px 0 5px; float: left;} #account h3, #account .action {float: right; clear: none; margin: 0;} #account h3, #account .action a {color: #fff; display: block; font-size: .7em;} #account h3 {padding: 0 0 0 10px; border-left: 1px solid #999; margin-left: 10px;} #mission_statement {color: #999; margin-right: 20px;} #mission_learn_link {border-right: 1px solid #999; margin-right: 10px; padding-right: 10px;} #mission_statement, #mission_learn_link {float: right; font-size: .825em; margin-top: 43px; margin-bottom: 0;} #mission_learn_link a {color: #999;} #header_search {clear: left; float: left; margin-top: 4px; z-index: 1;} #header_search .field {position: relative; width: 228px;} #header_search button {background: #fff url(http://#.gif) no-repeat center center; border: 0 none; cursor: pointer; display: block; float: right; height: 24px; margin-right: -5px; width: 22px;} #header_search input {border: 1px solid #eee; float: right; height: 14px; padding: 4px 4px 4px 0; width: 200px;} /* Hover States and Color Schemes */ .photography #navigation_tophat_primary > li.nav1, .photography #navigation_tophat_primary > li.nav1 h3 a, #navigation_tophat_primary li.nav1 ul.nav, #navigation_tophat_primary li.nav1 ul.nav a, #navigation_tophat_primary li.nav1 h3 a:hover, #navigation_mainB ul.js li.nav1 h3 a:hover, #navigation_mainB ul.js li.nav1 h3 a.hover:hover, #navigation_mainB ul.js li.nav1 a.hover{background-color: #01cfe7; color: #005057;} #navigation_mainB ul li.nav1.hover ul.nav li a, #navigation_mainB ul.js li.nav1.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav1.hover h3 a.hover, #navigation_mainB ul li.nav1.hover h3 a.hover:hover {color:#005057;} #navigation_mainB ul li.nav1.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav1.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav1.hover ul.nav li a.hover {background-color:transparent; color: #005057;} .animals #navigation_tophat_primary > li.nav2, .animals #navigation_tophat_primary > li.nav2 h3 a, #navigation_tophat_primary li.nav2 ul.nav, #navigation_tophat_primary li.nav2 ul.nav a, #navigation_tophat_primary li.nav2 h3 a:hover, #navigation_mainB ul.js li.nav2 h3 a:hover, #navigation_mainB ul.js li.nav2 h3 a.hover:hover, #navigation_mainB ul.js li.nav2 a.hover {background-color: #ff9414; color: #000;} #navigation_mainB ul li.nav2.hover ul.nav li a, #navigation_mainB ul.js li.nav2.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav2.hover h3 a.hover, #navigation_mainB ul li.nav2.hover h3 a.hover:hover {color:#000;} #navigation_mainB ul li.nav2.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav2.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav2.hover ul.nav li a.hover {background-color:transparent; color: #000;} .animals #navigation_tophat_primary li.nav2 h3 a {background-color: #ff9414; color: #000;} .photography #navigation_tophat_primary > li.nav3, .photography #navigation_tophat_primary > li.nav3 h3 a, #navigation_tophat_primary li.nav3 ul.nav, #navigation_tophat_primary li.nav3 ul.nav a, #navigation_tophat_primary li.nav3 h3 a:hover, #navigation_mainB ul.js li.nav3 h3 a:hover, #navigation_mainB ul.js li.nav3 h3 a.hover:hover, #navigation_mainB ul.js li.nav3 a.hover{background-color: #313b47; color: #FFF;} #navigation_mainB ul li.nav3.hover ul.nav li a, #navigation_mainB ul.js li.nav3.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav3.hover h3 a.hover, #navigation_mainB ul li.nav3.hover h3 a.hover:hover {color:#FFF;} #navigation_mainB ul li.nav3.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav3.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav3.hover ul.nav li a.hover {background-color:transparent; color: #FFF;} .environment #navigation_tophat_primary > li.nav4, .environment #navigation_tophat_primary > li.nav4 h3 a, #navigation_tophat_primary li.nav4 ul.nav, #navigation_tophat_primary li.nav4 ul.nav a, #navigation_tophat_primary li.nav4 h3 a:hover, #navigation_mainB ul.js li.nav4 h3 a:hover, #navigation_mainB ul.js li.nav4 h3 a.hover:hover, #navigation_mainB ul.js li.nav4 a.hover {background-color: #881f00; color: #FFF;} #navigation_mainB ul li.nav4.hover ul.nav li a, #navigation_mainB ul.js li.nav4.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav4.hover h3 a.hover, #navigation_mainB ul li.nav4.hover h3 a.hover:hover {color:#FFF;} #navigation_mainB ul li.nav4.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav4.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav4.hover ul.nav li a.hover {background-color:transparent; color: #FFF;} #navigation_tophat_primary li.nav5 ul.nav, #navigation_tophat_primary li.nav5 ul.nav a, #navigation_tophat_primary li.nav5 h3 a:hover, #navigation_mainB ul.js li.nav5 h3 a:hover, #navigation_mainB ul.js li.nav5 h3 a.hover:hover, #navigation_mainB ul.js li.nav5 a.hover {background-color: #c3520d; color:#FFF;} #navigation_mainB ul li.nav5.hover ul.nav li a, #navigation_mainB ul.js li.nav5.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav5.hover h3 a.hover, #navigation_mainB ul li.nav5.hover h3 a.hover:hover {color:#FFF;} #navigation_mainB ul li.nav5.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav5.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav5.hover ul.nav li a.hover {background-color:transparent; color: #FFF;} .travel #navigation_tophat_primary li.nav5 h3 a {background-color: #82b4d2; color: #000;} /*.travel #navigation_tophat_primary > li.nav5, #navigation_tophat_primary li.nav5 ul.nav, #navigation_tophat_primary li.nav5 ul.nav a, #navigation_tophat_primary li.nav5 h3 a:hover, #navigation_mainB ul.js li.nav5 h3 a:hover, #navigation_mainB ul.js li.nav5 h3 a.hover:hover, #navigation_mainB ul.js li.nav5 a.hover {background-color: #82b4d2; color: #fff;} .travel #navigation_tophat_primary > li.nav5 h3 a {color: #000;}*/ .adventure #navigation_tophat_primary > li.nav6, .adventure #navigation_tophat_primary > li.nav6 h3 a, #navigation_tophat_primary li.nav6 ul.nav, #navigation_tophat_primary li.nav6 ul.nav a, #navigation_tophat_primary li.nav6 h3 a:hover, #navigation_mainB ul.js li.nav6 h3 a:hover, #navigation_mainB ul.js li.nav6 h3 a.hover:hover, #navigation_mainB ul.js li.nav6 a.hover {background-color: #1fdc10; color: #FFF;} #navigation_mainB ul li.nav6.hover ul.nav li a, #navigation_mainB ul.js li.nav6.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav6.hover h3 a.hover, #navigation_mainB ul li.nav6.hover h3 a.hover:hover {color:#FFF;} #navigation_mainB ul li.nav6.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav6.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav6.hover ul.nav li a.hover {background-color:transparent; color: #FFF;} .adventure #navigation_tophat_primary > li.nav7, .adventure #navigation_tophat_primary > li.nav7 h3 a, #navigation_tophat_primary li.nav7 ul.nav, #navigation_tophat_primary li.nav7 ul.nav a, #navigation_tophat_primary li.nav7 h3 a:hover, #navigation_mainB ul.js li.nav7 h3 a:hover, #navigation_mainB ul.js li.nav7 h3 a.hover:hover, #navigation_mainB ul.js li.nav7 a.hover {background-color: #039533; color: #FFF;} #navigation_mainB ul li.nav7.hover ul.nav li a, #navigation_mainB ul.js li.nav7.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav7.hover h3 a.hover, #navigation_mainB ul li.nav7.hover h3 a.hover:hover {color:#FFF;} #navigation_mainB ul li.nav7.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav7.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav7.hover ul.nav li a.hover {background-color:transparent; color: #FFF;} .kids #navigation_tophat_primary > li.nav8, .kids #navigation_tophat_primary > li.nav8 h3 a, #navigation_tophat_primary li.nav8 ul.nav, #navigation_tophat_primary li.nav8 ul.nav a, #navigation_tophat_primary li.nav8 h3 a:hover, #navigation_mainB ul.js li.nav8 h3 a:hover, #navigation_mainB ul.js li.nav8 h3 a.hover:hover, #navigation_mainB ul.js li.nav8 a.hover {background-color: #0072BB; color: #efc50d;} #navigation_mainB ul li.nav8.hover ul.nav li a, #navigation_mainB ul.js li.nav8.hover ul.nav li a {color: #efc50d;} #navigation_mainB ul li.nav8.hover h3 a.hover, #navigation_mainB ul li.nav8.hover h3 a.hover:hover {color:#efc50d;} #navigation_mainB ul li.nav8.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav8.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav8.hover ul.nav li a.hover {background-color:transparent; color: #efc50d;} #navigation_tophat_primary li.nav1 ul.nav a, #navigation_tophat_primary li.nav2 ul.nav a, #navigation_tophat_primary li.nav3 ul.nav a, #navigation_tophat_primary li.nav4 ul.nav a, #navigation_tophat_primary li.nav5 ul.nav a, #navigation_tophat_primary li.nav7 ul.nav a { color:#fff;} .atoz #navigation_tophat_primary > li.nav9, .atoz #navigation_tophat_primary > li.nav9 h3 a, #navigation_tophat_primary li.nav9 ul.nav, #navigation_tophat_primary li.nav9 ul.nav a, #navigation_tophat_primary li.nav9 h3 a:hover, #navigation_mainB ul.js li.nav9 h3 a:hover, #navigation_mainB ul.js li.nav9 h3 a.hover:hover{background-color: #313b47; color: #ccc;} #navigation_mainB ul li.nav9.hover ul.nav li a, #navigation_mainB ul.js li.nav9.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav9.hover h3 a.hover, #navigation_mainB ul li.nav9.hover h3 a.hover:hover {color:#FFF;} #navigation_mainB ul li.nav9.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav9.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav9.hover ul.nav li a.hover {background-color:transparent; color: #FFF;} .shop #navigation_tophat_primary > li.nav10, .shop #navigation_tophat_primary > li.nav10 h3 a, #navigation_tophat_primary li.nav10 ul.nav, #navigation_tophat_primary li.nav10 ul.nav a, #navigation_tophat_primary li.nav10 h3 a:hover, #navigation_mainB ul.js li.nav10 h3 a:hover, #navigation_mainB ul.js li.nav10 h3 a.hover:hover, #navigation_mainB ul.js li.nav10 a.hover {background-color: #881f00; color: #fff;} #navigation_mainB ul li.nav10.hover ul.nav li a, #navigation_mainB ul.js li.nav10.hover ul.nav li a {color: #ccc;} #navigation_mainB ul li.nav10.hover h3 a.hover, #navigation_mainB ul li.nav10.hover h3 a.hover:hover {color:#fff;} #navigation_mainB ul li.nav10.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav10.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav10.hover ul.nav li a.hover {background-color:transparent; color: #fff;} #navigation_tophat_primary li.nav10 ul.nav a { color:#ccc;} .shop #navigation_tophat_primary > li.nav11, .shop #navigation_tophat_primary > li.nav11 h3 a, #navigation_tophat_primary li.nav11 ul.nav, #navigation_tophat_primary li.nav11 ul.nav a, #navigation_tophat_primary li.nav11 h3 a:hover, #navigation_mainB ul.js li.nav11 h3 a:hover, #navigation_mainB ul.js li.nav11 h3 a.hover:hover, #navigation_mainB ul.js li.nav11 a.hover {background-color: #c3520d; color: #fff;} #navigation_mainB ul li.nav11.hover ul.nav li a, #navigation_mainB ul.js li.nav11.hover ul.nav li a {color: #881f00;} #navigation_mainB ul li.nav11.hover h3 a.hover, #navigation_mainB ul li.nav11.hover h3 a.hover:hover {color:#fff;} #navigation_mainB ul li.nav11.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav11.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav11.hover ul.nav li a.hover {background-color:transparent; color: #fff;} #navigation_tophat_primary li.nav11 ul.nav a { color:#881f00;} .shop #navigation_tophat_primary > li.nav12, .shop #navigation_tophat_primary > li.nav12 h3 a, #navigation_tophat_primary li.nav12 ul.nav, #navigation_tophat_primary li.nav12 ul.nav a, #navigation_tophat_primary li.nav12 h3 a:hover, #navigation_mainB ul.js li.nav12 h3 a:hover, #navigation_mainB ul.js li.nav12 h3 a.hover:hover, #navigation_mainB ul.js li.nav12 a.hover {background-color: #1fdc10; color: #fff;} #navigation_mainB ul li.nav12.hover ul.nav li a, #navigation_mainB ul.js li.nav12.hover ul.nav li a {color: #881f00;} #navigation_mainB ul li.nav12.hover h3 a.hover, #navigation_mainB ul li.nav12.hover h3 a.hover:hover {color:#fff;} #navigation_mainB ul li.nav12.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav12.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav12.hover ul.nav li a.hover {background-color:transparent; color: #fff;} #navigation_tophat_primary li.nav12 ul.nav a { color:#881f00;} .shop #navigation_tophat_primary > li.nav13, .shop #navigation_tophat_primary > li.nav13 h3 a, #navigation_tophat_primary li.nav13 ul.nav, #navigation_tophat_primary li.nav13 ul.nav a, #navigation_tophat_primary li.nav13 h3 a:hover, #navigation_mainB ul.js li.nav13 h3 a:hover, #navigation_mainB ul.js li.nav13 h3 a.hover:hover, #navigation_mainB ul.js li.nav13 a.hover {background-color: #39433a; color: #fff;} #navigation_mainB ul li.nav13.hover ul.nav li a, #navigation_mainB ul.js li.nav13.hover ul.nav li a {color: #fff;} #navigation_mainB ul li.nav13.hover h3 a.hover, #navigation_mainB ul li.nav13.hover h3 a.hover:hover {color:#fff;} #navigation_mainB ul li.nav13.hover ul.nav li a.hover:hover, #navigation_mainB ul.js li.nav13.hover ul.nav li a:hover, #navigation_mainB ul.js li.nav13.hover ul.nav li a.hover {background-color:transparent; color: #fff;} #navigation_tophat_primary li.nav13 ul.nav a { color:#fff;} /* International Page exceptions */ .intl #navigation_tophat_primary > li.nav10, .intl #navigation_tophat_primary > li.nav10 h3 a {visibility:hidden;} .intl #navigation_tophat_primary li.nav7 ul.nav {height:15px;} .intl #navigation_tophat_primary li.nav7 ul.nav > li {display:none;} /* Secondary Nav Hover States */ #navigation_tophat_primary li.nav1 ul.nav a:hover, #navigation_tophat_primary li.nav2 ul.nav a:hover, #navigation_tophat_primary li.nav3 ul.nav a:hover, #navigation_tophat_primary li.nav4 ul.nav a:hover, #navigation_tophat_primary li.nav5 ul.nav a:hover, #navigation_tophat_primary li.nav6 ul.nav a:hover, #navigation_tophat_primary li.nav7 ul.nav a:hover, #navigation_tophat_primary li.nav8 ul.nav a:hover, #navigation_tophat_primary li.nav9 ul.nav a:hover, #navigation_tophat_primary li.nav10 ul.nav a:hover {text-decoration: underline;} #navigation_tophat_primary li.nav11 ul.nav a:hover {text-decoration: underline;} /* Secondary Nav Home Hover State */ #navigation_tophat_primary li.nav1 ul.nav li a:hover {color: #005057;} /* Secondary Nav Photography Hover State */ #navigation_tophat_primary li.nav2 ul.nav li a:hover {color:#99ccff;} /* Secondary Nav Animals Hover State */ #navigation_tophat_primary li.nav3 ul.nav li a:hover {color:#000;} /* Secondary Nav Environment Hover State */ #navigation_tophat_primary li.nav4 ul.nav li a:hover {color:#c6de6e;} /* Secondary Nav Travel Hover State */ #navigation_tophat_primary li.nav5 ul.nav li a:hover {color:#000;} /* Secondary Nav Adventure Hover State */ #navigation_tophat_primary li.nav6 ul.nav li a:hover {color:#fc0;} /* Secondary Nav NatGeoTV Hover State */ #navigation_tophat_primary li.nav7 ul.nav li a:hover {color:#fff;} /* Secondary Nav Kids Hover State */ #navigation_tophat_primary li.nav8 ul.nav li a:hover {color:#fc0;} /* Secondary Nav Shop Hover State */ #navigation_tophat_primary li.nav9 ul.nav li a:hover {color:#fff;} /* Secondary Nav Shop Hover State */ #navigation_tophat_primary li.nav10 ul.nav li a:hover {color:#fff;} /* Secondary Nav Shop Hover State */ #navigation_tophat_primary li.nav11 ul.nav li a:hover {color:#881f00;} /* Hover States with JS enabled */ #navigation_mainB ul.js li.nav1 h3 a:hover {background-color: #01cfe7;} #navigation_mainB ul.js li.nav2 h3 a:hover {background-color: #ff9414;} #navigation_mainB ul.js li.nav3 h3 a:hover {background-color: #313b47;} #navigation_mainB ul.js li.nav4 h3 a:hover {background-color: #881f00;} #navigation_mainB ul.js li.nav5 h3 a:hover {background-color: #c3520d;} #navigation_mainB ul.js li.nav6 h3 a:hover {background-color: #1fdc10;} #navigation_mainB ul.js li.nav7 h3 a:hover {background-color: #039533;} #navigation_mainB ul.js li.nav8 h3 a:hover {background-color: #0072BB;} #navigation_mainB ul.js li.nav9 h3 a:hover {background-color: #ff9414;} #navigation_mainB ul.js li.nav10 h3 a:hover {background-color: #313b47;} #navigation_mainB ul.js li.nav11 h3 a:hover {background-color: #881f00;} /* Preview Overlay */ div.sneak_peek div.layout_a {width: 102px;} div.sneak_peek div.layout_b {width: 658px;} div.sneak_peek div.layout_c {width: 210px;} div.sneak_peek div.layout_a .promo {margin-bottom: 5px;} div.sneak_peek div.layout_a .promo p {margin-bottom: 0;} div.sneak_peek {border: 1px solid #ccc; border-top: none; position:absolute; right: 9999px;} #navigation_tophat_primary li.hover div.sneak_peek {font-size: 1em; line-height: normal; visibility: visible; right: 0; padding: 20px; position: absolute; top: 74px; width: 858px; z-index: 10500;} #navigation_tophat_primary div.sneak_peek .promo li {font-size: .75em; float: none; margin-bottom: 0; margin-top: 8px;} #navigation_tophat_primary div.sneak_peek .promo p, #navigation_tophat_primary div.sneak_peek .promo ul {background-color: transparent; margin-bottom: 15px;} #navigation_tophat_primary div.sneak_peek ul {padding: 0;} div.sneak_peek h5, div.sneak_peek h3 {background-image:none; color: #fff; font-size: 1.064em; font-weight: normal; margin-bottom: 10px; margin-top: 0;} div.sneak_peek h5 ul li a img, div.sneak_peek h3 ul li a img { margin-top: 4px; } div.sneak_peek h6 a, div.sneak_peek li a {color: #fff; font-size: .875em; font-weight: bold;} div.sneak_peek h6 {font-size: 1em; margin-bottom: 5px; margin-top: 0;} div.sneak_peek li.list_link {font-size:.8em;} div.sneak_peek div.promo_collection > ul > li h4 {font-size:.85em;} div.sneak_peek div.promo_collection > ul > li.list_link h6 { font-size:1.25em; font-weight:bold; } div.sneak_peek div.layout_a li.list_link.promo {margin-top:0;margin-bottom:10px;} div.sneak_peek li.list_link.promo.last, div.sneak_peek div.layout_a li.list_link.promo.last {margin-bottom: 20px;} div.sneak_peek p {color: #fff; font-size:.813em; margin: 0!important;} div.sneak_peek p.credit {font-size: .65em; margin-top: 5px;} div.sneak_peek div.pod_module {clear:both;} div.sneak_peek .layout_a li p, div.sneak_peek .layout_a li h6 {clear:both;} .iframe_SneakPeek {width: 100%; height: 300px;} li.nav1 div.sneak_peek, li.nav10 div.sneak_peek {background-color: #fefefe; color: #333;} li.nav1 div.sneak_peek p, li.nav1 div.sneak_peek h5, li.nav2 div.sneak_peek p, li.nav2 div.sneak_peek h5, li.nav3 div.sneak_peek p, li.nav3 div.sneak_peek h5, li.nav4 div.sneak_peek p, li.nav4 div.sneak_peek h5, li.nav5 div.sneak_peek p, li.nav8 div.sneak_peek p, li.nav8 div.sneak_peek h5, li.nav10 div.sneak_peek p, li.nav10 div.sneak_peek h5 {color: #333;} li.nav1 div.sneak_peek a, li.nav2 div.sneak_peek a, li.nav5 div.sneak_peek a {color: #f1feff;} li.nav2 div.sneak_peek {background-color: #f7f5e0;} li.nav3 div.sneak_peek {background-color: #DAE6EC;} li.nav3 div.sneak_peek a {color: #062c08;} li.nav4 div.sneak_peek {background-color: #fefefe;} li.nav4 div.sneak_peek a {color: #1f6f1f;} li.nav5 div.sneak_peek {background-color: #efdcd0;} li.nav5 div.sneak_peek h5, li.nav4 div.sneak_peek h3 {color: #336699;} li.nav6 div.sneak_peek {background-color: #deeedc;} li.nav7 div.sneak_peek {background-color: #ECF5EC;} li.nav8 div.sneak_peek {background-color: #FEDE5B;} li.nav8 div.sneak_peek a {color: #660000;} li.nav9 div.sneak_peek {background-color: #666;} li.nav10 div.sneak_peek a {color: #044E8E;} li.nav1 div.sneak_peek div.promo_collection, li.nav1 div.sneak_peek div.promo_collection div.sidecar, li.nav2 div.sneak_peek div.promo_collection, li.nav2 div.sneak_peek div.promo_collection div.sidecar, li.nav4 div.sneak_peek div.promo_collection, li.nav4 div.sneak_peek div.promo_collection div.sidecar, li.nav5 div.sneak_peek div.promo_collection, li.nav5 div.sneak_peek div.promo_collection div.sidecar, li.nav8 div.sneak_peek div.promo_collection, li.nav8 div.sneak_peek div.promo_collection div.sidecar, li.nav10 div.sneak_peek div.promo_collection, li.nav10 div.sneak_peek div.promo_collection div.sidecar {border-color: #ccc;} #tophat .promo_collection li {margin-top: 20px;} #tophat .promo_collection li:first-child, #tophat .promo_collection li.list_link {margin-top: 0;} #tophat .promo_collection img {float:right; margin:0 0 8px 15px;} /* For Testing #navigation_tophat_primary li.nav5 div.sneak_peek {background-color:grey; display:block; left:0; padding: 20px; position:absolute; top:99px; width: 950px; z-index:100;}*/ /* Section-Specific Styles */ .sneak_peek2 {display: none;} div.sneak_peek img {border: 1px solid #dfdfdf; margin-bottom: 5px;} div.sneak_peek div.promo_collection {padding-left: 20px; border-left: 1px solid #8d8d8d; margin-left: 20px;} div.sneak_peek div.promo_collection li {margin-bottom: 0;width:100%;} div.sneak_peek div.promo_collection div.sidecar {border-top: 1px solid #8d8d8d; float: right; padding-top: 20px; width: 280px;} div.sneak_peek div.last_collection {padding-left: 0; border-left: none; margin-left: 0;} div.sneak_peek > div {float:right;} /* ------------------------------------------------------------ +NG Homepage Nav Styles ------------------------------------------------------------ */ .homepage #navigation_tophat_primary ul.nav {padding-bottom: 10px;} .homepage #headerboard {background-color: transparent; padding: 5px 0;} .homepage #headerboard .pushdown {float: none; margin: 0 auto;} .homepage #navigation_tophat_primary li.nav1 .nav a {background-color: transparent;} .homepage #navigation_tophat_primary li.nav1 h3 a, .homepage #navigation_mainB ul.js li.nav1 h3 a {background-color: transparent; color: #fff; padding-right: 14px;} .homepage #navigation_tophat_primary li.nav1 ul.nav {background-color: transparent;} .homepage #navigation_tophat_primary > li.nav1:hover > ul {background-color: #000;} /*TEMP FIXES FOR DEPLOYMENT*/ div.sneak_peek a {background-color: transparent!important;} div.sneak_peek a:hover {text-decoration: underline!important;} #navigation_tophat_primary li.nav6 div.sneak_peek a {color: #ffcc00!important;} #navigation_tophat_primary li.nav1 div.sneak_peek a:hover {color: #044E8E!important;} #atffc {display: none;} /*Get rid of residual AddThis garbage*/ /* ------------------------------------------------------------ +Footer - Global ------------------------------------------------------------ */ #footer_global {background-color: #fff; margin: 0 auto; padding: 0 20px 40px; width: 950px;} #footer_global, #copyright {color: #333; font: 16px/1em Arial, sans-serif;} #footer_global .nav_global_tierA {border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; font-size: .938em; padding: 20px 0; text-transform: uppercase;} #footer_global .nav_global_tierA a {color: #646464;} #footer_global .nav_global_tierA a:hover {color: #000; text-decoration: none;} #footer_global .nav_global_tierA li {border: none; padding: 0 25px 0 0;} .intl #footer_global .nav_global_tierA li.nav8 a {visibility:hidden; margin-right:-75px;} #footer_global .nav_global_tierB, #footer_global .nav_global_tierC {font-size: .814em; padding-top: 15px;} #footer_global .nav_global_tierD {border-bottom: 1px solid #d5d5d5; font-size: .814em; padding: 15px 0;} .homepage #footer_global .nav_global_tierA .nav1 a {color: #333; font-weight: bold;} #footer_global ul {margin: 0 auto; text-align: center;} #footer_global ul li {display: inline; float: none; font-size: 0.875em; border-right: 1px dotted #000; padding: 0 11px;} #copyright {background: url(http://#.png) no-repeat center top; clear: both; font-size: 0.689em; margin-top: 28px; padding-top: 50px; text-align: center;} #photo_credits {color: #767777; font-size: 0.75em; margin: 10px auto 37px; text-align: center; width: 950px;} #photo_credits h2 {margin-left: 5px;} #photo_credits h2, #photo_credits ol, #photo_credits ol li {display: inline;} #photo_credits ol li {border-right: 1px solid #d5d5d5; padding: 0 7px;} #site_promotions {border-bottom: 1px solid #d5d5d5; margin-top: 30px; padding-bottom: 30px;} #site_tools .nav {clear:both; margin-top: 20px;} #site_tools .nav01 {background: url(http://#.png) no-repeat -6px -270px; border-left: 1px solid #d5d5d5; font-weight: bold; padding: 0 25px 0 10px;} #site_tools .nav02 {padding-right: 10px;} /*iPhone and iPad-specific to fix tophat container width bug*/ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { body {background: transparent url(http://#.png) repeat-x scroll center -1505px;} } /* ------------------------------------------------------------ +UTILITIES from the main utilities.css made specific to tophat/footer because of non-WPF site dependencies - LB 01.11.10 ------------------------------------------------------------ */ #tophat .hidden {font-size:1px; right: 9999px; line-height:0px; margin:0; padding:0; position:absolute; width:9999px;} #tophat .hiddenText {text-indent:-9999px;} /* Thanks to http://www.irandnn.ir */ #tophat .clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;} #tophat .clear {background:transparent;clear:both;font:1px/1px verdana, arial, helvetica, sans-serif;height:0;} /* 01.12.10 18:47 */