/*import any google webfonts here*/
@import url(https://fonts.googleapis.com/css?family=Nunito:400,700);

/* Reset Browser Defaults */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

body {font-family: "Nunito", sans-serif; font-size: 16px; background-color: #9ed45c; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align:left; font-weight: normal; }
a {color:#CE353B; text-decoration: none;}
a:hover {color: #904b81; }
a:visited{color: #904b81; }

h1 {font-weight:bold; font-size:1.7em; text-align: center;}
h2 {font-weight: bold; font-size: 1.3em;}
#contentNav {margin:20px 0;}
	#contentNav img {float:right;}
section, #contentNav, h1 {
	background-color:#C4FA82;
	margin:20px 0; 
	border: 15px solid transparent;
	-webkit-border-image:url('../img/pt/border.png') 30 30 round; /* Safari 5 */
	-o-border-image:url('../img/pt/border.png') 30 30 round; /* Opera */
	border-image:url('../img/pt/border.png') 30 30 round;

}
p {padding: 10px 0;}
ul {margin: 0 0 0 30px; }


#contentNav,section{ /*padding: 1%;*/}
#container {width:87%; margin: 10px auto; /*padding: 2%; border: 1px solid #333; */}  /*960px;*/
#tsLogo {float:right;}
#header{overflow: hidden; padding: 1%;}
.centerPg {margin: 0 auto; display: block; width:100%; height:auto; max-width: 676px; 
	-moz-box-shadow: 5px 5px #888;
-webkit-box-shadow: 5px 5px #888;
box-shadow: 5px 5px #888;
	/*-webkit-filter: drop-shadow(5px 5px rgba(79,79,79,0.5)); filter: drop-shadow(5px 5px rgba(79,79,79,0.5));*/}
.flexSize {width:100%; height:auto;}
.no-bottom-margin {margin-bottom: 0px;}
a.pdflink {text-decoration: underline;}
img.tableImg {display: block;  margin:0 0 5px 0;}
.header-pbslogo{
	padding: 40px 3% 0 0;

}
.header-marthalogo{
	padding:40px 3% 0 0;

}
a.storylink {}

.table-header {position: fixed; top:10px; min-height: 100px; background-color: #C4FA82; width:83.8%; max-width:920px; left:8.1%;}
.table-header th {width: 25%;}


/*		FLUID TABLE 		*/
.no-tables, .no-tables td, .no-tables th, .table-header, .table-header th {border:2px solid #85a335;}
/*.no-tables tr, .no-tables td, .no-tables th {border: 1px solid #ccc;}*/
.no-tables th, .no-tables td, .table-header th{ padding:1%;}
/*.no-tables tbody tr:nth-child(odd) {background: #ddd;}*/
.no-tables thead th, .table-header thead th {font-weight: bold; font-size: 1.3em;}
.no-tables td {min-height: 20px; width: 25%}
.no-tables tbody th {background-color: #85a335; color:#d7f783; font-size: 1.3em;}
.no-tables .table-title {color:#ce353b;}

@media only screen and (max-width: 480px) {
	#contentNav img {display: block; margin: 0 auto; float:none; width: 20%; height:auto;}
}


@media only screen and (max-width: 800px) {
	h1 {font-size: 1.4em;}
	h2 {font-size: 1.1em;}
	.no-tables {font-size:.8em;}



	/*Force table to not be like tables anymore*/
	.no-tables table, 
	.no-tables thead, 
	.no-tables tbody, 
	.no-tables th, 
	.no-tables td, 
	.no-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-tables tr { border: 1px solid #85a335; }
 
	.no-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #85a335; 
		position: relative;
		padding-left: 35%; 
		white-space: normal;
		text-align:left;
		width:auto;
	}
 
	.no-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 30%; 
		padding-right: 1px; 
		white-space: normal;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.no-tables td:before { content: attr(data-title); }

}
