#page {min-height: 0;} #container {padding: 0;} #wrapper {background: none;} #content {height: 531px; position: relative; color: #fff; font-size: 0.857em;} #content a {color: #fff;} #intro {float: left; padding: 100px 0 0 54px; width: 480px;} #intro h1 {position: absolute; top: -9999px; left: -9999px;} #info {width: 354px; float: right; height: 531px; position: relative; font-size: 0.917em; z-index: 100;} html>body #info {background: url('i/backgrounds/sun.png') 100% 0 no-repeat;} #alerts {width: 203px; top: 64px; position: absolute; right: 0; padding-right: 10px;} #alerts .meta {text-transform: uppercase; font-weight: normal; display: block; color: #999;} #alerts .meta a {color: #999;} #alerts h2 {font-family: 'Trebuchet MS',FreeSans,sans-serif; font-size: 2em; font-weight: normal; padding: 0.15em 5px 0 0; margin: 0 0 0.1em 0; color: #d7001b;} #newsRotater {position: relative; color: #666;} #newsRotater a {color: #666;} #newsRotater a:hover {color: #666;} #newsRotater h3 {margin: 0 0 0.3em 0; font-weight: bold;} #alerts .news {/*padding: 0 10px;*/ height: 190px; overflow-y: auto;} #newsRotater {height: 220px; padding-bottom: 30px;} #info .item {display: none;} #info .current {display: block;} #info .rnNav {position: absolute; bottom: 5px; right: 5px; z-index: 50;} #info .rnBtn {display: block; float: left; background: #7f7f7f; margin-left: 4px; padding: 0.2em 0.4em; color: #fff; text-align: center;} #info button.current {background: #000;} #info .prev, #info .next {float: left; margin-left: 4px; padding: 0 0.2em;} .info .item a {display: block; width: 100%; height: 100%; position: relative;} .info .news a {display: inline; width: auto; height: auto; position: static;} .info .news a:hover {text-decoration: underline;} .info .item a:hover {color: #efefef;} .info .item {height: 128px; background-position: 0 0; background-repeat: no-repeat;} .info .item .inner {display: block; padding: 8px; line-height: 1.2;} .info .item .white, .info .item .white * {color: #fff;} .info .item .black, .info .item .black * {color: #000;} .info .item strong {font-family: 'Trebuchet MS',FreeSans,sans-serif; font-weight: normal;} .info .item .meta {display: block;} #so1 {position: absolute; left: 0; top: 275px; width: 174px; height: 128px;} #so2 {position: absolute; right: 0; top: 275px; width: 174px; height: 128px;} #so1 .item, #so2 .item {position: absolute; left: 0; top: 0; width: 174px;} .info .focus strong {font-size: 1.75em;} .info .tv {width: 174px;} .info .tv .inner {background: #000;} html>body .info .tv .inner {padding-bottom: 35px; background: url('i/backgrounds/d-tv-mask.png') 0 100% no-repeat;} .info .tv strong {font-size: 2em;} .info .tv em {display: block; width: 54px; height: 11px; position: absolute; top: 8px; right: 8px; text-indent: -9999px; font-style: normal; overflow: hidden; background: url('i/backgrounds/d-tv.gif') 0 0 no-repeat; z-index: 2;} /* Challenges ----- */ .scripted #challenges {position: absolute; top: 0; left: 0; width: 980px; height: 531px; background: #000; z-index: 100; color: #fff; font-size: 0.857em; display: none; overflow-x: hidden;} #challenges.challenging {display: block;} .scripted #challenges a {color: #fff;} .scripted .challenge {position: absolute; top: 77px; left: 67px; width: 842px; height: 365px; display: none;} .scripted .current {display: block;} .scripted .challenge h2 {font-size: 2em; font-weight: normal;} .scripted .challenge .title .meta {font-size: 0.833em; text-transform: uppercase;} .scripted .challenge .title strong {font-weight: normal;} .scripted .challenge .title {width: 307px; height: 122px; position: absolute; padding: 1px 12px 0 18px;} .challenge li {background-position: -9999px -9999px; background-repeat: no-repeat;} .scripted .challenge li {width: 169px; height: 122px; position: absolute; list-style: none; font-size: 0.95em; background-color: #011e2c; background-position: 0 100%;} .scripted .challenge li a {width: 147px; height: 110px; border: solid 1px #000; display: block; padding: 5px 10px;} .scripted .challenge li a:hover {border: solid 1px #db1100;} .scripted li.type-2 {background-position: 0 0;} .scripted li.type-2 a {position: relative;} .scripted li.type-2 a span {display: block; background: #fff; position: absolute; bottom: 5px; left: 6px; width: 142px; padding: 3px 6px; color: #000; min-height: 44px;} .scripted li.type-2 a span em {color: #159fdb; font-style: normal;} /*.scripted li.type-2 {background-position: 0 0;} .scripted li.type-2 a {position: relative;} .scripted li.type-2 a span {display: block; background: #000; position: absolute; bottom: 5px; left: 6px; width: 142px; padding: 3px 6px; color: #fff; min-height: 44px;} .scripted li.type-2 a > span {background: url('i/backgrounds/000-75.png'); background: rgba(0,0,0,0.75);} .scripted li.type-2 a span em {color: #159fdb; font-style: normal;}*/ .scripted .p-a {top: 0;} .scripted .p-b {top: 122px;} .scripted .p-c {top: 244px;} .scripted .p-1 {left: 0;} .scripted .p-2 {left: 169px;} .scripted .p-3 {left: 338px;} .scripted .p-4 {left: 507px;} .scripted .p-5 {left: 676px;} .summaryBtn {border: solid 1px #44575f; z-index: 100; position: absolute; bottom: 10px; left: 10px; color: #44575f; padding: 1px 5px; cursor: pointer;} .summaryBtn:hover {color: #fff; border: solid 1px #fff;} .nextBtn {z-index: 100; position: absolute; top: 78px; right: 0; cursor: pointer; width: 60px; height: 370px; overflow: hidden; text-indent: -9999px;} html>body .nextBtn {background: url('i/backgrounds/challenges-next.png') 0 50% no-repeat;} .nextBtn:hover {background-position: -120px 50%;} .prevBtn {z-index: 100; position: absolute; top: 78px; left: 0; cursor: pointer; width: 60px; height: 370px; overflow: hidden; text-indent: -9999px;} html>body .prevBtn {background: url('i/backgrounds/challenges-prev.png') 0 50% no-repeat;} .prevBtn:hover {background-position: -121px 50%;} .nextBtn:active, .nextBtn:focus, .prevBtn:active, .prevBtn:focus {border: none; outline: none;} #highlight {position: absolute; width: 860px; height: 377px; left: 0; top: 69px; padding: 10px 60px; background: #011e2c; display: none; z-index: 150;} #highlight2 {position: absolute; width: 860px; height: 377px; left: 0; top: 69px; padding: 10px 60px; background: #011e2c; display: none; z-index: 151;} #highlight.type2, #highlight2.type2 {background: #000;} #challenges .on {display: block;} #challenges .moving {opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";} #highlightMedia {float: left; width: 400px;} #highlightData {float: right; width: 400px; padding-top: 60px; margin-right: 30px;} .type2 #highlightMedia {width: 485px; padding-top: 35px;} .type2 #highlightMedia img, .type2 #highlightMedia object {border: solid 1px #159fdb;} .type2 #highlightMedia object {display: block;} .type2 #highlightMedia object object {border: none;} #highlightMedia .legend {font-size: 1.167em; padding-top: 0.5em;} .type2 #highlightData {width: 330px; padding-top: 35px; color: #ccc;} .type2 #highlightData .head {color: #fff;} .type2 #highlightData .head em {font-style: normal; color: #159fdb;} #highlightData .npslinks {margin: 1em 0 0 0;} #highlightData .npslinks a {background-image: url('i/backgrounds/nps-tv.gif'); background-position: 0 0.3em; color: #41F8FA;} #highlightData .npslinks a:hover {color: #fff; background-position: -1000px 0.3em;} #highlightData .head {font-size: 1.5em; margin-bottom: 0.8em;} #highlight .closeBtn, #highlight2 .closeBtn {width: 52px; height: 52px; overflow: hidden; text-indent: -9999px; position: absolute; right: 13px; top: 10px; background: url('i/backgrounds/highlight-close.gif') 0 0 no-repeat; z-index: 155;} #highlight .closeBtn:hover, #highlight2 .closeBtn:hover {background-position: -101px 0;} .ovNextBtn {z-index: 151; position: absolute; top: 9px; right: 0; cursor: pointer; width: 60px; height: 370px; overflow: hidden; text-indent: -9999px;} html>body .ovNextBtn {background: url('i/backgrounds/challenges-next.png') 0 50% no-repeat;} .ovNextBtn:hover {background-position: -120px 50%;} .ovPrevBtn {z-index: 151; position: absolute; top: 9px; left: 0; cursor: pointer; width: 60px; height: 370px; overflow: hidden; text-indent: -9999px;} html>body .ovPrevBtn {background: url('i/backgrounds/challenges-prev.png') 0 50% no-repeat;} .ovPrevBtn:hover {background-position: -121px 50%;} #highlight button:active, #highlight button:focus {border: none; outline: none;} #highlightMedia .stripe {} #highlightMedia .stripe .item {width: 117px; float: left; margin: 0 3px 3px 0; position: relative;} #highlightMedia .stripe .item a img {opacity: 0.75; -moz-opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; display: block;} #highlightMedia .stripe .item a:hover img, #highlightMedia .stripe .item a.on img {opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} #highlightMedia .stripe .item span {position: absolute; bottom: 1px; left: 1px; width: 109px; background: url('i/backgrounds/fff-75.png'); background: rgba(255,255,255,0.65); display: block; color: #000; text-align: center; line-height: 1.05; padding: 2px 3px 2px 3px; font-size: 0.85em; border-top: solid 1px #ababab;} #highlightMedia .innerNav {margin-bottom: 4px; float: right;} #highlightMedia .innerNav li {float: left; position: relative;} #highlightMedia .innerNav li a {width: 14px; height: 14px; overflow: hidden; display: block; float: left; margin: 5px 0 5px 5px; text-indent: -9999px; background: #33454C; border: solid 1px #33454C;} #highlightMedia .innerNav li strong a {background: #159fdb; border: solid 1px #159fdb;} #highlightMedia .innerNav li a:hover, #highlightMedia .innerNav li a.on {border: solid 1px #159fdb;} #highlightMedia .innerNav li .tooltip {display: none; position: absolute; bottom: 28px; left: 13px; padding: 0 0 12px 0; margin-left: -50px; background: url('i/backgrounds/tt.gif') 50% 100% no-repeat; height: 12px; width: 100px;} #highlightMedia .innerNav li .tooltip span {display: block; white-space: nowrap; background: #159fdb; padding: 2px 5px; position: absolute; bottom: 12px; /*left: -50%;*/} #highlightMedia .innerNav li .on {display: block;} .type2 #highlightMedia object {float: right;} .type2 #highlightMedia object object {float: none;} .type2 #highlightMedia .legend {clear: right; text-align: right;} /* Stripe ----- */ #stripe {width: 980px; height: 113px; overflow: hidden; position: absolute; left: 0; top: 339px; background: #b2ada2 url('i/backgrounds/stripe-hover.png') -9999px -9999px no-repeat; z-index: 205;} #stripeShadowT {display: block; height: 9px; width: 755px; position: absolute; left: 0; top: 330px;} #stripeShadowB {display: block; height: 10px; width: 738px; position: absolute; left: 0; top: 452px;} html>body #stripeShadowT {background: url('i/backgrounds/shadow-home-t.png') 0 0 no-repeat;} html>body #stripeShadowB {background: url('i/backgrounds/shadow-home-b.png') 0 0 no-repeat;} #stripeInner {width: 9999px; height: 113px; position: absolute; top: 0; left: 0;} #stripe li {width: 196px; height: 113px; overflow: hidden; float: left; list-style: none; margin: 0; font-size: 1.25em; line-height: 1.25;} #stripe li strong {font-size: 1.667em; line-height: 1.1; display: inline-block; padding: 0 0;} #stripe li, #stripe li * {font-family: 'Trebuchet MS',FreeSans,sans-serif; color: #fff;} #stripe li a {display: block; width: 176px; height: 101px; background-repeat: no-repeat; background-position: 0 0; padding: 8px 10px 4px 10px;} #stripe .s-cs1 a {background-image: url('i/backgrounds/stripe-cs1.png');} #stripe .s-cs2 a {background-image: url('i/backgrounds/stripe-cs2.png');} #stripe .s-cs3 a {background-image: url('i/backgrounds/stripe-cs3.png');} #stripe .s-cs4 a {background-image: url('i/backgrounds/stripe-cs4.png');} #stripe .s-cs5 a {background-image: url('i/backgrounds/stripe-cs5.png');} #stripe li a:hover {background-image: url('i/backgrounds/stripe-hover.png');} .stripeTarget {display: none; position: absolute; top: 0; left: 0; width: 542px; height: 436px; z-index: 55; padding: 95px 384px 0 54px;} .t-cs1 {background: #759bb5 url('i/backgrounds/stripe-tcs1.png') 0 0 no-repeat;} .t-cs2 {background: #b2ada2 url('i/backgrounds/stripe-tcs2.png') 0 0 no-repeat;} .t-cs3 {background: #f5af27 url('i/backgrounds/stripe-tcs3.png') 0 0 no-repeat;} .t-cs4 {background: #1c9aa4 url('i/backgrounds/stripe-tcs4.png') 0 0 no-repeat;} .t-cs5 {background: #BFAB88 url('i/backgrounds/stripe-tcs5.png') 0 0 no-repeat;} #stripeTargets .current {display: block;} #stripeTargets {color: #fff;} #stripeTargets a {color: #fff;} #stripeTargets h2, #stripeTargets h2 * {font-family: 'Trebuchet MS',FreeSans,sans-serif; color: #fff;} #stripeTargets h2 {font-size: 2.5em; margin-bottom: 0.25em; line-height: 1.2;} #stripeTargets .cap {font-size: 1.5em;} #stripeTargets .left .illustration {float: left; margin-right: 20px;} #stripeTargets .right .illustration {float: right; margin-left: 20px;} #stripeTargets .npslinks a {background: url('i/backgrounds/b-l.png') 0 0.2em no-repeat; padding: 0 0 0 20px; font-size: 0.9em;} #stripeTargets .npslinks a:hover {color: #d7001b;} .targetNav {position: absolute; top: 65px; right: 363px; color: #fff; z-index: 999; display: block;} .targetNav button {color: #fff; cursor: pointer; width: 21px; height: 21px; text-align: center; border: solid 1px #fff; margin: 0 0 0 7px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; font-size: 10px;} .targetNav .closer {background-image: url('i/backgrounds/b-x.png');} .targetNav .next {background-image: url('i/backgrounds/b-n.png');} .targetNav .previous {background-image: url('i/backgrounds/b-p.png');} /*.targetNav button:hover {border-color: #D7001B;}*/ .stripeTarget p, .stripeTarget ul, .stripeTarget ol, .stripeTarget blockquote {font-size: 1.15em;} /* ----- */ #footWrap {min-height: 65px; clear: left;} #footer {padding: 39px 10px 5px 0; min-height: 0;} html>body #footer {background: url('i/backgrounds/footer-mask-h.png') 100% 0 no-repeat;} /* ----- */ #footWrap:after, .content:after, .block:after, #highlight:after, #highlightMedia:after, #highlightMedia .stripe:after, #highlightMedia .innerNav:after, #stripe:after, .stripeTarget:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}