@charset "UTF-8";



@font-face {
  font-family: 'PBS Sans';
  font-weight: 400;
  src: url('https://www-tc.pbs.org/pbsfonts/v1.2/PBSSans.woff2') format('woff2'),
    url('https://www-tc.pbs.org/pbsfonts/v1.2/PBSSans.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'PBS Sans';
  font-weight: 400;
  font-style: italic;
  src: url('https://www-tc.pbs.org/pbsfonts/v1.2/PBSSans-It.woff2') format('woff2'),
    url('https://www-tc.pbs.org/pbsfonts/v1.2/PBSSans-It.woff') format('woff');
  font-display: swap;
}

body, a {
  font-family: 'PBS Sans' !important;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, 
	header, hgroup, menu, nav, section 					{ display:block; }
	
/* Reset */
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, 
	img, ins, kbd, q, s, samp, small, strike, strong, 
	sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
	ul, li, fieldset, form, label, legend, table, 
	caption, tbody, tfoot, thead, tr, th, td, article, 
	aside, canvas, details, embed, figure, figcaption, 
	footer, header, hgroup, menu, nav, output, ruby, 
	section, summary, time, mark, audio, video 			{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
ol, ul 													{ list-style:none; }
blockquote, q 											{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after 	{ content:''; content:none; }
table 													{ border-collapse:collapse; border-spacing:0; }

::-webkit-input-placeholder 							{ color:white; }
:-moz-placeholder 										{ color:white; }
a														{ text-decoration:none; }
a:hover, a:focus										{ }
a:visited												{ }
a.nw, #body a[target=_blank]					{ padding-right:13px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) right top no-repeat; }
#body #banners a								{ padding-right:0; background:none; }

a.buttondiv, div.buttondiv, a.button, #body a.button[target=_blank] { padding: 10px 2em; width: auto; display: inline-block; margin-bottom: 0.5em; text-align: center; color: #FFF !important; border-radius: 6px; background: #2638c4; line-height: 1.5; text-shadow: 0 1px 1px rgba(0,0,0,0.75); font-size: 1.2em; border: 1px solid rgba(255,255,255,0.25); box-shadow: inset 0 1em 2em rgba(255,255,255,0.1); }

header .buttondiv {
  background: #0e47ab; 
}

.button.full { width: 100%; box-sizing: border-box; }
a.button:hover, a.button:focus							{ color: #FD0 !important; text-decoration:none !important; }
address 												{ }
address hr												{ }
body 													{ background:#7a7f89; font:100% "PBS Sans", Helvetica, sans-serif; height:100%; line-height:1em; }

body 													{ background-color: white; }

footer 													{ background: linear-gradient(to right, #aaa 0%, white 1%); height:auto; min-height:30px; overflow:hidden; text-align:center; color:#c0cfde; line-height:1.6em; float:left; width:100%;  }
footer.risingstar											{ display: none; }
footer h2 												{ color:white; margin-bottom:0.5em; font-size:14pt; }
footer .footer-wrapper {
  position: relative;
}
footer address 											{ font-style:italic; }
footer address, #copyright 								{ color: black; padding:10px; line-height:1.2em; font-size: 13pt; }
footer a 												{ color:#04c6e5 }
footer a:hover, footer a:focus 							{ text-decoration:underline; }
h1, h2, h3, h4, h5, h6, legend							{ font-family:"PBS Sans", "PBS Sans", Helvetica, sans-serif; font-weight:bold; line-height:1.2em; margin-bottom:0.5em; }
h1														{ font-size:2em; margin:20px 0; border-radius:5px; text-align:center; color:#2638c4; padding:2%; }
h2, legend												{ font-size:1.8em; color:black; }
h3														{ font-size:1.4em; font-family:"PBS Sans","PBS Sans", Helvetica, sans-serif; color:black; }
h4														{ font-size:1.2em; font-family:"PBS Sans", "PBS Sans", Helvetica, sans-serif; }
header 													{ background: white; min-width:320px;  background-size: auto 100% }
html													{ height:100%; }
hr														{ border:0; border-bottom:2px dotted #e3ddd2; clear:both; margin:15px 0; padding:0; }
input[type=search]										{ -webkit-appearance:textfield; -webkit-box-sizing:content-box; }
noscript p 												{ text-align:center; display:block; padding:10px; margin-bottom:20px; background:#652D89; color:black; border-radius:5px; text-shadow:1px 1px 1px #000; }
#error 												{ text-align:center; display:block; padding:10px; margin-bottom:20px; background:#652D89; color:black; border-radius:5px; text-shadow:1px 1px 1px #000; }
noscript a 												{ color:#0FF; }
option 													{ /*padding:5px;*/ }
p														{ padding:0 0 1em; }
p.em, p.bigem											{ font-style:italic; color:black; }
p.bigem													{ font-size:1.4em; text-align:center; line-height:1.6em; }
p.stronger												{ font-weight:bold; }
span.req												{ color:#FC0; }
strong													{ font-weight:bold; }

ul.radio	{ margin:0 !important; padding:0 !important; list-style:none !important; clear:left; }
ul.radio li		{ margin:0; padding:5px !important; background:none !important; float:left; clear:none; }
ul.radio label	{ width:auto !important; padding:1px !important; margin:0; }
ul.radio input	{ width:auto !important; vertical-align:middle; padding:0; margin:5px; }
textarea { resize:vertical; }

.tabs { width:100%; clear: left; height:auto; overflow:hidden; list-style:none !important; padding:0 !important; margin:0 !important; }
.tabs li { float:left; }
.tabs a { display:block; padding:20px; /*color:black !important; */ margin:0 10px; font-weight:bold; border:1px solid #3A5D70; border-bottom:0; background: white; text-align:center; }
.tabs .sel a, .tabs a:hover, .tabs a:focus { background:#101624;  text-decoration:none !important; color:black !important; }
.tabs .err a { background-image:url(../images/icons/warning.png); background-position:center 10px; padding:30px 20px 10px; background-repeat:no-repeat; }
.results_container { height:auto; /*font-size:0.9em;*/ border-top:1px solid #3A5D70; margin-top:-1px; padding:3% 0 0; }

ul.toc { clear:both; }

dl { width:100%; display:block; height:auto; overflow:hidden; margin-bottom:1em; }
dl div { border-top:1px dashed #333; height:auto; overflow:hidden; }
dl div:first-child { border:0; }
dt, dd { float:left; clear:left; padding:3%; display:block; }
dd { clear:none; width:44%; }
dt { font-weight:bold; color:black; width:44%; }

p.info { background:url(../images/icons/info.png) 20px 25px no-repeat; margin-bottom:1em; padding:20px 20px 20px 60px; border:1px dashed #ccc; border-radius:5px; }
#main fieldset span.weight { font-size:1em !important; float:right !important; padding:0 0 0 5px !important; color:#00d000; }
#main fieldset span span.err { color:#D31145 !important; }

table { width:100%; margin-bottom:1em; clear:both }
table tr { }
table td, table th { padding:2%; border-bottom:1px dashed #ccc; }
table thead td, table thead th { border-bottom:1px solid #3A5D70 !important; padding:1%; }
table thead a { color:black; display:block; padding:3% 1%; }
table th { font-weight:bold; }
table .asc a							{ background:url(../images/list-asc.gif) 5px center no-repeat; padding-left:19px; }
table .desc	a							{ background:url(../images/list-desc.gif) 5px center no-repeat; padding-left:19px; }
table .actions 							{ text-align:right; }
table .actions img						{ vertical-align:middle; margin-right:3px; }
table a.flag							{ text-decoration:none !important; }
table ul								{ list-style:none; margin:0; padding:0; }
table td.complete						{ color:#060; }
table td.incomplete						{ color:#900; }
table td.progress						{ color:blue }

#main ul.pagination 							{ margin:10px 0 0; padding:0; list-style:none; float:right; }
#main ul.pagination li 						{ float:left; }
#main ul.pagination a, ul.pagination .skip	{ display:block; padding:3px 10px; color:black; font-size:1.2em; color:#666; }
#main ul.pagination a:hover, 
	#main ul.pagination .sel a				{ font-weight:bold; text-decoration:none; color:black; }
#main ul.pagination .prev	a					{ background:url(../images/prev.png) 0 0 no-repeat; width:30px; height:31px; text-indent:-9999px; padding:0; }
#main ul.pagination .prev a:hover				{ background-position:0 -31px; }
#main ul.pagination .next	a					{ background:url(../images/next.png) 0 0 no-repeat; width:30px; height:31px; text-indent:-9999px; padding:0; }
#main ul.pagination .next a:hover				{ background-position:0 -31px; }
#main ul.pagination .disabled a				{ background-position:0 -62px !important; }

#main h2.form { float:left; clear:left; display:none; }

#main form 												{  }
#main form div.actions									{ padding:2% 3% 0 0; float:left; clear:left; width:97%; color:white; }
#main form div.actions a, #main form div.actions span	{ float:left; padding:1% 0 1% 1%; margin-right:1%; border-left:1px dashed #333; }
#main form div.actions a:first-child					{ border:0; padding-left:0; }
#main form div.actions button.back						{ float:left; }
#main form button										{ /*padding:9px; margin: 2px; */ font-size:1em; float:right; }
#main fieldset											{ height:auto; overflow:hidden; clear:both; margin-bottom:1%; }
#main fieldset legend									{ margin-top:1em; width:100%; }
#main div.field											{ height:auto; overflow:hidden; padding:0; clear:left; margin:0 0 0 0; width:99%; float:left; }
#main div.fullfield										{ clear:both; }
#main div.field label									{ float:left; padding:10px 0; width:100%; }
#main fieldset .why										{ float:right; }
#main fieldset.full .why								{ padding-right:5%; }
#main legend .why										{ font:0.6em "PBS Sans", Helvetica, sans-serif; padding-top:0.4em; padding-right:5%; }
#main div.field input, #main div.field textarea, 
	#main div.field select, #main div.fullfield input, 
	#main div.fullfield textarea, 
	#main div.fullfield select							{ float:left; clear:left; padding:10px; border:0; width:95%; border:2px solid #101624; font-size:1em; box-sizing: border-box; }
#main div.field select									{ padding-bottom:0; height:3em; width:100%; }
#main div.fullfield input								{ width:95%; }
#main div.fullfield textarea							{ width:99.9%; }
#main div.fullfield select								{ width:98%; text-align:center; }
#main .full div.field									{ width:97%; clear:left; }
#main .full div.check									{ padding-top:0 !important; }
#main .full ul.radio									{ padding:0 !important; }
#main div.err input, #main div.err textarea				{ border:2px solid #900; background:#FFC; width:94%; }
#main ul.radio											{ }
#main div.check											{ margin-top:1%; padding-top:1.5em; }
#main div.check input									{ width:auto; float:left; visibility:hidden; }
#main div.check label									{ clear:none; padding:0 0 0 40px; }
#main div.check label:before 							{ content:""; display:inline-block; width:1.6em; height:1.6em; margin-left:-40px; position:absolute; background-color:#fff; box-shadow:inset 0px 2px 3px 0px rgba(0, 0, 0, .7); }
#main div.check input[type=checkbox]:checked + label:before 	{ content:"\2713"; text-shadow:1px 1px 1px rgba(0, 0, 0, .2); color:#000; text-align:center; }
#main fieldset span.error								{ float:left; color:#FC0; width:100%; }
#main fieldset span.msg									{ float:left; color:#0C0; width:100%; }
#main div.check span.error								{ padding-left:40px; }

#main div.field > span									{ float:left; padding:10px 1px 0; line-height:0.8em; font-size:0.8em; height:1em; clear:both; }

#main div.recaptcha										{ float:left; clear:both; padding-top:10px; margin:0 3% 0 0; }
#main table												{ text-align:left; /*font-size:0.9em;*/ width:100%; color: black; clear:both; }
#main th												{ font-weight:bold; }
#main thead 											{ color:white; }
#main th, #main td										{ padding:1%; border-bottom:1px dashed #333; }
#main ul												{ list-style:disc; padding-left:40px; margin-bottom:1em; }
#main ol												{ list-style:decimal; padding-left:40px; margin-bottom:1em;  }
#main ol li												{ margin-bottom:1em; }
#msg 													{ background:#2638c4; padding:1%; display:block; font-size:1em; margin-bottom:1em; text-align:center; clear:both; color: white; }
#recaptcha_widget_div									{ margin-bottom:1em; }
#main div.check											{ margin-top:1%; padding-top:1.5em; }
#main ul.check											{ margin:0; padding:0; list-style:none; }
#main ul.check li											{ float:left; }

body.index #main ul										{ list-style:none; padding:0; margin:0; }

/*
.partners-wrapper 								{ display:none; }
*/

ul.banners img { max-width: 100%; } 

#body 													{ padding:20px 5% 0; float:left; width:90%; height:auto; overflow:hidden; line-height:1.6em; color:black; }
#body a 												{ color:#2638c4; }
#body a:hover, #body a:focus 							{ text-decoration:underline; }
#container 												{ background: white; min-width:320px; max-width:1250px; margin:0 auto; color:white; height:auto; overflow:hidden; box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; }
#footer-learnabout 										{ background:#0d131a; border-radius:5px; box-shadow:inset 1px 1px 2px #000; display:block; padding:1em; color:white !important; font-weight: normal; }
#footer-learnabout:hover, #footer-learnabout:focus 		{ box-shadow:none; text-decoration:none; color:#2638c4 !important; }
#footer-support 										{ }
#footer-info 											{   padding:30px 5% 5%; clear:both; height:auto; overflow:hidden; background-size: 100%; }
#insiderail 											{ /*font-size:0.9em;*/ background: #eef0f5; padding: 20px; box-sizing: border-box; }
#insiderail select								{ max-width: 100%; }
#insiderail ul											{ list-style:none; padding:0; }
#insiderail div 										{ margin-bottom:1em; line-height:1.4em; }
#insiderail div h2 										{ font-size:1.4em; line-height:1.0em; margin:0; padding:0; padding-bottom: 0.5em }
#insiderail a.sel										{ font-weight:bold; line-height:1.6em; }


#logo-wrapper {  background-color:  #e5e5e5; /*  @white */ }
#logo-wrapper.desktop { display: none  }
#logo-wrapper.mobile { margin-top: 70px;  }



#logo	 	{ background: url(/images/pbs_michiana_wnit.png) 15px center no-repeat; height: 170px; display:block; width:100%; text-indent:-999999px;  padding: 0px; box-sizing: border-box;  background-position: center 15px; background-size:  80% auto; margin-bottom: 30px; max-width: 340px; margin: 0 auto;}


#logos-channels { display: block; padding: 0; margin: 0; overflow: hidden; text-align: center; } 
#logos-channels li {  width: 48%; display: inline-block; margin: 0; padding: 0;   }
#logos-channels li a { display: block;  }
#logos-channels li a img { width: 100%; padding: 20px; box-sizing: border-box;  }

.live-tv.mobile, .live-tv.desktop { text-align: center; font-weight: bold; color: #044467; border: 0px solid black; display: block; max-width: 187px; margin: 0 auto; }
.live-tv.mobile { padding: 5px 0;  }
.live-tv img {  max-width: 100%;  margin-bottom: 3px;  padding: 5px;  box-sizing: border-box;}

.dddlive-tv.mobile { padding-bottom: 5px; }



#main h2												{ padding-top: 0.5em; }
#menu 													{ background:#050f19; text-align:center; color:white; }
#menu a 												{ display:block; color: white; }
#menu .submenu a 												{ color: black; font-weight: normal !important; }
#main em												{ font-style:italic; }
#menu-handle 											{ padding:0.5em 0; text-transform:uppercase; border-bottom:2px solid #192837; }
#menu-handle h2	 										{ background:url(../images/menu.gif) 0 center no-repeat; display:block; width:59px; margin:0 auto; padding-left:35px; font-size:1.2em; }
#menu .compact 											{ border-bottom:2px solid #192837; display:none; }
#menu .compact a 										{ background:black; padding:1em 0; font-size:1em; border-bottom:1px solid #000; }
#menu .compact a:hover, #menu ul a:focus 				{ color:#2638c4 }
#menu .compact ul, #menu .submenu, #menu .full 			{ display:none; }
#news 													{ clear:both; }
#othernews												{ clear: both; }

#news h2, .previews h2, #othernews h2												{ font-weight:normal; font-size:2em; clear:both; text-align:center; }
#news .articles 										{ margin-top:1em; clear:both; height:auto; overflow:hidden; }
#othernews h2 										{ padding: 0;}
#othernews .othernews.new							{ background: #050f19; padding: 10px !important; box-shadow: 0px 10px 5px 0px rgba(0,0,0,1.0); margin-bottom: 20px !important; font-size: 11pt; }
#othernews .othernews.new span						{ min-width: 25%; display: inline-block; }
#othernews .othernews.new a							{ color: black; }
#othernews .othernews li  								{ display: inline-block; width: 49%; float: none; }

#othernews .othernews.detailed li 										{  border-top: 5px solid #5b84ff; padding:1em 0; vertical-align: top; }
#othernews .othernews.detailed a 										{ color: #2638c4 }
#othernews .othernews.detailed img 										{ display: inline-block; width: 20%; margin: 0 10px; vertical-align: top }
#othernews .othernews.detailed .featured-link img 										{ display: inline-block; width: 90%; margin: 0 10px; vertical-align: top; max-width: 100%; }
#othernews .othernews.detailed div.content 								{ display: inline-block; width: 70% }
#othernews .socialmedia 										{ height:auto; overflow:hidden; width:250px; margin:0 auto 20px; }
#othernews .socialmedia li 									{ float:left; margin-right:10px; }
#othernews .socialmedia a 									{ background:url(../images/spritesheet.png) -13px -185px no-repeat; display:block; height:40px; width:40px; text-indent:-99999px; padding:0; }


#news .articles li 										{ float:left; clear:left; border-top:5px solid #5b84ff; padding:1em 0; }
#news .articles a 										{ color:#2638c4 }
#news .articles img 										{ display: inline-block; width: 20%; margin: 0 10px; vertical-align: top }
#news .articles div.content 								{ display: inline-block; width: 70% }
#news .articles .airdate { color: #fd0; padding: 5px 0; display: block; }
#news .articles .featured_episode_thumb { width: 70%; display: block;  margin: 10px; }


#news .socialmedia 										{ height:auto; overflow:hidden; width:250px; margin:0 auto 20px; }
#news .socialmedia li 									{ float:left; margin-right:10px; }
#news .socialmedia a 									{ background:url(../images/spritesheet.png) -13px -185px no-repeat; display:block; height:40px; width:40px; text-indent:-99999px; padding:0; }
#news-twitter a 										{ background-position:-61px -185px !important; }
#news-pinterest a 										{ background-position:-111px -185px !important; }
#news-google a 											{ background-position:-161px -185px !important; }
#news-rss a 											{ background-position:-87px -133px !important; }
#other-links 											{ width:150px; margin:10px auto 0; height:auto; overflow:hidden; }
#other-links li 										{ float:left; margin-left:10px; }
#other-links li:first-child 							{ margin:0; }
#other-links a 											{ display:block; height:40px; width:40px; text-indent:-999999px; }
#other-fcc a 											{ background:url(../images/spritesheet.png) -149px -238px; }
#other-contact a 										{ background:url(../images/spritesheet.png) -201px -238px; }
#other-cc a 											{ background:url(../images/spritesheet.png) -254px -238px; }
#pagestats												{ clear:both; /*font-size:0.9em;*/ }

#search 													{ position: relative; margin:1em 0; padding: 3px; height:auto; clear: both; }
/*.index #search 										{ margin-right:5%; float: left; } */
#search button 									{ position: absolute; right: 8px; top: 5px; background: none; border: none; line-height: 37px; padding: 0 0.5em; }
#squery 												{ background: white url(../images/search.gif) 0.5em 0.5em no-repeat; border-radius:5px; box-sizing: border-box;  line-height: 40px; height: 40px; width:99%; border:0; color:#000; margin:0 auto; padding:0 30px; font-size:1em; }

#searchlist 											{ position:absolute; top: 42px; background:black; width:100%; font-size:0.8em; z-index:10000; }
#searchlist li 											{ width:100%; }
#searchlist a 											{ padding:8px 12px; color:white; display:block; color:white; }
#searchlist > a {border-bottom: 30px solid black; font-size: 16pt }
#searchlist a:hover, #searchlist a:focus 				{ background:#111; text-decoration:none; }
#searchlist .area 										{ font-style:italic; }
#searchlist strong 										{ color:white; }
#searchlist .loading									{ display:block; text-align:center; padding:10px; }
#scategory 												{ height:1em; cursor:pointer; padding:1em 0; margin:0; float:left; width:33%; line-height:1em; font-size:1em; }
#top_go 												{ background:url(../images/spritesheet.png) 0 -260px no-repeat; float:right; width:50px; line-height:1em; height:20px; text-indent:-999999px; margin:3px 74px 0 0; position: absolute; right: 0; top: -25px;  }


#whatson 													{ margin:1em 0; position: relative; clear: right; font-size: 13px; }
#whatson h2												{ text-transform:lowercase; text-align: center; font-size:1.5em; margin:0 0 0.2em; line-height:1.5em; }
#whatson h2												{ text-align: center; }

#whatson div 											{ height:auto; overflow:hidden; clear:both; border-top:2px solid #282E3A; display:table; width:100%; }
#whatson dl												{ background:white; background: rgba(255,255,255,0.8); display:table-row; }
#whatson dt 											{ /*float:left; clear:left;*/ float:none; vertical-align:top; padding: 0.5em 1em; width: 33%; border-bottom:1px solid rgba(0,0,0,0.5); color: black; display:table-cell; background:#ccc; background: rgba(0,0,0,0.167); }
#whatson dt span										{ float:left; line-height:1em; }
#whatson dt .h 											{ /*font-size:2.1em;*/ font-weight:bold; }
#whatson dt .m 											{ /*font-size:1.2em;*/ }
#whatson dt .a 											{ /*font-size:1em;*/ }
#whatson dd 											{ width:auto; float:none; line-height: 1.2; display:table-cell; vertical-align:top; border-bottom: 1px solid rgba(0,0,0,0.5); color: black; padding: 0.33em 5%; }
#whatson dd a 											{ /*background:#404550;*/ margin:0; display:block; /*border-bottom:1px solid white;*/ font-size:1em; min-height:1.5em; line-height:1.5em; width:90%; height: 96%; /*padding:2% 5% */; background:none; color:black; }
#whatson dd a:hover, #whatson dd:focus 					{ background:#595d66; text-decoration:none; color:white; }
#main #whatson ul										{ float:right; padding-right:5%; padding-top:0.4em; font-size:1.1em; }
#whatson ul li											{ float:left; margin-left:15px; /*line-height:1em; height:1em;*/ }
#whatson ul li a										{ color:white; background: #2638c4;  }
#whatson ul li a:hover, #whatson ul li a:focus			{ text-decoration:none; }

#whatson .select-time li					{  margin-left: 0.5em;  }
#whatson .select-time a					{ padding: 5px 10px; border-radius: 10px 10px 0 0;  }
#whatson .select-time .active { 
	color:white;
	background:black; 
	border-radius:10px 10px 0 0; 
}
#whatson-full a											{ position:absolute; display:block; margin-top:-1em; color:#000 !important; font-size:0.9em !important; }
#whatson-full-button									{ display:block; color: white !important; text-align:center; text-transform:uppercase; padding:0.5em 0; background-color: #2638c4; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
#whatson-full-button:hover, #whatson-full-button:focus	{ color:white !important; }
#whatson-full a											{ display:none; }
#whatson .noschedule									{ clear:both; border-top:2px solid #282E3A; text-align:center; background:#fff; padding:23% 5% 30%; display:block; font-size:1em; height:1.5em; line-height:1.5em; width:90%; color:#666; }
#whatson .tonight										{ display:none; }
#whatson h2 											{  padding-left:5%; padding-top:0; }
#whatson-now											{ margin:0 !important; }
#whatson .select-channel {
	position: absolute;
	/*top: 0;*/
	left: 0;
}
#main #whatson .select-channel {
	padding: 0;
	border-radius: 1em;
	background: #333;
	box-shadow: inset 0 0.125em 0.25em rgba(0,0,0,0.5);
	overflow: hidden;
	line-height: 1.75;
	border: 1px solid white;
}
#main #whatson .select-channel li {
	margin: 0;
}
#whatson .select-channel a {
	font-size: 13px;
	font-weight: bold;
	color: white;
	padding: 0 0.6em;
	display: block;
}
#whatson .select-channel .active {
	background: #ffffff;
	text-shadow: 0 1px 1px rgba(255,255,255,0.8);
	color: #0B3E4F;
	box-shadow: 0 0.125em 0.25em rgba(0,0,0,0.5);
}

#article-share { float: right; margin: 20px; }
#article-share ul { list-style: none; padding: 0; }
#article-more img { width: 200px; float: left; margin: 20px; }
#article-content { margin: 10px 0 }

@media screen and (min-width:480px)
{ 
	.partners-wrapper 								{ display:block; }
	#whatson h2 { font-size:2.2em; }
	#main #whatson ul { font-size:1.5em; padding-top:0.8em; margin-bottom: 2px;}
}



#day_of_giving, #passport, neighbor_day	{ color: white;  display: inline-block; padding: 7px; text-align: center;  font-size: 0px; margin: 10px 15px 10px 10px; padding: 10px 2em; width: auto; display: inline-block; margin-bottom: 0.5em; text-align: center; color: #FFF !important; background: #0c45aa; line-height: 1.5; text-shadow: 0 1px 1px rgba(0,0,0,0.75);  border: 1px solid rgba(255,255,255,0.25); box-shadow: inset 0 1em 2em rgba(255,255,255,0.1); padding: 10px 5%;  }
#passport { color: #0c45aa; }


#freewill, #day_of_giving, #home-rail, #banners,  #connect, #ads, #natbanner,  #twitter, #kidschannel			{ display:none; }

.neighbor_day							{ display: none; }
.mobile-featured-wrapper .neighbor_day							{ display: inline-block; }


.mobile-featured-wrapper { position: absolute; top: 90px; left: 0; right: 0;  text-align: center; }

.live-tv.desktop { display: none; } 


#day_of_giving strong, .neighbor_day strong, #passport strong{ font-size: 12pt;  }

.mobile-featured-wrapper #day_of_giving { max-width: 200px; margin: 20px auto; display: block; }


@media screen and (max-width:760px) {
	.bluebar { margin-bottom: 0px !important; }
}

.pbs-app { display: none; }

.full #mainbody { width:100%; }
.full #insiderail { display: none; }


#main .banner_wrapper		{ 
	float: left; 
	margin-top: 2em; 
	display: block; 
	clear: left;
	width: 70%; 
	height: 200px;
}

#main .banners		{  
	/* float: left; margin-top: 2em; display: block; clear: both; width: 99%; */
}

#partner_wrapper { clear: both; padding: 1em 0; margin: 1em 0; border-top: 1px dashed rgba(255,255,255,0.33); }
#partner_wrapper img  { max-height: 100px; }
#partner_wrapper .banner_wrapper img  { max-height: 150px; }

#partner_wrapper h2 { font-size: 1.4em; margin: 0; }
#partners-join { display: block; margin-bottom: 1em; }

#play_video { position: relative; width:100%; height:0px; padding-top: 56%; margin-bottom:0; background:black; color:white; text-align:center; }
#play_video iframe										{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
#video_container { width: 100%; border: 0px solid #404550; border-radius:5px; }
#video_container h3 { margin: 0; padding: 0; font-size: 18px; font-weight: normal;  }
#video_container .description { transition: all 0.25s; padding: 0.25em 1em; border-bottom: 1px solid #888; background: white; color:black; }
#video_container h3 span.featured { color: #FD0; text-transform: uppercase; }
#video_container p { padding: 0; margin: 0; }
#video_container p a { font-size: 90%; }
#video_container .local_previews {  margin: 0; overflow: auto; max-height: 230px; }
#video_container .local_previews li {display: block;  cursor: pointer;   font-size: 13px; padding: 0; margin: 0; }
#video_container .local_previews li.sel { background: #bbb;  }
#video_container .local_previews .description { line-height: 1.2; min-height: 22px;padding: 5px 0 5px 50px; position: relative; }
#video_container .local_previews .description:hover { background: #2638c4; }
#video_container .local_previews img {position: absolute; top:3px; left: 3px; width: 40px; max-height:22px; padding-right: 10px; }



#main div.boxes { border-spacing:20px; display:table; background: rgba(255,255,255,0.1); margin-bottom: 2em; }
#main div.boxes .row { display:table-row; overflow:hidden; }
#main div.boxes .row div { border-radius:5px; display:table-cell; padding:3%; }
#main div.boxes ul { margin:0; padding:0 0 0 20px }
#main .list1 { float:left; width:47%; margin-right:3%; overflow:hidden; }
#main div.list2 { float:left; width:48%;  }
#filter_results { margin:0; padding:0; height:auto; overflow:hidden; display:block; border:0; }
#filter_query { width:62% !important; float:left !important; clear:none !important; margin:0 !important; background:#666; color:white; }
#filter_col { width:30% !important; float:left !important; clear:none !important; margin:0 !important; padding:8px 8px 0 !important; background:#666; color:white; }

body.lite header, body.lite footer, body.lite #search 	{ display:none !important; }
body.lite #body 										{ min-height:inherit; padding:5%; }
body.lite #content										{ width:100%; }
body.lite #container									{ max-width:1000px; }

.fancybox-wrap, .fancybox-skin, .fancybox-outer, 
	.fancybox-inner, .fancybox-image, 
	.fancybox-wrap iframe, .fancybox-wrap object,
	.fancybox-nav, .fancybox-nav span, .fancybox-tmp 	{ padding:0; margin:0; border:0; outline:none; vertical-align:top; }
.fancybox-wrap 											{ position:absolute; top:0; left:0; z-index:8020; }
.fancybox-skin 											{ position:relative; /*background:#f9f9f9;*/ background:#111423; /*color:#444;*/ line-height:1.6em; color:white; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.fancybox-skin a 										{ color:#04c6e5; }
.fancybox-skin a:hover, #body a:focus 					{ text-decoration:underline; }
.fancybox-opened 										{ z-index:8030; }
.fancybox-opened .fancybox-skin 						{ -webkit-box-shadow:0 0 15px rgba(255, 255, 255, 1); -moz-box-shadow:0 0 15px rgba(255, 255, 255, 1); box-shadow:0 0 15px rgba(255, 255, 255, 1); }
.fancybox-outer, .fancybox-inner 						{ position:relative; }
.fancybox-inner 										{ overflow:hidden; }
.fancybox-type-iframe .fancybox-inner 					{ -webkit-overflow-scrolling:touch; }
.fancybox-error 										{ color:#444; font:14px/20px "Helvetica Neue",Helvetica,"PBS Sans",sans-serif; margin:0; padding:15px; white-space:nowrap; }
.fancybox-image, .fancybox-iframe 						{ display:block; width:100%; height:100%; }
.fancybox-image							 				{ max-width:100%; max-height:100%; }
#fancybox-loading, .fancybox-close, 
	.fancybox-prev span, .fancybox-next span 			{ background-image:url(../images/fancybox_sprite.png); }
#fancybox-loading 										{ position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
#fancybox-loading div 									{ width:44px; height:44px; background:url(../images/fancybox_loading.gif) center center no-repeat; }
.fancybox-close 										{ position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; }
.fancybox-nav	 										{ position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(../images/blank.gif); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; }
.fancybox-prev 											{ left:0; }
.fancybox-next 											{ right:0; }
.fancybox-nav span 										{ position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; }
.fancybox-prev span 									{ left:10px; background-position:0 -36px; }
.fancybox-next span 									{ right:10px; background-position:0 -72px; }
.fancybox-nav:hover span 								{ visibility:visible; }
.fancybox-tmp 											{ position:absolute; top:-99999px; left:-99999px; max-width:99999px; max-height:99999px; overflow:visible !important; }
.fancybox-lock 											{ overflow:visible !important; width:auto; }
.fancybox-lock body 									{ overflow:hidden !important; }
.fancybox-lock-test 									{ overflow-y:hidden !important; }
.fancybox-overlay 										{ position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(../images/fancybox_overlay.png); }
.fancybox-overlay-fixed 								{ position:fixed; bottom:0; right:0; }
.fancybox-lock .fancybox-overlay 						{ overflow:auto; overflow-y:scroll; }
.fancybox-title 										{ visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,"PBS Sans",sans-serif; position:relative; text-shadow:none; z-index:8050; }
.fancybox-opened .fancybox-title 						{ visibility:visible; }
.fancybox-title-float-wrap 								{ position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; }
.fancybox-title-float-wrap .child 						{ display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px;    -moz-border-radius:15px;         border-radius:15px; text-shadow:0 1px 2px #2638c4; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; }
.fancybox-title-outside-wrap 							{ position:relative; margin-top:10px; color:#fff; }
.fancybox-title-inside-wrap 							{ padding-top:10px; }
.fancybox-title-over-wrap 								{ position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }
#home-menu 											{ display:block;  width:100%; clear:both; margin-bottom:1em; height:auto; float:left; overflow:hidden; border-top: 1px dashed rgba(255,255,255,0.33); border-bottom: 1px dashed rgba(255,255,255,0.33); }
#home-menu li										{ float:left; width:100%; padding:1% 0; }
#home-menu h2										{
	background: url(../images/black_arrows.png?a=1) right no-repeat;
	background-size: 15px 21px;
	padding-top:0; 
	font-weight:normal; 
	text-transform:lowercase; 
	margin:0; 
	float:left; 
	padding-right:25px; 
	font-size:1.5em;
	line-height:1.6em; }
#home-menu a										{ color:black; display:block; }
#home-menu a.ad										{ color: #2638c4; font-weight: bold; }
#home-menu a:hover, #home-menu a:focus 				{ text-decoration:none; color:black; }
#home-menu a.ad:hover, #home-menu a.ad:focus 		{ text-decoration:underline; color:black; }
#home-menu p										{ clear:left; font-size:0.8em; }
/*#whatson-full-button { background:#050F19; color:white !important; padding:15px; }*/



.slider-background { position:absolute; z-index:-2; }
.slider-overlay { position:absolute; z-index:-1; }
.slider-backdrop { position:absolute; z-index:-3; background:#101624; }
/*body.index #body 										{ background:url(../images/home_canvas_vsmall.jpg) 0 65px no-repeat #101624; background-size:100%; }*/

/*#pbslogo { display:none; }

body.index #container 									{ max-width:none; background:none !important; }
body.index #content 									{ width:100%; }
body.index #body 										{ background:url(../images/home_canvas_vsmall.jpg) 0 65px no-repeat #101624; background-size:100%; background:none !important; padding:85px 0 0; width:100%; }
*/

#live-tv { text-align: center; right: auto; left: 0; font-size: 12pt;  }
#live-tv.desktop { display: none;}

body.index #cover { width:100%; color:white; text-shadow:1px 1px 1px #000; text-align:left; height:50%;  }
body.index #cover > li { position:absolute; width: 39%;  }
body.index #cover li.sel { }
body.index #cover h2 { background:url(../images/bg3.png); color:white; margin:20px 0 0 20px; padding:20px; text-align:center; font-size:1.3em; }
body.index #cover .cover-details { clear:both; margin-left:40px; padding: 10px; }
body.index #cover p { display:none; text-align:justify; font-size:1em; line-height:1.6em; padding:20px; clear:left; margin:0 auto 0; background:black; }
body.index #cover time { display:block; padding:10px; color:#FC0; background:black; text-align:center; font-weight:bold; font-size:1em; line-height:1.6em; display:block; }
body.index #cover .links { margin:0; padding:0; width:100%; height:auto; overflow:hidden; }
body.index #cover .links a { display:block; background:black; color:white; padding:5px; font-weight:bold; }
body.index #cover .links a:hover, body.index #cover .links a:focus { color:black; background:#04c6e5; text-shadow:none; text-decoration:none; }
body.index #cover .item { }


.webpage_errors { position: absolute; top: 0px; font-size: 10pt; border: 2px solid red; background: #111;   width: 98%; left: 0; }
.webpage_errors ul { display: none;  }
.webpage_errors ul li { margin: 0 !important; padding: 0 !important;  }
.webpage_errors:hover ul { position: absolute; display: block;   }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5)
{
	#fancybox-loading, .fancybox-close, 
		.fancybox-prev span, .fancybox-next span 		{ background-image:url(../images/fancybox_sprite@2x.png); background-size:44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
	#fancybox-loading div 								{ background-image:url(../images/fancybox_loading@2x.gif); background-size:24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

body.index #body	 { background: white; }
body.index h1  { padding: 0; margin: -10; float: right; display: none; }

#pbs-logo  { display: none;  background: url(/images/pbs_white_rbg.png); background-size:  70% auto; background-repeat:  no-repeat; background-color:  #2638c4; height: 150px;  margin: 1em auto; text-indent: -9999em; background-position: center center; }

#footer-menu { padding-left: 50px };
#footer-menu ul { margin: 0; padding: 0; }
#footer-menu ul ul { padding: 0; padding-bottom: 20px; }
#footer-menu ul li {  display: inline-block; width: 30%; vertical-align: top; margin: 0; text-align: left; }
#footer-menu ul li li {  display: block; width: 100%; padding: 0; height: auto; line-height: 1.3em; }
#footer-menu h3 { font-size: 16pt; padding: 0; margin: 10px 0 0px 0; color: black; }
#footer-menu a { font-size: 16px; color: #2638c4;  }


#home-menu li.localshows  { width: 100%;  }
#home-menu li.subbanner img   { max-width: 100%;  }
#home-menu li.subbanner a   { background: none; padding-right: 0px; }
#home-menu li.subbanner   { padding: 20px 0 0;  }

	.bx-wrapper 										{ box-sizing: border-box; width: 100%; position:relative; *zoom:1;display:block; margin: 1em 0;border-radius:10px; border:solid #5b84ff 5px; padding: 1em 3em; background:#fff;}
	.bx-wrapper img 									{ max-width:100%; display:block; margin: 0 auto; }
	.bx-wrapper .bx-viewport 							{ border:0; margin-bottom: 0; }
	.bx-wrapper .bx-pager,
		.bx-wrapper .bx-controls-auto 					{ position:absolute; bottom:-3em; left:0; width:100%; }
	.bx-wrapper .bx-loading 							{ min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; }
	.bx-wrapper .bx-pager			 					{ text-align:center; font-size:.85em; font-family:"PBS Sans"; font-weight:bold; color:#666; padding-top:20px; }
	.bx-wrapper .bx-pager .bx-pager-item,
		.bx-wrapper .bx-controls-auto 
		.bx-controls-auto-item 							{ display:inline-block; *zoom:1; *display:inline; }
	.bx-wrapper .bx-pager.bx-default-pager a 			{ background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
		.bx-wrapper .bx-pager.bx-default-pager a.active { background:#000; }
	.bx-wrapper .bx-prev 								{ left:10px; background:url(../images/controls.png) no-repeat 0 -32px; }
	.bx-wrapper .bx-next 								{ right:10px; background:url(../images/controls.png) no-repeat -43px -32px; }
	.bx-wrapper .bx-prev:hover 							{ background-position:0 0; }
	.bx-wrapper .bx-next:hover 							{ background-position:-43px 0; }
	.bx-wrapper .bx-controls-direction a 				{ position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999; }
	.bx-wrapper .bx-controls-direction a.disabled 		{ display:none; }
	.bx-wrapper .bx-controls-auto 						{ text-align:center; }
	.bx-wrapper .bx-controls-auto .bx-start 			{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../images/controls.png) -86px -11px no-repeat; margin:0 3px; }
	.bx-wrapper .bx-controls-auto .bx-start:hover,
		.bx-wrapper .bx-controls-auto .bx-start.active 	{ background-position:-86px 0; }
	.bx-wrapper .bx-controls-auto .bx-stop 				{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../images/controls.png) -86px -44px no-repeat; margin:0 3px; }
	.bx-wrapper .bx-controls-auto .bx-stop:hover,
		.bx-wrapper .bx-controls-auto .bx-stop.active 	{ background-position:-86px -33px; }
	.bx-wrapper 
		.bx-controls.bx-has-controls-auto.bx-has-pager 
		.bx-pager 										{ text-align:left; width:80%; }
	.bx-wrapper 
		.bx-controls.bx-has-controls-auto.bx-has-pager 
		.bx-controls-auto					 			{ right:0; width:35px; }
	.bx-wrapper .bx-caption 							{ position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, 0.75); width:100%; }
	.bx-wrapper .bx-caption span 						{ color:#fff; font-family:"PBS Sans"; display:block; font-size:.85em; padding:10px; }






@media screen and (min-width:480px)
{
	
	

	#banners											{ display:block;  }
	#natbanner										{ background:none !important; padding:0 !important; display:block; border-radius:10px; border:solid #333 5px; clear:both; margin-bottom:3%; }
	#natbanner img								{ width:100%; display:block; }
	
	#footer-support								{  display:block; padding:3%; margin-top:25px; text-align:left; height:auto; overflow:hidden; }
	#footer-support h2						{ font-weight:normal; font-size:1.5em; margin:0; padding:0; text-transform:uppercase; }
	#footer-support ul						{ margin: 0; padding: 0; }
	#footer-support li						{ display: inline-block; margin-right:5px; }
	#footer-support a							{ display:block; padding:0; }
	#footer-support a img					{ border-radius:5px; border: none; }	

	#footer-support .bx-wrapper { border-radius: 0; border: none; background: none; margin: 0; padding: 0 4em; }

  .partners li { text-align: center; }	

	
	body.index #body { background-position: -70px 0;  }
	
}

@media screen and (min-width:560px)
{ 
	#mainbody { clear:none; float:left; width:67%; }
	#insiderail { width:28%; float:right; }
	#main div.field { clear:none; width:50%; min-height: 95px; }
	body.index #body { background-position: 0 0; }
	
}

@media screen and (max-width:480px)
{ 
	body.index #body { background-position: 0 0; background-size: 170%  }
	#othernews .othernews li { width: 100%; }
	
	a.button { width: 100%; }
} 



@media screen and (min-width:760px)
{ 
	#pbs-logo  { display: block; height: 80px; width: 70%; float: none;   box-sizing: border-box; }

  .live-tv.desktop { display: block;}
  .live-tv.mobile { display: none; } 
#logo-wrapper { padding: 30px 30px 0; background-color:  #e5e5e5; /*  @white */ }
#logo-wrapper.desktop { display: block }
#logo-wrapper.mobile { display: none }


#logos-channels { display: block; padding: 0; margin: 0; overflow: hidden;margin-left: 200px;  text-align: center;  } 
#logos-channels li {  display:inline-block; width: auto; float: none  }  
#logos-channels li a { display: block; padding: 0; margin: 0; padding: 0 20px;  }  
#logos-channels li a img { width: auto; height: 56px; padding: 0;}  


	body.index h1 										{ display:none; }
	header 												{ background:url(../images/railbg.jpg) right 0 no-repeat #18424e; width:25%; float:left; min-width:0; height:auto; min-height:1030px; position:absolute; margin-top: -71px; background: white /* @white */ }
	header.fixed										{ position:fixed; bottom:0; z-index: 99999; }
	h1													{  background:none; text-align:left; padding-top:0; padding-left:0; margin:0; }
	#body												{ background: white; min-height:1200px; }
	
	#ads												{ display:block; height:auto; overflow:hidden; text-align: center; }
	#ads li												{ float:left; clear:left; width:100%; margin-bottom:2em; }
	#ads-kids-club a									{ background:url(../images/ad_kidsclub.png) 0 0 no-repeat; width:140px; height:152px; margin:0 auto; text-indent:-999999px; display:block; }
	#ads-membership a									{ background:url(../images/ad_membership.png) 0 0 no-repeat; width:130px; height:125px; margin:0 auto; text-indent:-999999px; display:block; }
	#body h2 											{ text-align:left; }
	#body .socialmedia 									{ float:left; width:10%; }
	#body .socialmedia li								{ clear:left; margin-bottom:10px; }
	#connect											{ background:url(../images/railsocial.png); display:block; padding:5%; line-height:1.2em; font-size:0.9em; height:auto; overflow:hidden; margin-bottom:40px; background: #2638c4; background: #2638c4 }
	#connect p											{ margin:0; padding:0; }
	#connect a											{ color:#FD0; }
	#connect ul											{ margin:1em 0; }
	#connect ul li > a									{ height:25px; width:178px; display:block; color: white; }
	#connect-newsletter > a								{ background:url(../images/spritesheet.png) -119px 0 no-repeat; font-size: 10pt; padding-left: 46px; padding-top: 7px; color: black }
	#connect-mobile > a									{ background:url(../images/spritesheet.png) -119px -30px no-repeat; }
	#connect form										{ padding:5%; background:url(../images/railsocial.png); margin:1em 0; font-size:1em; line-height:1.6em; display:none; }
	#connect form .field								{ padding:0 0 0.8em; }
	#connect form .field label							{ padding-bottom:0.2em; display:block; }
	#connect form .field input							{ width:88%; padding:5%; background:white; color:black; border:0; border-radius:5px; }
	#connect form .check input							{ float:left; width:10%; padding:0; background:none; }
	#connect form .check label							{ float:left; width:85%; }
	#connect form fieldset								{ border-bottom:1px dashed #3A5B6E; padding-bottom:1em; margin-bottom:1em; }
	#connect .disclaimer								{ /*font-size:0.9em; line-height:1.6em;*/ color:#ccc; text-align:center; font-style:italic; }
	#connect div.actions								{ text-align:center; }
	#connect div.actions button							{ padding:2%; width:100%; }
	#connect .learn										{ padding:5% 2% 0; }


  .mobile-featured-wrapper { position: static; }

	.neighbor_day							{ display:block; width:180px; height:130px; color:white; background:url(/images/be_my_neighbor_day_button_2023.jpg) 0 0 no-repeat; font-family:"Century Gothic", "PBS Sans", Helvetica, sans-serif; text-indent:-999999px; font-weight:bold; margin:20px auto; text-align:center; font-weight:normal; position: static; border: 0px; padding: 0px;  background-size: 100% auto;}
.neighbor_day  { float: none;}

	#kidschannel	{ }
  #kidschannel strong { display: block; border-radius: 6px; }

	#freewill, .pbs-app	{ display:block; width:180px;  color:white;  font-family:"Century Gothic", "PBS Sans", Helvetica, sans-serif; font-weight:bold; margin:20px auto; text-align:center; font-weight:normal; }
	#freewill .buttondiv:hover, .pbs-app .buttondiv:hover { color: white !important; }
	#freewill .buttondiv, .pbs-app .buttondiv {font-size: 11pt; padding: 5px;} 
	#freewill .buttondiv span, .pbs-app .buttondiv  span { display: block; margin-bottom: 5px; }
	#freewill .buttondiv, .pbs-app .buttondiv { box-sizing: border-box; margin: 0px 7px; }

	#freewill { background: url(../images/free_will_logo.jpg); height: 69px; width: 160px; font-size: 0px; text-indent: -999vw; }


  .mobile-featured-wrapper .neighbor_day { display: none }
	#day_of_giving												{ display:block; width:200px; height:150px; color:white; background:


url(../images/day_of_giving_2022.png) 0 0 no-repeat; font-family:"Century Gothic", "PBS Sans", Helvetica, sans-serif; text-indent:-999999px; font-weight:bold; margin:20px auto; text-align:center; font-weight:normal; border-radius: 10px !important; }

	#passport												{ display:block; width:170px; height:120px; color:white; background:url(../images/passport_2021.png) 0 0 no-repeat white; font-family:"Century Gothic", "PBS Sans", Helvetica, sans-serif; text-indent:-999999px; font-weight:bold; margin: 0 auto; text-align:center; font-weight:normal; position: static; border: 0px; padding: 0px; background-size: 80% auto;   background-position: center center; padding: 0 5px;}

	#donate2												{ display:block; box-shadow: 2px 2px 2px #026; width:160px; height:200px; color:white; border-radius: 20px; background:url(../images/donate2.jpg) 0 0 no-repeat; font-family:"Century Gothic", "PBS Sans", Helvetica, sans-serif; text-indent:-999999px; font-weight:bold; margin:40px auto; text-align:center; font-weight:normal; }
	#donate3												{ display:block; width:165px; height:96px; color:white; background:url(../images/give_local_stjoe.png) 0 0 no-repeat; font-family:"Century Gothic", "PBS Sans", Helvetica, sans-serif; text-indent:-999999px; font-weight:bold; margin:20px auto 0; text-align:center; font-weight:normal; }
	#squery 												{ width: 8em; padding-right: 0; background-color: rgba(255,255,255,0.75); float: right; transition: all 0.5s; }
	#squery:focus, #squery.active						{ width: 21em; padding-right: 3em; }
	#search button 											{ display: none; width: 3em; color:#367fa6; text-transform:uppercase; font-weight:bold; cursor:pointer; font-size:1em; }
	#squery:focus + button, #squery.active + button 							{ display: block; }
	#search button strong	 							{ color: #628192; }

	/*footer					 							{ float:left; width:75%; margin-left:25%; }*/
	#content											{ float:right; width:75%; }
	#menu												{ background:none; height:auto; overflow: initial;  height: 235px;  /*background: #044467; */ padding-top: 0px;  padding-bottom: 1px; border-top: 1px solid white;}
  #menu a { color: #044467; }
	#menu .compact, #menu-handle 						{ display:none !important; }
	#menu .full											{  display:block; height:220px; width:80%; margin-right:10%;  float:right; height:auto; overflow:hidden; overflow: initial;  }
	#menu .full li										{ /*background:url(../images/arrows.png) right center no-repeat !important;*/    float:left; clear:left; width:100%; position: relative; }
	#menu .full a										{ display:block; padding:15px 0px 15px 0; text-align:right; text-transform:lowercase; font-size:1.5em; font-family:"Century Gothic", "PBS Sans", Helvetica, sans-serif;  /*text-shadow:1px 1px 1px #000; */ font-weight: bold; }
	#menu .full > li#menu-f-support > a:first-child::after  {  background-position: right  -42px;  }
	#menu .full > li#menu-f-kids > a:first-child::after  {  background-position: right  -90px;  }
	#menu .full > li#menu-f-about > a:first-child::after  {  background-position: right  -135px;  }
	#menu .full > li#menu-f-engage > a:first-child::after  {  background-position: right  -180px;  }
	#menu .full .submenu a { font-size: 1.0em; padding: 0; }
	#menu .full .submenu li a  { margin-bottom: 3px; }
	#menu .full .submenu h2 { font-size: 1em; border-bottom: 1px solid;  padding-bottom: 3px; margin-bottom: 3px; }
	#menu .full a:hover, #menu .full a:focus			{ color:#2638c4; }

	#menu div.submenu {  display:none; z-index:10000; position: absolute;  left: 90%;  margin-left: 40px; top:0; margin-top: -30px;  padding: 20px 20px;  /* background: rgba( 4, 68, 103, 1 ); /*#044467*/; border-radius: 0px;  }
	#menu div.submenu nav	{ background: #eef0f5; overflow: hidden; padding: 10px; border: 1px solid #ccc; }

	#menu .submenu a									{ /*font-size:0.9em; line-height:1.4em;*/ padding:1% 20px 1% 1%; margin:0; text-align:left; font-family:"PBS Sans", Helvetica, sans-serif; text-transform:none; text-shadow: initial !important; }
	#menu .submenu h2									{ margin:0; padding:0; clear:both; text-align:left; font-size:1.6em; }
	#menu div.submenu									{ width:700px; }
	#menu .submenu li									{ width:100%; clear:none; }
	#menu .submenu ul									{ margin-bottom:1em; height:auto; overflow:hidden; }
	#menu .submenu div									{ margin-bottom:1em; display: inline-block; width: 30%; float: left; padding-right: 20px; }
	#menu #menu-f-kids .submenu div									{  width: 46%;  }
	#menu .submenu div.main-programs									{ width: 100%;}
	#menu .submenu div.main-programs li									{ width: 23.5%; float: left; overflow: hidden; margin: 3px; box-sizing: border-box;}
	#menu .submenu div.main-programs li	img								{ width: 100%; max-width: 175px; }
	#menu-f-support .submenu							{ top:141px }
	#menu-f-about .submenu								{ top:229px }
	#menu-f-engage .submenu								{ top:238px }
	#menu .full li > .handle									{ position:absolute; padding:0 14px 10px 38px; background:url(../images/black_arrows.png) no-repeat center 0 ; color:white;  top: 13px; right: -35px;  line-height:20px; font-size: 0px; }
	#menu .full li > .handle:hover + .submenu						{ display: block !important; }
	#menu .full li:hover > .submenu						{ display: block !important; }
	#menu .full > li:first-child > a { padding-top:13px !important; }
  #logo-wrapper { padding: 31px 0; }
	#logo 												{ background:url(/images/pbs_michiana_logo_white.png) center center no-repeat; height: 71px; background-position: center center; margin: 0px; padding: 0px; background-size: 80% auto; background-color: #2638c4; /* @white  */ }
	#home-menu li										{ width:48%; margin-right: 2%; } 
	#news-rss 											{ display:none; }
	#banners											{ display:block; }
	#like												{ display:block; height:30px; width:100px }
	#sociallikes										{ padding:0; height:auto; overflow:hidden; }
	#sociallikes a										{ background:url(../images/spritesheet.png) -263px -60px no-repeat; text-indent:0 !important; padding:5px 0 5px 40px; color:#ccc; width:auto !important; height:20px !important; display:block; }
	#sociallikes a:hover, #sociallikes a:focus			{ color:white; }
	#sociallikes a .count								{ background:#000A22; border-radius:5px; float:left; padding:0 5px; font-size:0.9em; color: white; }
	#sociallikes a .media								{ float:left; margin-right:10px; }
	#sociallikes li										{ float:left; clear:left; width:100%; margin-bottom:5px; }
	#sociallikes-fb	a									{ background-position:-263px -90px; }
	#sociallikes-twitter a								{ background-position:-263px -150px; }
	#sociallikes-pinterest a							{ background-position:-263px -120px; }
	#sociallikes-instagram a							{ background:url(/images/instagram_logo.png); background-position: 0px center; background-repeat: no-repeat; }
	#sociallikes-youtube a								{ background:url(/images/youtube_icon.png); background-position: 0px center; background-repeat: no-repeat;background-size: auto 70% }

	#home-ad 											{ text-align:center; margin-bottom:20px; clear: both; float: right; }
	#home-ad img										{  display:block; border-radius:10px; border:solid #404550 5px; margin-bottom:1em; }
	.previews 	{ width: 46%; float: left; }
	#news				{ float: right; width:50%; clear: none; }
	#home-rail											{ display: block; width: 23%; float: right; font-size:0.8em; text-align: center; }
	#home-rail li										{ float:left; clear:left; width:100%; border-top:1px dashed #333; }
	#home-rail li:first-child							{ padding-top:0; border:0; }
	#home-rail li img									{ width:95%; display:block; border-radius:10px; border:solid #333 5px; margin-bottom:0.5em; }
	#home-rail li .show									{ color:#00deff; }
	#home-rail li .title								{ color:white; }
	#home-rail li a										{ display:block; padding:0.5em; }
	#home-rail li a:hover, #home-rail li a:focus		{ text-decoration:none; background:#000; }
	#home-rail h2										{ font-size:1em; font-weight:normal; text-align:center; }
	#home-rail h2 strong								{ text-transform:uppercase; font-size:2.1em; font-weight:normal; }
	#footer-about									{ float:left; width:40%; }
	#copyright										{ clear:both; display:block; }
	#copyright										a { display: inline !important}
	#twitter										{ float:right; width:60%; display:block;  }
	#twitter h2										{ font-size:2em; margin:0; padding:0; text-transform:lowercase; }
	#twitterfollow									{ background:url(../images/spritesheet.png) 0 0 no-repeat; height:130px; margin-right:20px; width:100px; float:left; display:block; text-indent:-999999px; }
	#twitter .content								{ text-align:left; float:left; width:60%; background: url(../images/spritesheet.png) 0 0 75px 140px }
	#tweet a										{ color:#fc0 }
	#tweet .tag, #tweet .account					{ color:#00deff; }
	#tweettime										{ font-weight:bold; }
	#footer-info { font-size:0.8em; line-height:1.6em; padding:30px 3% 3%; }
	#copyright { float:left; text-align:left; width:65%; line-height:1.6em; }
	#other-links { float:right;  }
	#footer-about {  margin-bottom:3%; }
	#main { background:#101624; background: rgba(16,22,36,0.67); padding:3%; /*border-radius:10px;*/ clear:both; height:auto; overflow:hidden; padding-top: 20px !important; min-height: 1225px; }
	body #body { margin: 0 !important; padding: 0 !important; width: 100%; }
	body #main { background: linear-gradient(to right, #aaa 0%, white 1%); padding:0; border-radius:0; padding: 20px; }
	#whatson h2		{ font-size:1.6em; }
	#main #whatson ul { font-size:1.3em; padding-top:0.5em; }
	}
	/*#searchlist 	{ width:41%; }*/
}
@media screen and (min-width:860px)
{
	#menu .full { margin-right:15%; }
	#copyright { width:70%; }
}

@media screen and (min-width:960px)
{ 
	header 												{ width:22%; }
	/*footer 												{ width:80%; margin-left:20%; }*/
	/*#body 												{ width:74%; }*/
	#content 												{ width:78%; }
	
	#cover												{ width:49%; }
	/*#searchlist 										{ width:31%; max-width:388px; }*/
	#body .socialmedia 									{ width:8%; }
	#news h2, #news ul									{ width:100%; }
	/*#whatson h2 										{ color:#0b6494; text-shadow:none; }
	#whatson ul li.sel a								{ color:#55bab1 !important; }*/
	#connect 											{ font-size:1em; }
	#home-menu											{ margin-top: 1em !important; padding-bottom: 1em !important;}
	#home-menu h2										{ font-size:2em; line-height:1.6em; }
	#home-menu p										{ font-size:1em; }
	#menu .full											{ margin-right:10%; }
	#menu .submenu										{ left:20%; }
	#footer-about { width:40%; }
	#twitter { width:50%; }
	#twitter .content { width:65%; }
		
}

@media screen and (min-width:1000px)
{

body #footer-menu h3 { color: white }
#copyright {
  color: white;
}

	#menu .full li > .handle									{ position:absolute; padding:0 14px 10px 28px; background:url(../images/arrows_dark.png) no-repeat center 13px; color: #044467;  top: 0px; right: -35px;  line-height:26px; font-size: 0px; }

	#menu .full { margin-right:15%; }
	#footer-about { width:31.5%; background:url(../images/footer_logo_3.png) right no-repeat; padding-right:30%; }
	#footer-info { font-size:20pt; line-height:1.6em; background: #2638c4 }
	#footer-info a { color: white; line-height: 1.3em; display: block; }
	#twitter { width:30%; }
	#twitter .content { padding-top: 20px; width:100%; }
	#home-rail											{ font-size:1em; }
	#home-rail h2										{ font-size:1.1em; }
	#home-rail h2 strong								{ font-size:2.1em; }
	#other-links { margin-top:0; }
	#copyright { width:73%; }
	#mainbody { width:72%; }
	#insiderail { width:23%; }
	#home-menu li		{ width:23%; }
	/*#featured .tagline { color: white; float: left; width: 40%; text-align: center;   margin-left: 150px; margin-top: 0px; padding-top: 1em; }*/

	#home-menu li.localshows   { width: 44%;  }
	#home-menu li.subbanner   { width: 48%; padding: 20px 0px 0 0;   }
	#home-menu li.localshows h2  {  font-size: 1.3em; padding-bottom: 13px; padding-top: 3px; }

	#whatson, 
	#search 	{ 
		width: 28%; 
		float: right;
		clear: right;
	}
	.index #whatson, 
	.index #search 	{ 
		width: 38%;
		margin: 0 0 1em;
	}
	#whatson h2 { display: none; }
	
}

@media screen and (min-width:1160px)
{
	#menu div.submenu	{ width:1000px; }
	#menu #menu-f-kids div.submenu	{ width:700px; }
	#menu div.submenu	{ left: 90%; }
	
	#menu .full { margin-right:20%; }
	#copyright { width:80%; }
	header { width:20%; }
	#content { width:80%; }
}
@media screen and (min-width:1250px)
{
	#content { width:1000px; }
	header { width:250px; }
}



#fancybox-tmp { display: none } 
#fancybox-loading { display: none } 
#fancybox-overlay { display: none;  z-index: 99999 !important; } 
#fancybox-wrap { display: none; z-index: 999999 !important; } 

a.admin {	opacity: 0.01;}
a.admin:hover {	opacity: 1.0;}

#insiderail .admin-local h2 	{  cursor: pointer; padding: 0; }
#insiderail .admin-local ul 	{ display: none; }
#insiderail .admin-local:hover ul 	{ display: block;  }

#insiderail.compact-mobile > h2 {display: none;  }
.schedule.days { max-width: 100%; overflow: hidden; }
#fullschedule { overflow: hidden; }
@media screen and (max-width:560px) {

header 													{ background: white }
	#insiderail.compact-mobile > h2 { content: "Sub Menu"; display: block;  padding: 10px 0; }
	#insiderail.compact-mobile > nav {display: none;  }
	#insiderail.compact-mobile > h2  { background-color:#050f19; text-align:center; color:white; background: url(../images/menu.gif) 25% 55% no-repeat #050f19;  text-transform: uppercase; font-size: 16pt;  margin-top: 0px; cursor: pointer; }
}

.flexslider .flex-direction-nav li { font-size: 0px; }

#ui-datepicker-div { z-index: 50 !important; }


@media screen and ( max-width: 300px ) {
  .neighbor_day { display: none !important; }
}

@media screen and ( max-width: 760px ) {
  body #donate {
    display: inline-block;
  }
}



.top-bar-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  float:right;
  overflow: hidden;
}
#donate, .top-bar-nav a {
  color: white;
  font-weight: bold;
  display: inline-block;
  margin-top: 15px;
  margin-right: 15px;
  font-size: 12pt;
  font-weight: bold;
  padding: 15px 20px;
  text-align: center;


}
#donate, .top-bar-nav a.donate-button {
  background: #d6383a;
  color: white;
  font-size: 14pt;
  display: inline-block;
}

.top-bar-nav a.shop-button {
  background: white;
  color: black;
  font-size: 11pt;
  display: inline-block;
}

#shop {
  display: block;
  background: white;
  color: black;
  font-size: 11pt;
  padding: 20px;
  text-align: center;
}

.mobile-featured-wrapper #donate {
  display: none;
  margin: 0;
}

.live-tv {
  display: block;
  padding: 20px 0 20px 20px;
  text-align: left !important;
  font-size: 14pt;
  position: relative;
}
.live-tv::before { 
	content: '';
	position: absolute;
	top: 23px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: red;
	animation: flash 2s infinite;
}

@keyframes flash {
  0% {
  background-color: red;
  opacity: 1;
  }
  50% {
  background-color: #900;
  opacity: 0.0;
  }
  100% {
  background-color: red;
  opacity: 1;
  }
}

#main ul#submenu {
	margin: 0;
	padding: 0 0 10px 0;
}
#main ul#submenu li {
	margin: 0;
	padding: 0;
}

header hr {
  margin: 5px;
}

@media screen and (max-width:760px) {
  body #body {
    padding: 0 15px !important;
    box-sizing: border-box;
  }
  nav#menu h2 {
    color: white;
  }
	.live-tv::before { 
		display: none;
	}
	#footer-menu { padding-left: 0 }
	#footer-menu ul li {  width: 49%;  }
	#footer-menu ul { text-align: left; }
  .mobile-featured-wrapper #donate {
    display: inline-block;
  }

}

span.new {
  background: #2638c4;
  color: white;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 11px;
  padding: 5px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}

span.shopping-bag {
  color: white;
  height: 30px;
  width: 30px;
  font-size: 11px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  vertical-align: middle;
  background: url(/images/blue_shoppingbag.png);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center center;
}