/***************************** landing page *****************************/
#elwha-dam_wrapper {width:930px;background-color:#231F20;margin:0 auto;position:relative;font-size:12px;}
#elwha-dam_wrapper p, #elwha-dam_wrapper li {margin:0;line-height:normal;}
#elwha-dam_wrapper p, #elwha-dam_wrapper li, #elwha-dam_wrapper a {font-family:Georgia, "Times New Roman", Times, serif;}
/*change background image in id below*/

#elwha-dam_main-image {width:930px;height:558px;margin:0 auto;background: no-repeat 0 0 #000000;position:relative;}
#elwha-dam_main-image h1 {margin:0;}
#elwha-dam_main-story {width:230px;height:553px;font-size:14px;background:#171a1e;position:absolute;top:0px;right:0;padding-top:5px;display:none;}
#elwha-dam_main-story p {color:#ffffff;font-size:1.142em;padding:20px 20px 0;line-height:22px;} /*font-size:1em;padding:8px 15px 0;line-height:19px;*/
#elwha-dam_main-story p.first-letter:first-letter {font-size:5em;display:block;float:left;margin:0;line-height:56px;padding:7px 5px 0 0;}
#elwha-dam_main-story a {color:#ffffff;font-weight:bold;}
.elwha-dam_story-links p {padding:10px 15px 0;}
.elwha-dam_story-links ul {font-size:12px; font-family:Arial;list-style:none;padding:20px 20px 0;margin:0;overflow:auto;}
.elwha-dam_story-links li {display:block;padding-bottom:8px;}
.elwha-dam_story-links li.first {padding:0;}
.elwha-dam_story-links li a {color:#abb9df;}
#elwha-dam_main-story .elwha-dam_story-links li p {padding:0;line-height:normal;font-size:1em;}
.elwha-dam_story-links-title {font-weight:bold;}
#elwha-dam_close-story {color:#fff;font-weight: bold;cursor:pointer;position:absolute;bottom:5px;right:5px;}
#elwha-dam_open-button {font-family:Georgia, "Times New Roman", Times, serif;font-size: 12px;color:#fff;background-color:#171a1e;display:block;font-weight:bold;padding:5px;cursor:pointer;display:none;position:absolute;right:5px;bottom:5px;border:1px solid #ffffff;}

/*-----start slider styles-----*/
/*----slider style naming started with .st_ are used within the javascript below the css.  This carousel was originally used on the Entertainment page. If you change these names for styling, make sure you change them in the javascript below--*/
.elwha-dam_carousel-content {width:280px;height:85px;padding:5px 5px;margin:0 0 -30px;background:url('../../art/ui/1024/elwha-dam/carousel_desc_bg.png') repeat 0 0;position:relative;bottom:30px;left:0;}
.elwha-dam_carousel-content:hover {background-color:#999999;}
.elwha-dam_carousel-title {color:#ffffff;padding:0 0 10px;font-weight:bold;font-size:1.75em;line-height:1em;text-transform:uppercase;}
.elwha-dam_carousel-title a {color:#fff;display:inline;}
.elwha-dam_carousel-description {padding:0px 8px;font-size:1em;color:#ffffff;margin:0;}
ul.elwha-dam_carousel-description {list-style:none;padding:0;}
ul.elwha-dam_carousel-description li, .elwha-dam_story-links ul li {font-size:.975em;background:url('../../art/ui/1024/elwha-dam/white-square-bullet.png') no-repeat 2px 3px;padding-left:20px;}
ul.elwha-dam_carousel-description li {margin:0;line-height:1em;font-weight:bold;padding-bottom:3px;}
.elwha-dam_carousel-content .video, .elwha-dam_story-links li.video {background:url('../../art/ui/1024/elwha-dam/video-camera-white.png') no-repeat 0 2px;padding-left:20px;}
.elwha-dam_carousel-content .photo, .elwha-dam_story-links li.photo {background:url('../../art/ui/1024/elwha-dam/camera-white.png') no-repeat 2px 2px;padding-left:20px;}
.elwha-dam_carousel-content ul .video, .elwha-dam_carousel-content ul .photo {list-style-image:none;}
.elwha-dam_carousel-description a, ul.elwha-dam_carousel-description a, dl.elwha-dam_carousel-description a {color:#ffffff;display:inline;}
.elwha-dam_carousel-description a:hover, ul.elwha-dam_carousel-description a:hover, dl.elwha-dam_carousel-description a:hover {text-decoration:underline;}
.elwha-dam_carousel_image {width:290px;height:190px;}

/*top:() may change depending on position on page*/
#st_slider_blocks {width:925px;height:285px;margin:0 0 0 auto;position:relative;overflow:hidden;}
#st_slider_blocks p, #st_slider_blocks li, #st_slider_blocks a, #st_slider_blocks dd {font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
#st_slider_blocks a:hover {text-decoration:underline;}
.st_slider_tile_container {display:inline;}

/*top:() dependant on position of st_slider_blocks*/
.st_control_container {z-index: 9999;position:absolute;right:0;bottom:0;overflow:hidden;}

#st_slider_container {position:absolute;background-color:#231F20;width:1800px;height:300px;}
.st_slider_tile {position:relative;float:left;border:1px solid #6f8cb8;}
.st_slider_tile:hover {border:1px solid #ffffff;}
.st_slider_tile a {display:block;}
.st_slider-arrow-bk {background-image:url(../../art/ui/1024/features/st-carousel-arrow-back.gif);background-repeat:no-repeat;height:15px;width:18px;margin:0;padding:0;float:left;border-right:1px solid #cccccc;display:inline;}
.st_slider-arrow-bk:hover{background-image:url(../../art/ui/1024/features/st-carousel-arrow-back-over.gif);background-repeat:no-repeat;height:15px;width:18px;margin:0;padding:0;float:left;border-right:1px solid #cccccc;display:inline;}
.st_slider-arrow-fd {background-image:url(../../art/ui/1024/features/st-carousel-arrow-forward.gif);background-repeat:no-repeat;height:15px;width:18px;margin:0;padding:0;float:left;display:inline;}
.st_slider-arrow-fd:hover {background-image:url(../../art/ui/1024/features/st-carousel-arrow-forward-over.gif);height:15px;width:18px;margin:0;padding:0;float:left;display:inline;}

.st_slider-pause {background-image:url(../../art/ui/1024/features/st-carousel-pause.gif);background-repeat:no-repeat;height:15px;width:18px;margin:0;padding:0;float:left;border-right:1px solid #cccccc;display:inline;}
.st_slider-pause:hover {background-image:url(../../art/ui/1024/features/st-carousel-pause-hover.gif);background-repeat:no-repeat;height:15px;width:18px;margin:0;padding:0;float:left;border-right:1px solid #cccccc;display:inline;}
.st_slider-pause-active {background-image:url('../../art/ui/1024/features/st-carousel-pause-hover.gif');background-repeat:no-repeat;height:15px;width:18px;margin:0;padding:0;float:left;border-right:1px solid #cccccc;display:inline;}

	
.st_slider_control, .st_slider_control:hover, .st_slider_control-active  {background-image:url(../../art/ui/1024/features/st-carousel-dots-white.gif);background-repeat:no-repeat;height:15px;width:15px;margin:0;display:inline;padding:0;float:left;}
.st_slider_control:hover {background-image:url(../../art/ui/1024/features/st-carousel-dots-gray.gif);background-repeat:no-repeat;}
.st_slider_control-active {background-image:url(../../art/ui/1024/features/st-carousel-dots-orange.gif);background-repeat:no-repeat;}

#st_slider_tab_container {background-color:#3b4046;}

#st_slider_footer {position:absolute;bottom:8px;left:35%;}
#st_slider_footer ul {list-style:none;margin:0;}
#st_slider_footer li {display:inline;padding-right:10px;}
#st_slider_footer li a {color:#ffffff;font-size:.917em;}

/***************************** Seeds *****************************/
#content {background:none;}
.elwhaSeedsIntroText {font-size:.75em;width:595px;padding-top:8px;}
.elwhaSeedsIntroText.first {padding-top:0;}
#elwhaHeader {background:url('../../art/ui/1024/elwha-dam/elwha_title_img.png') no-repeat 0 0;width:960px;height:290px;}
/* minor reset */
#elwhaGallery, #elwhaInfo, #elwhaGallery p, #elwhaInfo p, #elwhaGallery h2, #elwhaInfo h2, #elwhaSeedsFooter {font-size:12px;}
#elwhaGallery ul, #elwhaInfo ul {list-style:none;margin:0;padding:0;}

#elwhaGallery {width:630px;}
#elwhaGallery ul {width:614px;overflow:auto;padding:20px 0 15px;}
#elwhaGallery ul li {padding:0 8px 8px 0;float:left;margin:0;line-height:normal;position:relative;}
#elwhaGallery ul li p {display:block;background:url('../../art/ui/1024/elwha-dam/seeds-sprite.png') no-repeat 0px 0px;text-indent:-9999px;position:relative;line-height:normal;margin:0;padding:0;}
#elwhaGallery ul li p:hover {cursor:pointer;}
#elwhaGallery ul li, #elwhaGallery ul li p {width:140px;height:90px;} /*height and width of the nav images, required*/
#elwhaGallery ul li.seed1 p {background-position:0 0;}
#elwhaGallery ul li.seed2 p {background-position:-140px 0;}
#elwhaGallery ul li.seed3 p {background-position:-280px 0;}
#elwhaGallery ul li.seed4 p {background-position:-420px 0;}
#elwhaGallery ul li.seed5 p {background-position:0 -210px;}
#elwhaGallery ul li.seed6 p {background-position:-140px -210px;}
#elwhaGallery ul li.seed7 p {background-position:-280px -210px;}
#elwhaGallery ul li.seed8 p {background-position:-420px -210px;}

#elwhaGallery ul li p span {position:absolute;top:0;left:0;bottom:0;right:0;background:url('../../art/ui/1024/elwha-dam/seeds-sprite.png') no-repeat;}
#elwhaGallery ul li.seed1 p:hover {background-position:0 -420px;}
#elwhaGallery ul li.seed2 p:hover {background-position:-140px -420px;}
#elwhaGallery ul li.seed3 p:hover {background-position:-280px -420px;}
#elwhaGallery ul li.seed4 p:hover {background-position:-420px -420px;}
#elwhaGallery ul li.seed5 p:hover {background-position:0 -630px;}
#elwhaGallery ul li.seed6 p:hover {background-position:-140px -630px;}
#elwhaGallery ul li.seed7 p:hover {background-position:-280px -630px;}
#elwhaGallery ul li.seed8 p:hover {background-position:-420px -630px;}

#elwhaGallery ul li.seed1 p span {background-position:0 -525px;}
#elwhaGallery ul li.seed2 p span {background-position:-140px -525px;}
#elwhaGallery ul li.seed3 p span {background-position:-280px -525px;}
#elwhaGallery ul li.seed4 p span {background-position:-420px -525px;}
#elwhaGallery ul li.seed5 p span {background-position:0 -735px;}
#elwhaGallery ul li.seed6 p span {background-position:-140px -735px;}
#elwhaGallery ul li.seed7 p span {background-position:-280px -735px;}
#elwhaGallery ul li.seed8 p span {background-position:-420px -735px;}

#elwhaInfo {width:584px;padding:0;}
.seedContent {overflow:auto;display:none;}
.elwhaInfoPicture {background:url('../../art/ui/1024/elwha-dam/seeds-big-sprite.jpg') no-repeat;width:296px;height:444px;float:left;}
.elwhaInfoContent {width:263px;float:left;padding:0 0 0 25px;}
#elwhaInfo .elwhaInfoContent h2 {padding-bottom:5px;font-size:1.333em;}
#elwhaInfo .elwhaInfoContent p {line-height:normal;margin:0;padding-top:8px;}
#elwhaInfo .elwhaInfoContent p.elwhaLatin {font-size:1.167em;padding:0 0 10px;}
#elwhaInfo .elwhaInfoContent .soundContainer {height:20px;width:263px;overflow:hidden;}
#elwhaInfo .elwhaInfoContent .startSound, .elwhaInfoContent .stopSound {background:url('../../art/ui/1024/elwha-dam/sound-sprite.png') no-repeat;height:20px;width:263px;overflow:hidden;}
#elwhaInfo .elwhaInfoContent .startSound {background-position:0 0;}
#elwhaInfo .elwhaInfoContent .stopSound {background-position:0 -20px;}
#elwhaInfo .elwhaInfoContent .startSound p, #elwhaInfo .elwhaInfoContent .stopSound p {line-height:20px;font-weight:bold;padding:0 0 0 20px;margin:0;}
#elwhaInfo .elwhaInfoContent .startSound p:hover, #elwhaInfo .elwhaInfoContent .stopSound p:hover {cursor:pointer;text-decoration:underline;}

#seed1 .elwhaInfoPicture {background-position:0 0}
#seed2 .elwhaInfoPicture {background-position:-296px 0;}
#seed3 .elwhaInfoPicture {background-position:-592px 0;}
#seed4 .elwhaInfoPicture {background-position:-888px 0;}
#seed5 .elwhaInfoPicture {background-position:0 -444px;}
#seed6 .elwhaInfoPicture {background-position:-296px -444px;}
#seed7 .elwhaInfoPicture {background-position:-592px -444px;}
#seed8 .elwhaInfoPicture {background-position:-888px -444px;}

#elwhaSeedsFooter {width:584px;padding:10px 10px 0;}

#playerDiv {visibility:hidden;}

/***************************** Salmon *****************************/
#elwhaSalmonContainer {overflow:auto;padding-top:10px;font-size:12px;}
#elwhaSalmonContainer p {padding-bottom:10px;}
#elwhaSalmonMapWrapper {background-color:#ffffff;width:337px;height:615px;float:left;position:relative;z-index:14;border:1px solid #000000;padding:10px;}
#elwhaSalmonMap {background:url('../../art/ui/1024/elwha-dam/salmon-map-bg.png') no-repeat 0 0;width:335px;height:613px;border:1px solid #999999;}
#elwhaSalmonNav {width:223px;float:left;position:relative;border:solid #000000;border-width:1px;margin:0 0 0 -1px;padding:0;z-index:15;}
#elwhaSalmonNav ul {list-style:none;padding:0;margin:0;}
#elwhaSalmonNav li {padding:0 10px 0 11px;margin-left:-1px;position:relative;}
#elwhaSalmonNav li, #elwhaSalmonNav li a {display:block;width:202px;height:85px;}
#elwhaSalmonNav li a {background:url('../../art/ui/1024/elwha-dam/salmon-sprite-v2.png') no-repeat;}
#elwhaSalmonNav li.last {border-bottom:0 !important;}
#elwhaSalmonNavInfo {position:absolute;top:520px;right:0;padding:5px;}

#elwhaSalmonNav li a.chinookSalmon {background-position:0 0;}
#elwhaSalmonNav li a.chumSalmon {background-position:0 -85px;}
#elwhaSalmonNav li a.pinkSalmon {background-position:0 -170px;}
#elwhaSalmonNav li a.sockeyeSalmon {background-position:0 -255px;}
#elwhaSalmonNav li a.cohoSalmon {background-position:0 -340px;}
#elwhaSalmonNav li a.steelheadSalmon {background-position:0 -425px;}

.salmonOverlay {position:absolute;top:86px;}
#chinookSalmonOverlay {background:url('../../art/ui/1024/elwha-dam/chinook-route.png') no-repeat 0 0;width:122px;height:448px;left:-209px;}
#chumSalmonOverlay {background:url('../../art/ui/1024/elwha-dam/chum-route.png') no-repeat 0 0;width:152px;height:374px;left:-263px;}
#pinkSalmonOverlay {background:url('../../art/ui/1024/elwha-dam/pink-route.png') no-repeat 0 0;width:156px;height:390px;left:-263px;}
#sockeyeSalmonOverlay {background:url('../../art/ui/1024/elwha-dam/sockeye-route.png') no-repeat 0 0;width:108px;height:97px;left:-262px;}
#cohoSalmonOverlay {background:url('../../art/ui/1024/elwha-dam/coho-route.png') no-repeat 0 0;width:171px;height:467px;left:-263px;top:85px;}
#steelheadSalmonOverlay {background:url('../../art/ui/1024/elwha-dam/steelhead-route.png') no-repeat 0 0;width:182px;height:485px;left:-264px;top:85px;}

.ui-tabs .ui-state-default {background-color:#dddddd;border-left:1px solid #999999;}
.ui-tabs .ui-state-hover {background-color:#aaaaaa;}
.ui-tabs .ui-state-active {background-color:#ffffff;border-left:0;padding-left:12px !important;}

/* jQuery Tabs Basic css */
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding:0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 0; border-bottom: 1px solid #999999; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding:0; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding:0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding:0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/***************************** Video *****************************/
#elwhaExploreHeader, #elwhaExploreFooter {font-size:12px;}

#elwhaExploreHeader {background:url('../../art/ui/1024/elwha-dam/explore-header-text.png') no-repeat 0 0;height:40px;border-bottom:2px solid #677eb0;margin-bottom:20px;}
#elwhaExploreHeader .elwhaExploreButton {padding-top:15px;}

#elwhaVideo {font-size:1.167em;}

#elwhaExploreFooter {padding:30px 0;overflow:auto;}
.elwhaExploreFooterText {background:url('../../art/ui/1024/elwha-dam/explore-footer-text.png') no-repeat 0 0;height:40px;border-bottom:2px solid #677eb0;margin-bottom:10px;}
.elwhaExploreFooterLinks {width:510px;float:left;}
.elwhaExploreFooterLinks ul {margin:0;padding:0;}
.elwhaExploreFooterLinks ul li {display:inline;margin:0;padding: 0 0 0 15px;line-height:21px;}
.elwhaExploreFooterLinks ul li:first-child {padding:0;border-left:0;}
.elwhaExploreFooterLinks ul li a {line-height:12px;}

/***************************** Restore *****************************/
#elwhaRestoreContainer {}

/***************************** Global *****************************/
#elwhaContent p {padding-top:8px;font-size:12px;}
#elwhaContent ul.linkNav {font-size:12px;margin:0;padding:8px 0 0;list-style:none;}
#elwhaContent ul.linkNav li {display:inline;margin:0;padding:0 8px 0 0;font-weight:bold;}
#elwhaSources {clear:both;padding:10px 0;font-size:12px;}
.elwhaExploreButton {float:right;width:114px;}
.elwhaExploreButton a {width:114px;height:22px;display:block;}
#elwhaImageContainer {position:relative;width:632px;}
#elwhaImageOverlay {background:url('../../art/ui/1024/elwha-dam/carousel_desc_bg.png') repeat 0 0;position:absolute;top:40%;left:30%;font-size:1.375em;display:none;}
#elwhaImageOverlay a {color:#ffffff;display:block;padding:20px;}
#elwhaImageOverlay a:hover {text-decoration:none;}