@charset "UTF-8";
/* CSS Document
By: Nate Eagle
Date: 11/24/2009

Notes:
------
CSS organization taken from the excellent presentation by Natalie Downe at:
http://natbat.net/2008/Sep/28/css-systems/
*/

/*
*****
		General Styles
*****
*/

html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #7e9a31;
	background-image: url(/help/images/bg-felt.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	display: block;
}

a img {
	border: 0;
}

a:active {
	outline: none;
}

p {
	line-height: 1.5;
	margin: 1em 0;
	overflow: visible;
	padding: 0;
	zoom: 1;
}

ul {
	margin: 0;
	padding: 0 0 0 2em;
}

ul li {
}

/*
*****
		Helper Styles
*****
*/

span.highlight {
	background: yellow;
}

/*
*****
		Page Structure
*****
*/

#container {
	margin: 0 auto;
	width: 1002px;
}

#sidebar {
	background-image: url(/help/images/frame-side-tile.png);
	background-position: 100% 0;
	background-repeat: repeat-y;
	color: #fff;
	float: left;
	margin: 59px 0 0 0;
	padding: 0;
	position: relative;
	width: 329px;
}

#sidebar .inner {
	background-image: url(/help/images/frame-side-bottom.png);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	margin: 0 0 -65px 0;
	padding: 0 55px 50px;
	width: 219px; /* Adjusted in IE6 Stylesheet */
}

#logos {
	background-image: url(/help/images/frame-side-top.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	margin: -59px 0 0 -49px;
	overflow: hidden;
	padding: 0 0 0 78px;
	position: relative;
	width: 300px;	
}

#logos ul {
	margin: 0;
	padding: 40px 0 0 0;
	list-style-type: none;
	overflow: hidden;
}

#logos ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#content {
	background-image: url(/help/images/frame-content-top.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 0 -23px;
	padding: 91px 0 0 0;
	position: static;
	width: 696px;
}

#content .inner {
	background-image: url(/help/images/temp.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	min-height: 0;
	padding: 0 66px;
}

#content .bottom {
	background-image: url(/help/images/frame-content-bottom.png);
	background-repeat: no-repeat;
	height: 80px;

}

#footer {
	border-bottom: 1px solid #fff; /* stop margin collapse */
	border-top: 1px solid #ccc;
	bottom: -30px;
	color: #666;
	font-size: 12px;
	position: relative;
}

/*
*****
		Page Components
*****
*/

/* Content Styling */
#content ul li {
	margin: 0 0 .5em;
}

#content a {
	color: #3e8098;
}

#content a:visited {
	color: #295D6F;	
}

#content a:hover {
	color: #4C95AF;	
}

/* Sidebar Styling */
#sidebar p {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 1em;
}

#sidebar a {
	color: #BFEF3B;
}

#sidebar a:visited {
	color: #a7ce39;
}

#sidebar a:hover {
	color: #E1FF8F;
}

#sidebar h2 {
	background-image: url(/help/images/about_pbs.png);
	background-repeat: no-repeat;
	height: 52px;
	margin: 1.5em 0 .5em -5px;
	text-indent: -9999px;
	width: 229px;
}


#sidebar ul#navigation {
	font-size: 24px;
	list-style-type: none;	
	margin: 20px 0 20px -9px;
	padding: 0;
	width: 258px;
}

#sidebar ul#navigation li {
	background-image: url(/help/images/nav-background.png);
	background-position: 0 0;
	color: #BFEF3B;
	display: block;
	height: 49px;
	margin: 0;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	width: 258px;
}

#sidebar ul#navigation li:hover, #sidebar ul#navigation li.current {
	background-position: 0 -49px;
	color: #fff;
}

#sidebar ul#navigation li a {
	display: block;
	height: 41px;
	margin: 5px 4px 4px;
	outline: none;
	width: 250px;
}

#sidebar ul#navigation li.home a {
	background-image: url(/help/images/nav-home.png);	
}

#sidebar ul#navigation li.faq a {
	background-image: url(/help/images/nav-faq.png);	
}

#sidebar ul#navigation li.writetous a {
	background-image: url(/help/images/nav-writetous.png);	
}

/* Back to Top button that appears on longer pages */
#backtotop {
	width: 100%;
	bottom: 0;
	clear: left;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	text-align: center;
}

#backtotop a {
	display: block;
	margin: 0 auto;
	outline: none;
	padding: 0 600px 0 0;
	width: 132px;
}

/* Image-Replaced Page Titles */

h1 {
	background-repeat: no-repeat;
	height: 93px;
	margin: 0 -40px -30px -27px;
	position: relative;
	top: -30px;
	width: 618px;
	text-indent: -9999px;
}

h1#titleHelp {
	background-image: url(/help/images/title-help.jpg);
}

h1#titleFAQ {
	background-image: url(/help/images/title-faq.jpg);
}

h1#titleThanks {
	background-image: url(/help/images/title-thanks.jpg);
}

h1#titleWrite {
	background-image: url(/help/images/title-write.jpg);
}

