/*
-----------------------------------------------
WGBH interactive
sgptv_tech@wgbh.org
----------------------------------------------- */

/* -- nav -- */
	#nav {
		width: 228px;
		_width: 225px;/*IE*/
		color: #bccce3;
		float: left;
		font-size: 12px;
		line-height: 16px;
		
		_overflow:hidden;/*IE*/
	}
	

	/** TITLE **/
	#nav .site-title,
	#nav .site-title a {
		display: block;
		height: 114px;
		text-indent: -9000px;
	}

	#nav ul.outer {
		margin: 0 0 5px 14px;
		list-style: none;
	}
	#nav ul.outer ul{
		padding-top:0px !important;
		margin:0;
		
		
	}
	

	
	#nav ul.outer ul li {
		
		list-style: none;
		margin: 0 0 10px !important;
		padding:0 10px 0 0;
		background: transparent url(../i/nav_type_bg.png) no-repeat 0 0;
		
		_background:none;/*IE6*/
	}
	
	#nav ul.outer ul li span{
		height:19px;
		text-indent:-9000px;
		display:block;
		padding:7px 0 0;
	}
	
	#activenav{
		background: transparent url(../i/nav_onstate.png) no-repeat 0 0 !important;
		_background: none;/*IE6*/
	}
	
	
	#nav ul.outer ul li a{
		display:block;
	}
		
	#nav ul.outer ul li a.matters,
	#nav ul.outer ul li a.science,
	#nav ul.outer ul li a.getting{
		display:block;
		text-indent:-9000px;
		height:25px;
		
	}
	#nav ul.outer ul li a.matters{
		
		background: transparent url(../i/nav_matters.gif) no-repeat 0 4px;
	}
	#nav ul.outer ul li a.science{
	
		background: transparent url(../i/nav_science.gif) no-repeat 0 4px;
	}
	#nav ul.outer ul li a.getting{
		height:45px;
		background: transparent url(../i/nav_getting.gif) no-repeat 0 4px;
	}
	
	#nav ul.outer ul li ul {
		background: transparent url(../i/nav_typebghelp_ie7.png) no-repeat 0 0;
		padding: 10px 0 10px 0px;
		margin:0 0 0px 5px;
		
		
		
	}
	
	#nav ul.outer ul a.is_on {
		background: transparent url(../i/nav_bar.gif) no-repeat bottom right;

	}
	
	#nav ul.outer ul li ul li{
		
		background: transparent url(../i/nav_typebghelp_ie7.png) no-repeat 0 0;
		
		margin: 0 0 0px 0px !important;
		padding:0 0 5px 0px;
		/*height:20px;*/
		line-height:20px;
	}
	
	#nav ul.outer ul li ul li ul{
		margin-left:22px !important;
		list-style-type:circle !important;
	}
	
	#nav ul.outer ul li ul li ul li{
		padding-left:0px !important;
		list-style-type:disc !important;
		padding:0 0 0 0;
	}
	
	#nav ul.outer li a {
		
		color:#eef4fd;
		
	}
	#nav ul.outer li a:hover {
		
		color:#fff;
	}
	
	#nav .nav-video-link,
	#home-toc .nav-video-link{
		padding-right:22px !important;
		background:url(../i/icon_nav_video.gif) no-repeat right;
	}
	
	#nav .nav-interactive-link,
	#home-toc .nav-interactive-link{
		padding-right:22px !important;
		background:url(../i/icon_nav_interactive.gif) no-repeat right;
	}
	
	.bgnav{
		position:absolute;
		left:10px;
		top:100px;
		background-color:#fff;
		opacity:.50;
		filter: alpha(opacity=50); 
		-moz-opacity: 0.5;
		
	}
	
	#sbox {
		margin-left: 18px;
	}

	#sbox label {
		display: block;
		text-indent: -9000px;
		background: transparent url(../i/search.gif) no-repeat 0 2px;
		width: 43px;
		height: 18px;
		float: left;
		margin-right: 5px;
	}

	#sbox input#f-q {
		width: 136px;
		float: left;
		background-color: #BECEE8;
		border: 1px solid #294878;
		vertical-align: middle;
		margin-right: 5px;
		margin-bottom: 15px;
	}

	#sbox input#f-go {
		vertical-align: middle;
	}


	/* -- links -- */
	#nav a:link,
	#nav a:visited	{color: #EEF4FD; text-decoration: none;}
	#nav a:hover,
	#nav a:active,
	#nav a:focus		{color: #fff; text-decoration: none;}