﻿/* reset styles */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1px dotted #cccccc;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/* base styles */
html, body, #bg, #bg table, #bg td, #mainContent {width:100%; height:100%; overflow:hidden;}
body {font:13px/1.2 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
img {display:block;}
#bg div {width:200%; height:200%; position:absolute; top:-50%; left:-50%;}
#bg td {text-align:center; vertical-align:middle;}
#bg img {margin:0px auto; min-width:50%; min-height:50%;}

#mainContainer {position:absolute; top:0%; width:100%; height:100%; overflow:scroll; overflow-x:hidden; z-index:100;}
#header {width:960px; margin:0px auto; position:relative; height:130px;}
#header a#siteTitle {position:absolute; top:29px; left:15px;}
#header a#snbc {position:absolute; top:34px; left:15px;}
#header a#olympics {position:absolute; top:0px; left:522px; cursor:default;}
#scrollerMainContainer {width:100%; height:435px; overflow:hidden; background:transparent url(images/bg_scroller.png) repeat 0px 0px; position:relative;}
#scrollerMainContainer #scrollerMainContainerWrapper {position:relative;}
#scrollerMainContainer div#scrollerGridLeftColumn {position:absolute; right:50%; height:362px; overflow:hidden;}
#scrollerMainContainer div#scrollerGridRightColumn {position:absolute; left:50%; height:362px; overflow:hidden;}
#scrollerMainContainer div#scrollerGridLeftColumn div.grid_1, #scrollerMainContainer div#scrollerGridLeftColumn div.grid_2, #scrollerMainContainer div#scrollerGridLeftColumn div.grid_3, #scrollerMainContainer div#scrollerGridLeftColumn div.grid_4, #scrollerMainContainer div#scrollerGridLeftColumn div.grid_5 {float:right; display:inline; height:362px;}
#scrollerMainContainer div#scrollerGridRightColumn div.grid_1, #scrollerMainContainer div#scrollerGridRightColumn div.grid_2, #scrollerMainContainer div#scrollerGridRightColumn div.grid_3, #scrollerMainContainer div#scrollerGridRightColumn div.grid_4, #scrollerMainContainer div#scrollerGridRightColumn div.grid_5 {float:left; display:inline; height:362px;}

#scrollerMainContainer div#scrollerGridLeftColumn div.grid_a, #scrollerMainContainer div#scrollerGridLeftColumn div.grid_b, #scrollerMainContainer div#scrollerGridLeftColumn div.grid_c, #scrollerMainContainer div#scrollerGridLeftColumn div.grid_d, #scrollerMainContainer div#scrollerGridLeftColumn div.grid_e {float:right; display:inline; height:362px;}
#scrollerMainContainer div#scrollerGridRightColumn div.grid_a, #scrollerMainContainer div#scrollerGridRightColumn div.grid_b, #scrollerMainContainer div#scrollerGridRightColumn div.grid_c, #scrollerMainContainer div#scrollerGridRightColumn div.grid_d, #scrollerMainContainer div#scrollerGridRightColumn div.grid_e {float:left; display:inline; height:362px;}

div.grid_1, div.grid_2, div.grid_3, div.grid_4, div.grid_5 {background-color:#000; position:relative;}
div.grid_1 {width:385px;}
div.grid_2 {width:385px;}
div.grid_3 {width:226px;}
div.grid_4 {width:451px;}
div.grid_5 {width:451px;}

div.grid_a, div.grid_b, div.grid_c, div.grid_d, div.grid_e {background:transparent url() no-repeat 0px 0px; position:relative;}
div.grid_a {width:385px;}
div.grid_b {width:385px;}
div.grid_c {width:226px;}
div.grid_d {width:288px;}
div.grid_e {width:193px;}

div.photo {position:relative; z-index:20;}
div.photo img.hover {position:absolute; z-index:30; top:0px; left:0px; display:none;}
div.photo img.darken {position:absolute; z-index:35; top:0px; left:0px; display:none;}
div.photo img.video {position:absolute; z-index:33; bottom:5px; right:5px; width:28px !important; height:18px !important;}
div.photo:hover {cursor:pointer;}
div.photo:hover img.hover {display:block;}
div.info {position:absolute; z-index:40; color:#fff; display:none;}
div.info a {color:#f8941d;}
div.photo:hover div.info {display:block;}

div.grid_1 div.item_1 {width:383px; height:238px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:1px;}
div.grid_1 div.item_2 {width:191px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:242px; left:1px;}
div.grid_1 div.item_3 {width:190px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:242px; left:194px;}
div.grid_1 div.item_1 div.photo img {width:383px; height:238px;}
div.grid_1 div.item_2 div.photo img {width:191px; height:118px;}
div.grid_1 div.item_3 div.photo img {width:191px; height:118px;}
div.grid_1 div.item_1 div.info {bottom:30px; left:0px; width:369px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_1 div.item_2 div.info {bottom:15px; left:0px; width:177px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_1 div.item_3 div.info {bottom:15px; left:0px; width:176px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}

div.grid_2 div.item_1 {width:191px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:1px;}
div.grid_2 div.item_2 {width:190px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:194px;}
div.grid_2 div.item_3 {width:383px; height:238px; overflow:hidden; background-color:#272727; position:absolute; top:122px; left:1px;}
div.grid_2 div.item_1 div.photo img {width:191px; height:118px;}
div.grid_2 div.item_2 div.photo img {width:191px; height:118px;}
div.grid_2 div.item_3 div.photo img {width:383px; height:238px;}
div.grid_2 div.item_1 div.info {bottom:15px; left:0px; width:177px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_2 div.item_2 div.info {bottom:15px; left:0px; width:176px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_2 div.item_3 div.info {bottom:30px; left:0px; width:369px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}

div.grid_3 div.item_1 {width:224px; height:358px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:1px;}
div.grid_3 div.item_1 div.info {bottom:30px; left:0px; width:210px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}

div.grid_a div.item_1 {width:383px; height:238px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:1px;}
div.grid_a div.item_2 {width:191px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:242px; left:1px;}
div.grid_a div.item_3 {width:190px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:242px; left:194px;}
div.grid_a div.item_1 div.photo img {width:383px; height:238px;}
div.grid_a div.item_2 div.photo img {width:191px; height:118px;}
div.grid_a div.item_3 div.photo img {width:191px; height:118px;}
div.grid_a div.item_1 div.info {bottom:30px; left:0px; width:369px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_a div.item_2 div.info {bottom:15px; left:0px; width:177px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_a div.item_3 div.info {bottom:15px; left:0px; width:176px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}

div.grid_b div.item_1 {width:191px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:1px;}
div.grid_b div.item_2 {width:190px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:194px;}
div.grid_b div.item_3 {width:383px; height:238px; overflow:hidden; background-color:#272727; position:absolute; top:122px; left:1px;}
div.grid_b div.item_1 div.photo img {width:191px; height:118px;}
div.grid_b div.item_2 div.photo img {width:191px; height:118px;}
div.grid_b div.item_3 div.photo img {width:383px; height:238px;}
div.grid_b div.item_1 div.info {bottom:15px; left:0px; width:177px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_b div.item_2 div.info {bottom:15px; left:0px; width:176px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_b div.item_3 div.info {bottom:30px; left:0px; width:369px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}

div.grid_c div.item_1 {width:224px; height:358px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:1px;}
div.grid_c div.item_1 div.info {bottom:30px; left:0px; width:210px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_c div.item_1 div.photo img {width:224px; height:358px;}

div.grid_d div.item_1 {width:286px; height:178px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:1px;}
div.grid_d div.item_2 {width:286px; height:178px; overflow:hidden; background-color:#272727; position:absolute; top:182px; left:1px;}
div.grid_d div.item_1 div.photo img {width:286px; height:178px;}
div.grid_d div.item_2 div.photo img {width:286px; height:178px;}
div.grid_d div.item_1 div.info {bottom:15px; left:0px; width:272px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_d div.item_2 div.info {bottom:15px; left:0px; width:272px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}

div.grid_e div.item_1 {width:191px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:2px; left:1px;}
div.grid_e div.item_2 {width:191px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:122px; left:1px;}
div.grid_e div.item_3 {width:191px; height:118px; overflow:hidden; background-color:#272727; position:absolute; top:242px; left:1px;}
div.grid_e div.item_1 div.photo img {width:191px; height:118px;}
div.grid_e div.item_2 div.photo img {width:191px; height:118px;}
div.grid_e div.item_3 div.photo img {width:191px; height:118px;}
div.grid_e div.item_1 div.info {bottom:15px; left:0px; width:177px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_e div.item_2 div.info {bottom:15px; left:0px; width:177px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}
div.grid_e div.item_3 div.info {bottom:15px; left:0px; width:177px; padding:7px; background:transparent url(images/hover_info_large.png) repeat 0px 0px;}

#scrollerMainContainer div#scrollerControl {margin:0px auto; position:relative; top:362px; width:800px; height:39px; padding:36px 80px 0px 80px; background:transparent url(images/bg_slider_rail.gif) repeat-x 0px 36px;}
#scrollerMainContainer div#scrollerControl div#scrollerIndicators {position:absolute; width:960px; height:39px; top:15px; left:0px; z-index:20;}
#scrollerMainContainer div#scrollerControl div#scrollerIndicators img {position:absolute; top:3px;}
#scrollerMainContainer div#scrollerControl div#slider.ui-slider-horizontal {height:3px; border:none; background:#495058 url() no-repeat 0px 0px; z-index:30;}
#scrollerMainContainer div#scrollerControl div#slider a.ui-slider-handle {height:62px; width:208px; margin-left:-104px; margin-top:-27px; border:none; background:transparent url(images/btn_explore.png) no-repeat 0px -62px; cursor:move;}
/*#scrollerMainContainer div#scrollerControl div#slider a.ui-slider-handle:hover {background-position:0px -62px;}*/
#scrollerFilters {width:100%; position:relative; z-index:20; height:48px; background:transparent url(images/bg_filters.png) repeat 0px 0px;}
#scrollerFilters div#scrollerFiltersContent {width:960px; margin:0px auto; height:48px; position:relative;}
#scrollerFilters div#scrollerFiltersContent div#scrollerFiltersContentWrapper {position:relative;}
#scrollerFilters div#scrollerFiltersContent div#scrollerFiltersContentWrapper span {display:block; position:absolute; top:14px; left:0px; width:73px; height:11px; background:transparent url(images/label_showme.png) no-repeat 0px 0px; text-indent:-3000px;}
#scrollerFilters div#scrollerFiltersContent ul {position:absolute; left:100px; top:0px; display:inline;}
#scrollerFilters div#scrollerFiltersContent ul li {display:inline; float:left; margin-right:10px;}
#scrollerFilters div#scrollerFiltersContent ul li a {display:inline; float:left; color:#fff; text-indent:-3000px; outline:none;}
#scrollerFilters div#scrollerFiltersContent ul li#urbanlife a {width:120px; height:38px; background:transparent url(images/filter_urban.png) no-repeat 0px 0px;}
#scrollerFilters div#scrollerFiltersContent ul li#urbanlife a:hover {background:transparent url(images/filter_urban.png) no-repeat 0px -38px;}
#scrollerFilters div#scrollerFiltersContent ul li#urbanlife a.active, #scrollerFilters div#scrollerFiltersContent ul li#urbanlife a.active:hover {width:120px; height:38px; background:transparent url(images/filter_urban.png) no-repeat 0px -76px;}
#scrollerFilters div#scrollerFiltersContent ul li#artsculture a {width:150px; height:38px; background:transparent url(images/filter_arts.png) no-repeat 0px 0px;}
#scrollerFilters div#scrollerFiltersContent ul li#artsculture a:hover {background:transparent url(images/filter_arts.png) no-repeat 0px -38px;}
#scrollerFilters div#scrollerFiltersContent ul li#artsculture a.active, #scrollerFilters div#scrollerFiltersContent ul li#artsculture a.active:hover {width:150px; height:38px; background:transparent url(images/filter_arts.png) no-repeat 0px -76px;}
#scrollerFilters div#scrollerFiltersContent ul li#greatoutdoors a {width:193px; height:38px; background:transparent url(images/filter_outdoors.png) no-repeat 0px 0px;}
#scrollerFilters div#scrollerFiltersContent ul li#greatoutdoors a:hover {background:transparent url(images/filter_outdoors.png) no-repeat 0px -38px;}
#scrollerFilters div#scrollerFiltersContent ul li#greatoutdoors a.active, #scrollerFilters div#scrollerFiltersContent ul li#greatoutdoors a.active:hover {width:193px; height:38px; background:transparent url(images/filter_outdoors.png) no-repeat 0px -76px;}
#scrollerFilters div#scrollerFiltersContent ul li#fooddrink a {width:140px; height:38px; background:transparent url(images/filter_food.png) no-repeat 0px 0px;}
#scrollerFilters div#scrollerFiltersContent ul li#fooddrink a:hover {background:transparent url(images/filter_food.png) no-repeat 0px -38px;}
#scrollerFilters div#scrollerFiltersContent ul li#fooddrink a.active, #scrollerFilters div#scrollerFiltersContent ul li#fooddrink a.active:hover {width:140px; height:38px; background:transparent url(images/filter_food.png) no-repeat 0px -76px;}
#scrollerFilters div#scrollerFiltersContent ul li#wintersports a {width:150px; height:38px; background:transparent url(images/filter_winter.png) no-repeat 0px 0px;}
#scrollerFilters div#scrollerFiltersContent ul li#wintersports a:hover {background:transparent url(images/filter_winter.png) no-repeat 0px -38px;}
#scrollerFilters div#scrollerFiltersContent ul li#wintersports a.active, #scrollerFilters div#scrollerFiltersContent ul li#wintersports a.active:hover {width:150px; height:38px; background:transparent url(images/filter_winter.png) no-repeat 0px -76px;}
#map {position:relative; z-index:10; margin-top:-48px; width:100%; height:237px; background:#3c75a6 url() no-repeat 0px 0px; text-align:center;}
#map #mapContents {width:960px; height:237px; margin:0px auto; text-align:center;}
#map #mapContents img {display:none;}
#map #mapContents object, #map #mapContents embed {display:block; margin:0px auto;}
#map #mapContentsMask {width:100%; height:237px; position:relative; margin:0px auto; z-index:15; background:transparent url(images/mask99.png) no-repeat 50% 0px; display:none;}
#scrollerHoverLeft {position:absolute; left:0px; top:362px; width:50px; height:73px; z-index:300;}
#scrollerHoverLeft a {display:block; width:50px; height:73px; text-indent:-3000px; outline:none; background:transparent url(images/scroller_left.png) no-repeat 0px 0px;}
#scrollerHoverLeft a:hover {background-position:0px -73px;}
#scrollerHoverLeft.inactive a, #scrollerHoverLeft.inactive a:hover {background-position:0px -146px; cursor:default;}
#scrollerHoverRight {position:absolute; right:0px; top:362px; width:50px; height:73px; z-index:300;}
#scrollerHoverRight a {display:block; width:50px; height:73px; text-indent:-3000px; outline:none; background:transparent url(images/scroller_right.png) no-repeat 0px 0px;}
#scrollerHoverRight a:hover {background-position:0px -73px;}
#scrollerHoverRight.inactive a, #scrollerHoverRight.inactive a:hover {background-position:0px -146px; cursor:default;}

#footer {position:relative; z-index:20; margin-top:-30px; width:100%; height:145px; background:transparent url(images/bg_footer.png) repeat-x 0px 50%;}
#footerContents {width:960px; margin:0px auto; position:relative; height:145px; margin-bottom:20px;}
#footerContents a#guides {position:absolute; top:0px; left:0px;}
#footerContents a#contact {position:absolute; top:45px; left:360px;}
#footerContents a#bcgovt {position:absolute; top:39px; left:740px; cursor:default;}
#footerContents a#snbcfooter {position:absolute; top:42px; left:450px; cursor:pointer;}
#footerContents div#legal {position:absolute; bottom:10px; right:13px; font-size:80%; color#000;}
#footerContents div#legal span {color:#fff;}

/* thickbox */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #fff;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #f8941d;}
#TB_window a:visited {color: #f8941d;}
#TB_window a:hover {color: #f8941d;}
#TB_window a:active {color: #f8941d;}
#TB_window a:focus{color: #f8941d;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=20);
  -moz-opacity: 0.20;
  opacity: 0.20;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: transparent url(images/bg_story_overlay.png) repeat 0px 0px;
  z-index: 102;
  color:#fff;
  display:none;
  /*border: 4px solid #525252;*/
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#TB_ajaxContent div#storyContainer {font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
#TB_ajaxContent div#storyContainer div.header {position:relative;}
#TB_ajaxContent div#storyContainer div.header a {position:absolute; top:0px; right:0px; display:block; width:53px; height:11px; background:transparent url(images/close_overlay.png) no-repeat 0px 0px; text-indent:-3000px; outline:none; z-index:1000;}
#TB_ajaxContent div#storyContainer h2 {font-size:180%; font-weight:normal; width:500px; margin:0px 0px 15px 0px; line-height:1.2em;}
#TB_ajaxContent div#storyContainer div#mainStoryContent {padding:0px 0px 0px 10px;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.storyColumnContainer {display:inline; float:left; width:520px; margin:0px 10px 0px 0px; position:relative;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.storyColumnContainer div#storySliderControl {position:absolute; top:90px; right:0px; background:transparent url(images/bg_storyslider_rail.png) no-repeat 4px 0px; height:390px; width:10px; display:none;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.storyColumnContainer div#storySliderControl div#storySlider {position:absolute; top:175px; right:4px; height:100px;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.storyColumnContainer div#storySliderControl div#storySlider.ui-slider-vertical {width:2px; border:none; background:#272727 url() no-repeat 0px 0px;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.storyColumnContainer div#storySliderControl div#storySlider a.ui-slider-handle {width:10px; height:289px; background:transparent url(images/btn_storyslider.png) no-repeat 0px 0px; left:-4px; margin-bottom:-115px; border:none; cursor:pointer;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.storyColumnContainer div.storyContent {height:420px; padding:0px 20px 0px 0px; overflow:hidden; font-size:110%;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.storyColumnContainer div.storyContent p.intro {font-size:125%; margin-bottom:10px; line-height:1.3em;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.storyColumnContainer div.storyContent div img.inline {display:inline; float:left; margin:0px 10px 10px 0px;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.rightColumn {display:inline; float:left; width:300px; height:450px; position:relative; margin:45px 0px 0px 0px; padding-left:20px;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.rightColumn a {text-decoration:none;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.rightColumn a:hover {text-decoration:underline;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.rightColumn ul {margin:10px 0px 0px 0px; position: relative; z-index: 300;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.rightColumn ul li {font-size:105%; line-height:1.5em; padding:0px 0px 0px 10px; background:transparent url(images/arrow_orange.png) no-repeat 0px 0.4em;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.rightColumn ul li a {padding:0px 20px 0px 0px; background:transparent url(images/icon_ext_link_off.png) no-repeat 100% 0.1em;}
#TB_ajaxContent div#storyContainer div#mainStoryContent div.rightColumn ul li a:hover {background:transparent url(images/icon_ext_link_on.png) no-repeat 100% 0.1em;}
#TB_ajaxContent div#storyContainer div.mapContainer {position:absolute; bottom:0px;}
#TB_ajaxContent div#storyContainer div.mapContainer img.map {position:relative; z-index:50;}
#TB_ajaxContent div#storyContainer div.mapContainer img.region {position:absolute; top:0px; left:0px; z-index:60;}
#TB_ajaxContent div#storyContainer div.mapContainer img.cities {position:absolute; top:0px; left:0px; z-index:70;}
#TB_ajaxContent div#storyContainer div.mapContainer img.regionhover {position:absolute; top:0px; left:0px; z-index:65; display:none;}
#TB_ajaxContent div#storyContainer div.footer {margin:10px 0px 0px 0px; border-top:1px solid #2d2d2f; border-bottom:1px solid #2d2d2f; padding:15px 0px; height:20px; position:relative; text-align:center;}
#TB_ajaxContent div#storyContainer div.footer a {text-decoration:none;}
#TB_ajaxContent div#storyContainer div.footer a#playPause {font-size:110%; line-height:1.5em;}
#TB_ajaxContent div#storyContainer div.footer a:hover {text-decoration:underline;}
#TB_ajaxContent div#storyContainer div.footer a.previous {position:absolute; left:10px; top:1em; font-size:140%; padding-left:35px; background:transparent url(images/arrow_orange_left.png) no-repeat 0px 3px;}
#TB_ajaxContent div#storyContainer div.footer a.next {position:absolute; right:10px; top:1em; font-size:140%; padding-right:35px; background:transparent url(images/arrow_orange_right.png) no-repeat 100% 3px;}

#ErrorInfo
{
    color: #fff; 
    vertical-align: middle; 
    text-align: center; 
    font-size:large;
    padding-top:25px;
}
#ErrorInfo a:link {color: #f8941d;}
#ErrorInfo a:visited {color: #f8941d;}
#ErrorInfo a:hover {color: #f8941d;}
#ErrorInfo a:active {color: #f8941d;}
#ErrorInfo a:focus{color: #f8941d;}