h1#titleAddresses {
	background-image: url(/help/images/title-addresses.jpg);
}

/* FAQ */

#faq {
	height: 1%;
	margin: 3em 0 0;
}

#faq h3 {
	border-top: 10px solid #333;
	padding: 10px;
}

#faq dt {
	background-image: url(/help/images/arrow-right2.gif);
	background-position: 8px 50%;
	background-repeat: no-repeat;
	border-top: 5px solid #ccc;
	font-weight: bold;
	padding: 10px 10px 10px 30px;
}

#faq dt:hover, #faq dt.hover {
	background-color: #eee;
}

#faq dt.even {
}

#faq dt.active {
	background-color: #CFF5FF;
	background-image: url(/help/images/arrow-down2.gif);
	border-top: 5px solid #32859E;
}
#faq dt.active.even {
	background: #E0FFBF;
	border-top: 5px solid #6A9E32;
}

#faq dd {
	margin: 1em 0 3em 2em;	
}

#faq-search {
	background: #F7FFEF;
	border-bottom: 5px solid #B0DF7D;
	border-top: 5px solid #B0DF7D;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0 25px;
}

#faq-search h4 {
	margin: 1em 0;
}

#faq-search p.status {
	background: #FEFF9F;
	padding: 5px;
}

#faq-search input.text {
	color: #666;
	font-size: 16px;
	padding: 5px;
}

#faq-search input.text.active {
	color: #000;	
}

#faq-search .clear {
	margin: 0 0 -7px;
}

#faq-jumplinks {
	margin: 0 0 50px;	
}

#faq p.end {
	border-top: 5px solid #6A9E32;
	margin: 50px 0 0;
	padding: 25px 0 0;
}

/* Styling for the similar, but not identical, search on the Help homepage */

#homepage-search {
	background: #F7FFEF;
	border-bottom: 5px solid #B0DF7D;
	border-top: 5px solid #B0DF7D;
	margin: 20px 0 0 0;
	overflow: hidden;
	padding: 0 25px;
}

#homepage-search p.status {
	background: #E8FFCF;
	padding: 5px;
}

#homepage-search input.text {
	font-size: 16px;
	padding: 5px;
}

#homepage-search input.text.active {
	color: #000;	
}

#homepage-search .clear {
	margin: 0 0 -7px;
}

#homepage-search form {
	display: block;
	margin: 0 0 25px;
	text-align: center;
}

#homepage-search form p {
	text-align: left;
}

#homepage-search form .submit {
	background-image: url(/help/images/search.gif);
	border: 0;
	cursor: pointer;
	height: 29px;
	text-indent: -9999px;
	width: 74px;
}

/* Styling for the show select box + button, which appears on multiple pages */
form.showselect {
	display: block;
	height: 1%; /* Trigger hasLayout in IE6 to clear float */
	overflow: hidden;
	padding: 5px;
}

form.showselect select {
	background: #F7FFDF;
	border: 1px solid #ccc;
	float: left;
	font-size: 16px;
	display: block;
	padding: 5px;
}

form.showselect input {
	float: left;
	margin: 2px 0 0 5px;
}

/* Show List and Old Show List Pages */

dl#showlist {
	height: 1%;
}

dl#showlist dt {
	background: #CFF5FF;
	border-top: 5px solid #32859E;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 10px 10px 120px;
}

dl#showlist dt.even {
	background: #E0FFBF;
	border-top: 5px solid #6A9E32;
}

dl#showlist dt img {
	float: left;
	margin-left: -110px;
	position: relative;
}

dl#showlist dd {
	background: #CFF5FF;
	margin: 0;
	padding: 10px 10px 10px 120px;
}

dl#showlist dd.even {
	background: #E0FFBF;
}

dl#oldshowlist {
	height: 1%;
}

dl#oldshowlist dt {
	background: #CFF5FF;
	border-top: 5px solid #32859E;
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
}

dl#oldshowlist dt.even {
	background: #E0FFBF;
	border-top: 5px solid #6A9E32;
}

dl#oldshowlist dd {
	background: #CFF5FF;
	margin: 0;
	padding: 10px;
}

dl#oldshowlist dd.even {
	background: #E0FFBF;
}

/* Styling for the Write PBS KIDS Form */

#writepbskids h3 {
	margin: 0 0 1em;
}

#writetopbskids ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#writetopbskids li {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#writetopbskids li .help {
	clear: left;
	color: #666;
	display: block;
	font-size: 10px;
	padding-left: 130px;
}

#writetopbskids li label {
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
	text-align: right;
}

#writetopbskids li input {
	background: #F6FFDF;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 14px;
	margin: 0;
}

#writetopbskids textarea {
	background: #F6FFDF;
	border: 1px solid #ccc;
	font-size: 14px;
	padding: 5px;
	width: 420px;
}

#writetopbskids select {
	font-size: 14px;
}

#writetopbskids li input:focus, #writetopbskids textarea:focus {
	background: #E1FF8F;
}

#writetopbskids #send {
	background: #fff;
	border: 0;
	float: right;
}


/*
*****
		Overrides
*****
*/