/* NSN Layout Styling */

div#externalplayer {
	margin: 0 auto;
}

#player { 
	text-align: center;
	margin: 0 auto;
}

div#header {
display:block;
margin:0;
background: url('../images/sticker_top_bk.jpg') 0 0 no-repeat;
}

div#flash {
clear:both;
width:860px;
height:281px;
}


/* navigation */

div#navigation {
display:block;
padding-top:8px;
height:31px;
}

div#navigation ul {
display:block;
list-style: none;
float:right;
padding-right:20px;
}

div#navigation ul li {
float: left;
display:inline;
}

div#navigation ul li a {
display:inline-block;
background:transparent url('../images/tab_bk_L.jpg') no-repeat left bottom;
padding:0 11px;
height:31px;
line-height: 31px;
font-size:1.4em;
font-weight:normal;
color:#a92323;
text-decoration:none;
}

div#navigation ul li.first a,
div#navigation ul li.nobk a {background:none;}

div#navigation ul li a:hover {color:#222;}

div#navigation ul li.selected a {
background:transparent url('../images/tab_select_R.jpg') no-repeat right top;
color:#fff;
padding:0;
height:31px;
}

div#navigation ul li.selected a:hover {color:#fff;}

div#navigation ul li.selected a span {
display:inline-block;
background:transparent url('../images/tab_select_L.jpg') no-repeat left top;
padding:0 0 0 11px;
margin-right:11px;
height:31px;
text-decoration:none;
}

/* Header map */

#header .episodeSelect {
height:167px;
background:transparent url('../images/static_map_bk.jpg') no-repeat right top;
}

#header .episodeOne { height:167px; background:transparent url('../images/ep_01_bk.jpg') no-repeat right top; }
#header .episodeTwo { height:167px; background:transparent url('../images/ep_02_bk.jpg') no-repeat right top; }
#header .episodeThree { height:167px; background:transparent url('../images/ep_03_bk.jpg') no-repeat right top; }
#header .episodeFour { height:167px; background:transparent url('../images/ep_04_bk.jpg') no-repeat right top; }
#header .episodeFive { height:167px; background:transparent url('../images/ep_05_bk.jpg') no-repeat right top; }
#header .episodeSix { height:167px; background:transparent url('../images/ep_06_bk.jpg') no-repeat right top; }
#header .episodeSeven { height:167px; background:transparent url('../images/ep_07_bk.jpg') no-repeat right top; }
#header .episodeEight { height:167px; background:transparent url('../images/ep_08_bk.jpg') no-repeat right top; }
#header .episodeNine { height:167px; background:transparent url('../images/ep_09_bk.jpg') no-repeat right top; }


div#episode_map {
padding:10px 0 0 622px;
}

div#episode_map h4 {
color:#a92323;
margin-bottom: 5px;
}

ul.episode_nav {
font-size:1.1em;
font-weight:bold;
}

ul.episode_nav li { float: left; display: block; width: 200px; color: #999; background:url('../images/grey_arrow.gif') 0 2px no-repeat; padding:2px 0 0 15px; margin-bottom: 6px; }


ul.episode_nav li a:hover { 
	cursor: pointer; 
	float: left;
	color: #660066;
}

ul.episode_nav li.available {
	background:url('../images/purple_arrow.gif') 0 2px no-repeat;
}

ul.episode_nav li.eptoggle a {
}

ul.episode_nav span  {
	margin-left:0.5em;
	float: left; width: 60px;
}

ul.episode_nav span.ep_title {
	float: left;
	width: 125px; 
}

/* footer */

div#footer {
display:block;
clear:both;
padding:10px 20px;
}

div.column.explore,
div.column.tech-savvy,
div.column.find {
background:url('../images/explore_more_icon.gif') top right no-repeat;
}

div.column.explore h4, div.column.explore p,
div.column.tech-savvy h4, div.column.tech-savvy p,
div.column.find h4, div.column.find p, div.column.challenge p {
margin-right:67px;
}

div.column.tech-savvy {
background:url('../images/tech_savvy_icon.gif') top right no-repeat;
}

div.column.challenge {
background:url('../images/challenge_icon.gif') top right no-repeat;
}

div.column.find {
background:url('../images/find_out_more_icon.gif') top right no-repeat;
}

div#sub_nav {
clear:both;
padding:10px 0;
background:url('../images/footer_links_rpt_bk.gif') top repeat-x;
}

p.sponsor {
float:left;
padding:0 0 12px 0;
font-size:1.1em;
line-height:0;
}

p.sponsor a {
display:inline-block;
font-size:1em;
font-weight:bold;
width:161px;
height:17px;
background:url('../images/nsn_logo_s.gif') top right no-repeat;
}

p.sponsor a span {display:none;}

div#footer ul.sub {
float:right;
list-style:none;
padding-top:3px;
}

div#footer li {
display:inline;
list-style:none;
color:#999;
font-size:1em;
}

div#footer li a {
color:#999;
text-decoration:underline;
line-height:1.4em;
padding:0 11px 0 12px;
border-left:1px solid #999;
}

div#footer li.nobrdr a {
border-left:none;
}

div#footer li a:hover {
color:#660066;
text-decoration:underline;
}

li.copy {padding-left:22px;}