/*
-----------------------------------------------
WGBH interactive
daniel_bulli at wgbh.org


- This contains styles for layout of all pages (template)
-- does NOT contain internal content 
----------------------------------------------- */



/*
-----------------------------------------------
globally set everything to 0 
----------------------------------------------- */

	*, td, img  { margin: 0; padding: 0; } 
	form, fieldset	{font: 100%/120% verdana, arial, sans-serif}
	p	{margin: 0 0 0 0; padding: 0 0 12px 0}

	form label	{cursor: pointer}
	fieldset	{border: none}
	input, select, textarea {font-size: 100%}


/*
-----------------------------------------------
body
----------------------------------------------- */

	body { 
		font: 12px verdana, arial, sans-serif; 
		background-color: #d8d4d0;
		color: #dfdfd3;
		
		}
	
	
/*
-----------------------------------------------
centered box
----------------------------------------------- */

	#all_content {
		width: 758px;
		margin: 0 auto;
		border: 1px solid #a9a6a2;
		border-width: 0 1px 1px 1px;
		background-color: #F5AE5E;
		background: #fff url(../../../../www-tc.pbs.org/wgbh/takeonestep/images/site/bg_prog_res.gif) repeat-y 0 0;
		position: relative;
	}
	
	
	
/*
-----------------------------------------------
header
----------------------------------------------- */


	i.iefix { height: 0px; overflow: hidden; display: block; }
	#header {
		height: 118px;
		overflow: hidden;
		position: relative;
	}
	
	#programs_page #header {
		background: transparent url(../../../../www-tc.pbs.org/wgbh/takeonestep/images/site/banner_programs.gif) repeat-y 0 0;
	}
	
	#resources_page #header {
		background: transparent url(../../../../www-tc.pbs.org/wgbh/takeonestep/images/site/banner_resources.gif) repeat-y 0 0;
	}
	
	#tos_logo {
		float: left;
		display: inline;
		margin-top: 10px;
	}
	
	#tos_nav {
		margin: 10px 0 0 464px;
	}
	
	#nav_resources {
		margin-left: 6px;
	}
	
	
	
	/*
	-----------------------------------------------
	search
	----------------------------------------------- */	
		#search_form {
			position: absolute;	
			margin-top: 34px;
			margin-left: 6px;
			left: 0;
			z-index: 398;
		}
		
	
		#search_form #q {
			width: 126px;
			position: absolute;
			z-index: 101;
			left: 0;
		}
	
		#search_form #search-submit {
			margin: 3px 0 0 135px;
			position: absolute;	
			z-index: 101;
			left: 0;
		}	
		

/*
-----------------------------------------------
content
----------------------------------------------- */

	#content {
		width: 758px;
		margin: 0 auto;
		background: #fff url(../../../../www-tc.pbs.org/wgbh/takeonestep/images/site/bg_prog_res.gif) repeat-y 0 0;
		position: relative;
	}
	
	.left_col {
		width: 198px;
		margin-left: 4px;
		float: left;
		display: inline;
	}		
	
	.middle_col {
		margin: 0 25px 0 10px;
		width: 235px;
		float: left;
		display: inline;
	}		
	
	
	
	h2 {
		font-size: 12px;
		padding-top: 0;
		margin-bottom: 15px;
		text-transform: uppercase;
		color: #f5f5eb;
	}
	
	h3 {
		font-size: 12px;
		padding-top: 0;
		margin-bottom: 0;
		color: #f5f5eb;
		font-weight: bold;
	}
	
	.left_col h2 {
		width: 198px;
		line-height: 12px;
		border-bottom: 1px solid #9b9b91;
	}
	
	.left_col p {
		width: 195px;
	}

	.middle_col h2 {
		margin-bottom: 5px;
	}
	
	.funder {
		float: left;
		display: inline;
		font-size: 10px;
		color: #dadac7;
		}

	.funder p {
		padding-bottom: 15px;
	}
	
	.f1 {
		margin-left: 10px;
	}
	
	.f2 {
		margin-left: 18px;
	}
	
	.f3 {
		margin-left: 42px;
	}
	
	
	.copyright {
		width: 750px;
		text-align: right;
		font-style: italic;
		font-size: 10px;
		color: #bebeb3;
		/* old 909090 */
		padding-bottom: 3px;
	}


	.clearer {
		clear: both;
		height: 61px;
	}


	img.p_gbh_logo {
		margin-left: 11px;
		margin-bottom: 20px;
	}
	
	img.p_tpt_logo {
		margin-left: 11px;
		margin-bottom: 15px;
	}
	


/*
-----------------------------------------------
links
----------------------------------------------- */

	a:link, 
	a:visited {color: #FFB545; }
	a:hover,
	a:active,
	a:focus	{color: #FAF6F1;}

	a.noline {
		text-decoration: none;
	}
	
	span {
		text-decoration: underline;
	}



/*
-----------------------------------------------
footer
----------------------------------------------- */		
	
	#footer {
		width: 758px;
		background-color: #F5AE5E;
		border-left:  1px solid #a9a6a2;
		border-right: 1px solid #a9a6a2;
		border-bottom: 1px solid #a9a6a2;
		margin: 0 auto;
		color: #836139;
		font-size: 10px;
		color: #666;
	}
	
	#footer p 	{
		padding: 3px 0 17px 3px;
	}
			
	#footer span {
		color: #FCF3E9;
		padding-bottom: 17px;
	}
	
	div.updated small { 
	}
	
	#footer a:link,
	#footer a:visited {color: #432C11;text-decoration: none;}
	#footer a:hover,
	#footer a:active,
	#footer a:focus { text-decoration: underline;}