body {
padding-top: 46px;
line-height: 16px;
}

li {
line-height: 16px;
}

/*
--------------------------------------------------------------------------------------- GENERAL STYLES
*/

.page {
background: #fff;
width: 980px;
margin: 0 auto;
}

.nav-inline li {
float: left;
}

.nav-inline li a {
display: block;
float: left;
position: relative;
line-height: 46px;
padding: 0 10px;
}

.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; } 
.fright { margin-left: 15px; }
.fleft { margin-right: 15px; }

.sidebar .chunk.last {
	padding-bottom: 0;
	border-bottom: 0;
}

.imgleft {
	float: left;
	margin-right: 15px;
}

.imgright {
	float: right;
	margin-left: 15px;
}

.btn-navbar.btn-left {
	float: left;
}

.page-title {
	color: #91BEDA;
    font-size: 25px;
    border-bottom: 3px solid #91BEDB;
    margin-bottom: .5em;
    padding-bottom: .25em;
    font-weight: normal;
	margin-top: 20px;    
}

.page-title_dk {
	color: #244d79;
    font-size: 25px;
    border-bottom: 3px solid #244d79;
    margin-bottom: .5em;
    padding-bottom: .25em;
    font-weight: normal;
	margin-top: 20px;    
}

.page-title2 {
	color: #91BEDA;
    font-size: 22px;
    border-bottom: 2px solid #91BEDB;
    margin-bottom: .2em;
    padding-bottom: .1em;
    font-weight: normal;
	margin-top: 10px;    
}


.page-title2_nw {
	color: #707070;
    font-size: 22px;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: .2em;
    padding-bottom: .1em;
    font-weight: normal;
	margin-top: 10px;    
}

.page-title3 {
	color: #869099;
    font-size: 22px;
    border-bottom: 2px solid #d9d7d7;
    margin-bottom: 1em;
    padding-bottom: .1em;
    font-weight: normal;
	margin-top: 10px;    
}

.page-title4 {
	color: #869099;
    font-size: 20px;
    border-bottom: 2px solid #d9d7d7;
    margin-bottom: 1em;
    padding-bottom: .1em;
    font-weight: normal;
	margin-top: 5px;    
}


.page-title5 {
	color: #91BEDA;
    font-size: 24px;
    border-bottom: 3px solid #91BEDB;
    margin-bottom: 1em;
    padding-bottom: .25em;
    font-weight: normal;
	margin-top: 20px;    
}


.page-title6 {
	color: #869099;
    font-size: 18px;
    border-bottom: 2px solid #d9d7d7;
    margin-bottom: 1em;
    padding-bottom: .1em;
    font-weight: normal;
	margin-top: 5px;    
}

.page-title_fa {
    color: #568188;	/* OLD color: #d00404; */
    font-size: 25px;
    border-bottom: 3px solid #d9d7d7;
    margin-bottom: .5em;
    padding-bottom: .25em;
    font-weight: normal;
	margin-top: 20px;    
}

.page-title_mobile {
	color: #1f70bd;
    font-size: 25px;
    border-bottom: 2px solid #1f70bd;
    margin-bottom: .5em;
    padding-bottom: .25em;
    font-weight: normal;
	margin-top: 20px;    
}
.textblock {
  	color: #999999;
  	font-size : 15px;
    margin-bottom: .5em;
    padding-bottom: .25em;  	
}

.wellvolunteer {
	padding:10px 5px;
	background-color:#1e4f78;
	margin:0 auto;
	text-align:center;
	width:77%;
	height:auto;
	border:1px solid #91BEDA;
	border-radius: 20px;
}

.wellvolunteer a {
	color:#ffffff;
}


/*
--------------------------------------------------------------------------------------- TOP BAR
*/

.top-navbar .navbar-inner {
min-height: 46px;
background: rgb(224,234,238);
background: -moz-linear-gradient(top,  rgba(224,234,238,1) 0%, rgba(205,213,218,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,234,238,1)), color-stop(100%,rgba(205,213,218,1)));
background: -webkit-linear-gradient(top,  rgba(224,234,238,1) 0%,rgba(205,213,218,1) 100%);
background: -o-linear-gradient(top,  rgba(224,234,238,1) 0%,rgba(205,213,218,1) 100%);
background: -ms-linear-gradient(top,  rgba(224,234,238,1) 0%,rgba(205,213,218,1) 100%);
background: linear-gradient(top,  rgba(224,234,238,1) 0%,rgba(205,213,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaee', endColorstr='#cdd5da',GradientType=0 );
}


.top-navbar .btn {
background: rgb(224,234,238);
background: -moz-linear-gradient(top,  rgba(224,234,238,1) 0%, rgba(205,213,218,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,234,238,1)), color-stop(100%,rgba(205,213,218,1)));
background: -webkit-linear-gradient(top,  rgba(224,234,238,1) 0%,rgba(205,213,218,1) 100%);
background: -o-linear-gradient(top,  rgba(224,234,238,1) 0%,rgba(205,213,218,1) 100%);
background: -ms-linear-gradient(top,  rgba(224,234,238,1) 0%,rgba(205,213,218,1) 100%);
background: linear-gradient(top,  rgba(224,234,238,1) 0%,rgba(205,213,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaee', endColorstr='#cdd5da',GradientType=0 );
color: #636363;
text-shadow: none;
}



.top-navbar .nav > li {
	position: relative;
}


.top-navbar .nav > li > a {
padding: 0 10px;
color: #636363;
margin-right: -1px;
text-shadow: none;
}

.top-navbar > .navbar-inner > .container > .nav-collapse > .nav > li > a { line-height: 46px; }

.top-navbar .nav > li > a > em {
position: relative;
left: 11px;
color: #fff;
font-weight: normal;
}

.top-navbar .nav .last a em { display: none; }

.top-navbar .nav > li > a:hover,
.top-navbar .nav > li:hover > a,
.top-navbar .nav > li.active > a:hover,
.top-navbar .nav > li.active > a {
background: #fff;
color: #636363;
}

.top-navbar .nav > li > a:hover,
.top-navbar .nav > li:hover > a {
		background: #e3ebee;
}



.top-navbar .brand {
height: 30px;
width: 90px;
line-height: normal;
background: transparent url(/National_Library/20160521004321oe_/http://www.whyy.org/img/logo-90x30.png) no-repeat top left;
overflow: hidden;
text-indent: -20000em;
padding: 0;
margin-right: 20px;
margin-top: 8px;
}



.top-navbar_nw .navbar-inner {
min-height: 46px;
background: rgb(64,63,65);
background: -moz-linear-gradient(top,  rgba(64,63,65,1) 0%, rgba(48,48,49,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,63,65,1)), color-stop(100%,rgba(48,48,49,1)));
background: -webkit-linear-gradient(top,  rgba(64,63,65,1) 0%,rgba(48,48,49,1) 100%);
background: -o-linear-gradient(top,  rgba(64,63,65,1) 0%,rgba(48,48,49,1) 100%);
background: -ms-linear-gradient(top,  rgba(64,63,65,1) 0%,rgba(48,48,49,1) 100%);
background: linear-gradient(top,  rgba(64,63,65,1) 0%,rgba(48,48,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaee', endColorstr='#cdd5da',GradientType=0 );
}

.top-navbar_mock .navbar-upper {
min-height: 85px;
background: rgb(242,242,242);
}

.top-navbar_mock .navbar-inner {
min-height: 30px;
background: rgb(30,79,120);
background: -moz-linear-gradient(top,  rgba(30,79,120,1) 0%, rgba(22,58,90,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,79,120,1)), color-stop(100%,rgba(22,58,90,1)));
background: -webkit-linear-gradient(top,  rgba(30,79,120,1) 0%,rgba(22,58,90,1) 100%);
background: -o-linear-gradient(top,  rgba(30,79,120,1) 0%,rgba(22,58,90,1) 100%);
background: -ms-linear-gradient(top,  rgba(30,79,120,1) 0%,rgba(22,58,90,1) 100%);
background: linear-gradient(top,  rgba(30,79,120,1) 0%,rgba(22,58,90,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaee', endColorstr='#cdd5da',GradientType=0 );
}


.top-navbar .nav > .support > a {
text-transform: uppercase;
color: #e28000;
font-weight: bold;
}

.top-navbar .navbar-search {
margin-top: 8px;
}

.top-navbar .navbar-search input[type="submit"] {
margin-top: 0;
position: relative;
top: -2px;
}















.top-navbar_nw .brand {
height: 23px;
width: 208px;
line-height: normal;
background: transparent url(/National_Library/20160521004321oe_/http://www.whyy.org/img/nw_topbar.png) no-repeat top left;
overflow: hidden;
text-indent: -20000em;
padding: 0;
margin-right: 15px;
margin-top: 13px;
margin-bottom: 13px;
}


.top-navbar_nw a {
	color: #999999;
}

.top-navbar_nw a:hover {
	color: #999999;
	text-decoration: underline;
}



/*
---------------------------------------------------------------------------------- PAGE NAV
*/

.page-nav .navbar-inner {
background: #2f628c; /* Old browsers */
background: -moz-linear-gradient(top,  #2f628c 0%, #1c496e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f628c), color-stop(100%,#1c496e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2f628c 0%,#1c496e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2f628c 0%,#1c496e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2f628c 0%,#1c496e 100%); /* IE10+ */
background: linear-gradient(top,  #2f628c 0%,#1c496e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f628c', endColorstr='#1c496e',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
border-bottom: 3px solid #91BEDA;
}

.page-nav .navbar-inner .btn {
	border: 1px solid #688BA8;
	background: #4a7497; /* Old browsers */
	background: -moz-linear-gradient(top,  #4a7497 0%, #406888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a7497), color-stop(100%,#406888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4a7497 0%,#406888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4a7497 0%,#406888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4a7497 0%,#406888 100%); /* IE10+ */
	background: linear-gradient(top,  #4a7497 0%,#406888 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7497', endColorstr='#406888',GradientType=0 ); /* IE6-9 */
	text-shadow: none;
	color: #fff;
}

.close-wrap {
	display: none;
}



/*
---------------------------------------------------------------------------------- SUB HEADER ROW
*/

#subheader {
	margin-bottom: 20px;
}

#subheader img {
	margin: 15px 0 15px 20px;
}

#subheader2 {
	margin-bottom: 20px;
}

#subheader2 img {
	margin: 0px;
}

.support-header {
	background: #91BEDA;
}

.support-header2 {
	background: #ef8903;
}

.support-header3 {
	background: #a6a8aa;
}

.support-header_nw {
	background: #a7a8aa;
}

/*
---------------------------------------------------------------------------------- SECTION NAV (DROP MENUS)
*/

.nav-drops > li {
	position: relative;
	z-index: 1000;	
}

.navbar .nav-drops > li > a:hover,
.navbar .nav-drops > li:hover > a {
	background: #183C5C;
	color: #fff;
}

.nav-drops > li > ul {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #183C5C;
	position: absolute;
	top: 39px;
	left: 0;
	width: 190px;
	-webkit-box-shadow:  0px 4px 4px 0px rgba(0, 0, 0, .6);
	box-shadow:  0px 4px 4px 0px rgba(0, 0, 0, .6);
}

.nav-drops > li:hover > ul {
	display: block;
}

.nav-drops > li > ul > li {
	float: none;
	width: 100%;
	line-height: normal;
	}

.nav-drops > li > ul > li > a {
	float: none;
	width: auto;
	padding: 6px 10px;
	color: #333;
	line-height: normal;
}

.nav-drops > li > ul > li > a:hover {
	color: #fff;
	text-decoration: none;
	background: #375471;
}

/*
--------------------------------------------------------------------------------------- GREY BAR
*/


.greybar {
background: #f2f2f2;
color: #939FA7;
font-size: 16px;
height: 40px;
margin-bottom: 10px;
width: 100%;
}

.greybar a { color: #747474; }

.greybar h4 {
font-weight: normal;
color: #747474;
line-height: 40px;
padding-left: 10px;
}


.greybar h5 {
	line-height: 40px;
	display: block;
	font-size: 13px;
	margin: 0;
	padding-right: 10px;
	width: auto;
	font-weight: normal;
}

.greybar2 {
background: #f2f2f2;
color: #939FA7;
font-size: 16px;
height: 40px;
margin-bottom: 10px;
width: 100%;
}

.greybar2 a { color: #939FA7; }

.greybar2 h4 {
font-weight: normal;
color: #939FA7;
line-height: 40px;
padding-left: 10px;
}

.greybar2 h5 {
	line-height: 40px;
	display: block;
	font-size: 13px;
	margin: 0;
	padding-right: 10px;
	width: auto;
	font-weight: normal;
}


.bluebar {
background: #91bcd9;
font-size: 16px;
height: auto;
padding:9px 0 9px 0;
margin: 16px 0 16px 0;
width: 100%;
}

.bluebar h4 {
font-weight: normal;
color: #ffffff;
line-height: 20px;
padding-left: 10px;
}

.bluebar p {
font-weight: normal;
text-align: center;
color: #ffffff;
line-height: 18px;
padding: 0 25px 0 25px;
margin:0;
font-size: 13px!important;
}

/*
---------------------------------------------------------------------------------- TOP HEADER AD
*/

.ad-720 {
text-align: center;
padding: 10px 0 0 0;
}

/*
--------------------------------------------------------------------------------------- CONTENT AREA STYLES
*/

#hero-image {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}

.fullwidth,
.full-nav {
margin-left: -20px;
margin-right: -20px;
position: relative;
zoom: 1;
}

section.fullwidth {
	padding: 0 20px;
}

/*
---------------------------------------------------------------------------------- PAGE NAVIGATION
*/

.page-nav {
margin-bottom: 0px;
margin-top: 10px;
}

.page-nav .navbar {
border-bottom: 2px solid #91BEDA;
}



/*
.page-nav .btn-navbar {
float: none;
margin-left: 0;
margin-right: 0;
}
*/

.page-nav .btn:hover {
color: #fff;
}

.page-nav .navbar {
margin-bottom: 0;

}

.page-nav .navbar a,
.page-nav .navbar a:hover {
text-shadow: none;
}

.page-nav .navbar-inner {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
padding-left: 25px;
}

.page-nav .navbar .date {
color: #CCD6DC;
float: none;
padding: 9px 10px 11px;
line-height: 19px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.page-nav .navbar li a {
color: #CCD6DC;
}

.social-links {
text-align: center;
}

.social-links em {
line-height: 20px;
}

.social-links img {
height: 20px;
padding: 0 2px;
vertical-align: bottom;
}

.sidebar .chunk {
border-bottom: 3px double #e4ebee;
margin-bottom: 15px;
padding-bottom: 15px;
}

.chunk:before,
.chunk:after {
content: "";
display: table;
}

.chunk:after {
clear: both;
}

.audio-player {
margin: 10px 0;
}

.main-content-col .date {
color: #949B9E;
font-size: 16px;
padding-bottom: 20px;
}

.main-content-col .item .title {
margin-bottom: 5px;
}

.main-content-col .item .title,
.main-content-col .item .title a {
font-size: 20px;
font-weight: normal;
color: #232B32;
}

.main-content-col .item .title a:hover {
color: #91beda;
}


img.pull-left {
margin-right: 15px;
}

img.pull-right {
margin-left: 15px;
position: relative;
top: 6px;
}

audio {
width: 100%;
}

.greybar .newsworks-logo-link {
margin-top: 8px;
margin-left: 10px;
}

.newsworks-logo-link {
display: inline-block;
height: 24px;
width: 181px;
overflow: hidden;
text-indent: -20000em;
background: transparent url(/National_Library/20160521004321oe_/http://www.whyy.org/img/nw_homemock_logo.png) no-repeat top left;
}

.sidebar .ad-chunk-120 .ad-120,
.sidebar .ad-chunk-120 .item {
float: left;
}

.sidebar .ad-chunk-120 .ad-120 {
width: 120px;
}

.ad-right { margin-left: 15px; }
.ad-left { margin-right: 15px; }

.sidebar .ad-chunk-120 .item {
width: 165px;
margin-right: 0;
}


.main-content-row {
/*
background-image: url(/National_Library/20160521004321oe_/http://www.whyy.org/img/line-ccc.png);
background-repeat: repeat-y;
background-position: 650px 0;
margin-bottom: 20px;
*/
}

#pagebreak {
background: #333  url(/National_Library/20160521004321oe_/http://www.whyy.org/img/pagebreak.png) repeat top left;
color: #B2ACAC;
padding: 15px 0;
font-size: 15px;
}

#pagebreak p {
margin: 8px 0 0 0;
padding-left: 100px;
}

.br { display: block; }
#pagebreak .br { padding-top: 5px; }

.caption,
.caption a {
color: #B2B7BA;
font-size: 9px;
}

.caption {
padding-top: 3px;
display: block;
}

.content-highlights {
margin-top: 20px;
}

.headline-list li a {
display: block;
border-bottom: 1px solid #E4EBEE;
padding: 8px 10px;
color: #403F41;
}

.headline-list li.last a {
	border-bottom: 0;
}

.headline-list-small li a{
padding: 8px;
font-size: 12px;
line-height: 14px;	
}

.headline-list li a:hover {
background: #f1f1f1;
text-decoration: none;
}

/*
---------------------------------------------------------------------------------- TOP FOOTER
*/

#footer-top {
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 30px;
}

#footer-top h3 {
text-transform: uppercase;
color: #91BEDA;
font-weight: normal;
margin: 0;
font-size: 15px;
margin-bottom: 10px;
}

#footer-top .ad-chunk-120 .ad-120,
.footer-top .ad-chunk-120 .item {
float: left;
}

#footer-top .ad-chunk-120 .ad-120 {
width: 120px;
}

.ad-right { margin-left: 15px; }
.ad-left { margin-right: 15px; }

	
#footer-top .ad-chunk-120 .item {
width: 165px;
margin-right: 0;
}


.footer-sidebar h3 {
border-bottom: 3px double #91BEDA;
margin: 0;
}

.footer-sidebar ul {
	margin-bottom: 20px;
}

.fb-box {
line-height: 0;

}

.fb-box iframe {
border:none;
overflow:auto; 
width: 300px; 
height:495px;
}

#footer-top a {
color: #91BEDA;
}

#footer-top a:hover {
text-decoration: underline;
}


/*
---------------------------------------------------------------------------------- QUOTES
*/

.quotes li {
	padding: 10px;
	background: #f1f1f1;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 35px;
    border: 1px solid #ccc;
    font-style: italic;
}

.quotes li em {
	position: absolute;
	bottom: -20px;
	left: 50px;
	color: #666;
	font-style: normal;
}

.quotes li i {
	display: block;
	height: 11px;
	width: 17px;
	position: absolute;
	bottom: -11px;
	left: 30px;
	background: transparent url(/National_Library/20160521004321oe_/http://www.whyy.org/img/quote-arrow.png) no-repeat left top;
}


/*
--------------------------------------------------------------------- THUMBS ROW: SPAN12, 180 PX
*/

#thumbs-row {
	margin-bottom: 10px;
}

#thumbs-row .span12 {
	padding-bottom: 25px;
}

#thumbs-row ul li {
	float: left;
	width: 180px;
	margin-right: 10px;
}

#thumbs-row ul li.last {
	margin-right: 0;
}

#thumbs-row ul li a {
	display: block;
	color: #232B32;
}

#thumbs-row ul li a:before,
#thumbs-row ul li a:after {
	content: "";
	display: table;
}

#thumbs-row ul li a:after {
	clear: both;
}

#thumbs-row ul li a:hover {
	text-decoration: none;
	color: #000;
	background: #E4EBEE;
}

#thumbs-row ul li strong {
	display: block;
}

#thumbs-row ul li img {
padding-bottom: 5px;
}

.row-doubleline-cap {
	border-bottom: 3px double #e4ebee;
	margin-top: 10px;
}



/*
--------------------------------------------------------------------- THUMBS ROW: SPAN8, 141 PX
*/

#thumbs-row2 {
	margin-bottom: 10px;
}

#thumbs-row2 .span8 {
	padding-bottom: 10px;
}

#thumbs-row2 ul li {
	float: left;
	width: 141px;
	margin-right: 15px;
}

#thumbs-row2 ul li.last {
	margin-right: 0;
}

#thumbs-row2 ul li a {
	display: block;
	color: #232B32;
}

#thumbs-row2 ul li a:before,
#thumbs-row2 ul li a:after {
	content: "";
	display: table;
}

#thumbs-row2 ul li a:after {
	clear: both;
}

#thumbs-row2 ul li a:hover {
	text-decoration: none;
	color: #000;
	background: #fff;
}

#thumbs-row2 ul li strong {
	display: block;
}

#thumbs-row2 ul li img {
padding-bottom: 5px;
}




/*
--------------------------------------------------------------------- THUMBS ROW: SPAN8, 294 PX
*/

#thumbs-row3 {
	margin-bottom: 10px;
}

#thumbs-row3 .span8 {
	padding-bottom: 10px;
}

#thumbs-row3 ul li {
	float: left;
	width: 294px;
	margin-right: 15px;
}

#thumbs-row3 ul li.last {
	margin-right: 0;
}

#thumbs-row3 ul li a {
	display: block;
	color: #232B32;
}

#thumbs-row3 ul li a:before,
#thumbs-row3 ul li a:after {
	content: "";
	display: table;
}

#thumbs-row3 ul li a:after {
	clear: both;
}

#thumbs-row3 ul li a:hover {
	text-decoration: none;
	color: #000;
	background: #fff;
}

#thumbs-row3 ul li strong {
	display: block;
}

#thumbs-row3 ul li img {
padding-bottom: 5px;
}



/*
--------------------------------------------------------------------- THUMBS ROW: SPAN12, 170 PX
*/

#thumbs-row4 {
	margin-bottom: 10px;
}

#thumbs-row4 .span12 {
	padding-bottom: 10px;
}

#thumbs-row4 ul li {
	float: left;
	width: 170px;
	margin-right: 15px;
	margin-bottom: 10px;
}

#thumbs-row4 ul li.last {
	margin-right: 0;
}

#thumbs-row4 ul li a {
	display: block;
	color: #232B32;
}

#thumbs-row4 ul li a:before,
#thumbs-row4 ul li a:after {
	content: "";
	display: table;
}

#thumbs-row4 ul li a:after {
	clear: both;
}

#thumbs-row4 ul li a:hover {
	text-decoration: none;
	color: #000;
	background: #fff;
}

#thumbs-row4 ul li strong {
	display: block;
}

#thumbs-row4 ul li img {
padding-bottom: 5px;
}




/*
--------------------------------------------------------------------- THUMBS ROW: SPAN8, 170 PX
*/

#thumbs-row5 {
	margin-bottom: 10px;
}

#thumbs-row5 .span12 {
	padding-bottom: 10px;
}

#thumbs-row5 ul li {
	float: left;
	width: 197px;
	margin-right: 9px;
	margin-bottom: 10px;
}

#thumbs-row5 ul li.last {
	margin-right: 0;
}

#thumbs-row5 ul li a {
	display: block;
	color: #232B32;
}

#thumbs-row5 ul li a:before,
#thumbs-row5 ul li a:after {
	content: "";
	display: table;
}

#thumbs-row5 ul li a:after {
	clear: both;
}

#thumbs-row5 ul li a:hover {
	text-decoration: none;
	color: #000;
	background: #fff;
}

#thumbs-row5 ul li strong {
	display: block;
}

#thumbs-row5 ul li img {
padding-bottom: 5px;
}



/*
---------------------------------------------------------------------------------- FEATURED LIST ITEMS FOOTER
*/

.featured-list ul {
margin-right: 10px;
}

.featured-list ul li {
margin-bottom: 15px;
clear: left;
}

.featured-list ul li:hover {
background: rgba(255,255,255,0.1);
}

.featured-list ul li:before,
.featured-list ul li:after {
content: "";
display: table;
}

.featured-list ul li:after {
clear: both;
}

.featured-list ul li img {
float: left;
margin-right: 10px;
}

.featured-list ul li .title {
display: block;
font-size: 15px;
margin-top: 4px;
margin-bottom: 3px;
}

.fb-box {
background: #fff;
}

/*
---------------------------------------------------------------------------------- FOOTER
*/

#footer {
background: #CCD6DC;
font-size: 11px;
color: #7A8992;
padding-top: 40px;
padding-bottom: 40px;
border-top: 5px solid #91BEDA;
}

#footer a {
color: #7A8992;
}

#footer a:hover {
text-decoration: underline;
}

#footer li {
line-height: 14px;
}

#footer h4 {
font-size: 12px;
padding-bottom: 2px;
border-bottom: 3px double #fff;
margin-bottom: 6px;
}

.footer-sidebar .ad-chunk-120 .ad-120,
.footer-sidebar .ad-chunk-120 .item {
float: left;
}

.footer-sidebar .ad-chunk-120 .ad-120 {
width: 120px;
}

.ad-right { margin-left: 15px; }
.ad-left { margin-right: 15px; }

	
.footer-sidebar .ad-chunk-120 .item {
width: 165px;
margin-right: 0;
}


/*
---------------------------------------------------------------------------------- FOOTER2
*/

#footer2 {
background: #8b887f;
font-size: 11px;
color: #46443d;
padding-top: 40px;
padding-bottom: 40px;
border-top: 5px solid #66635c;
}

#footer2 a {
color: #46443d;
}

#footer2 a:hover {
text-decoration: underline;
}

#footer2 li {
line-height: 14px;
}

#footer2 h4 {
font-size: 12px;
padding-bottom: 2px;
border-bottom: 3px double #66635c;
margin-bottom: 6px;
}

.footer-sidebar2 .ad-chunk-120 .ad-120,
.footer-sidebar2 .ad-chunk-120 .item {
float: left;
}

.footer-sidebar2 .ad-chunk-120 .ad-120 {
width: 120px;
}

.ad-right { margin-left: 15px; }
.ad-left { margin-right: 15px; }

	
.footer-sidebar2 .ad-chunk-120 .item {
width: 165px;
margin-right: 0;
}


/*
-------------------------------------------------------------------------------- FOOTER3
*/

#footer3 {
background: #403f41;
font-size: 11px;
color: #bfbfbf;
padding-top: 40px;
padding-bottom: 40px;
border-top: 5px solid #fcbc00;
}

#footer3 a {
color: #bfbfbf;
}

#footer3 a:hover {
text-decoration: underline;
}

#footer3 li {
line-height: 14px;
}

#footer3 h4 {
font-size: 12px;
color: #dda501;
padding-bottom: 2px;
border-bottom: 3px double #bfbfbf;
margin-bottom: 6px;
}

.footer-sidebar3 .ad-chunk-120 .ad-120,
.footer-sidebar3 .ad-chunk-120 .item {
float: left;
}

.footer-sidebar3 .ad-chunk-120 .ad-120 {
width: 120px;
}

.ad-right { margin-left: 15px; }
.ad-left { margin-right: 15px; }

	
.footer-sidebar3 .ad-chunk-120 .item {
width: 165px;
margin-right: 0;
}





/*
---------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------- RESPONSIVE STYLES
---------------------------------------------------------------------------------------------------------
*/

@media (max-width: 640px) {
	body {
		background: #fff;
	}
	.navbar-fixed-top {
		margin-bottom: 0;
	}

	/* RESET MEGA DROP ITEMS TO STACKED */
	.top-navbar .nav > li > ul > li .col {float: none;}
	
	.top-navbar .nav > li > ul > li .col-left,
	.top-navbar .nav > li > ul > li .col-right {
		float: none;
		width: auto;
	}
	
	.top-navbar .nav > li > ul > li .col-right {
		margin-top: 20px;
	}
	
	
	.top-navbar .nav > li > .whatonfm,
	.top-navbar .nav > li > .whatontv { left: 0; width: auto;}
	
	.top-navbar .nav > li > ul > li .col-left > .col-inner,
	.top-navbar .nav > li > ul > li .col-right > .col-inner {
		padding: 0;
	}
	
	
	.nav-collapse .nav > li > ul {
		display: block;
		position: relative;
		top: 0;
		left: 0;
	}
	
	.top-navbar .nav > li > ul > li {
		background: #fff;
		border: none;
		-webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .5);
		box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .5);
		padding:  10px;
		margin: 0 10px;
		
	}
	
	.nav-collapse .nav > li .nav-tabs > li {
		float: left;
	}
	
	.nav-collapse .nav > li .nav-tabs > li a {
		font-size: 14px;
	}
	
	.top-navbar .nav > li > ul {
		padding-top: 0;
	}
	
	.vline {
		background: transparent;
	}
	
	.top-navbar .nav > li > ul > li .arrow {
		display: none;
	}
	
	.nav-collapse form {
	clear: both;
	text-align: center;
	}
	
	.nav-collapse form input[type="text"] {
	margin-bottom: 0;
	}
	
	.nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
	border: 1px inset #ccc;
	background: #f1f1f1;
	}	
	
	
	.page-nav {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.page-nav .navbar-inner {
		padding-left: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	.brand {
    left: 10px;
    position: relative;
    }
	
	.main-content-col .item {
	    border-bottom: 3px double #CCCCCC;
	    margin-bottom: 20px;
	    margin-right: 0;
	    padding-bottom: 20px;
    }	
	
	#thumbs-row {
		margin-bottom: 0;
	}
	
	#thumbs-row [class*="span"]{
		border: none;
		padding: 0; 
	}
	
	#thumbs-row ul li,
	#thumbs-row ul li.last {
		margin: 0 auto;
		float: none;
		width: auto;
	}

	#thumbs-row ul li,
	#thumbs-row ul li.last {
		border-top: 1px solid #ccc;
		margin: 0;
		padding: 20px;

	}
	
	#thumbs-row ul li img {
		max-width: 120px;
		float: left;
		margin-right: 15px;
		padding: 1px;
		border: 1px solid #ccc;
	}
	
	.donate {
		text-align: center;
		border-top: 3px double #ccc;
		padding-top: 20px;
		margin-top: 10px;
	}
	
}

@media (max-width: 480px) and (max-width: 767px) { /* SMALL SCREEN i.e. HANDHELDS, IPHONE, ETC */
	body {
	background: #fff;
	padding-top: 0;
	}
			
	.navbar-fixed-top {
	position: static;
	margin-left: -20px;
	margin-right: -20px;	
	}
	
	.page-nav {
		margin-top: 0;
	}
	
	.page-nav .navbar-inner {
		padding-left: 0;
	}
	
	.page {
	width: auto;
	margin: 0;
	padding: 0;
	}
	
	.fullwidth {
	padding-left: 20px;
	padding-right: 20px;
	}
	
	.full-nav {
	padding-left: 0;
	padding-right: 0;
	}
	
	
	#hero-image {
	padding-left: 0;
	padding-right: 0;
	}

	.item {
	margin-right: 0;
	}
	
	.navbar li a em {
	display: none;
	}
	
	.sidebar .chunk:first-child {
	border-top: 3px double #ccc;
	padding-top: 15px;
	}
	
	.sidebar .chunk {
	margin-right: 0;
	padding-right: 0;
	}
	
	.brand {
	position: relative;	
	left: 10px;
	}

	.nav-collapse > .nav > li  {
	border-bottom: 1px solid #666;
	border-top: 1px solid #fff;
	padding: 10px 0;
	}
	
	.nav-collapse .nav > li > a {
	font-size: 18px;
	}
	
	.top-navbar .nav > li > ul .title {
	font-size: 16px;
	}
	
	.navbar-fixed-top {
	margin-bottom: 0;
	}

	/* RESET MEGA DROP ITEMS TO STACKED */
	.top-navbar .nav > li > ul > li .col {float: none;}
	
	.top-navbar .nav > li > ul > li .col-left,
	.top-navbar .nav > li > ul > li .col-right {
		float: none;
		width: auto;
	}
	
	.top-navbar .nav > li > ul > li .col-right {
		margin-top: 20px;
	}
	
	
	.top-navbar .nav > li > .whatonfm,
	.top-navbar .nav > li > .whatontv { left: 0; width: auto;}
	
	.top-navbar .nav > li > ul > li .col-left > .col-inner,
	.top-navbar .nav > li > ul > li .col-right > .col-inner {
		padding: 0;
	}
	
	
	.nav-collapse .nav > li > ul {
		display: block;
		position: relative;
		top: 0;
		left: 0;
	}
	
	.top-navbar .nav > li > ul > li {
		background: #fff;
		border: none;
		-webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .5);
		box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .5);
		padding:  10px;
		margin: 0 10px;
		
	}
	
	.nav-collapse .nav > li .nav-tabs > li {
		float: left;
	}
	
	.nav-collapse .nav > li .nav-tabs > li a {
		font-size: 14px;
	}
	
	.top-navbar .nav > li > ul {
		padding-top: 0;
	}
	
	.vline {
		background: transparent;
	}
	
	.top-navbar .nav > li > ul > li .arrow {
		display: none;
	}
	
	.nav-collapse form {
	clear: both;
	text-align: center;
	}
	
	.nav-collapse form input[type="text"] {
	margin-bottom: 0;
	}
	
	.nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
	border: 1px inset #ccc;
	background: #f1f1f1;
	}
	.main-content-row {
	background-image: none;
	}
	
	.sidebar .ad-chunk-120 .item {
	width: auto;	
	}
	
	.featured-list ul li .title {
	margin-top: 0;
	}
	
	.main-content-col .item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px double #ccc;
	margin-right: 0;
	}
	
/*
	.main-content-col img {
		max-width: 170px;
		max-height: 200px;
	}
*/
	
	.highlights {
	margin-top: 0;
	}
	
	.greybar {
		margin: 0 -20px 5px -20px;
		padding: 10px 20px;
	}
	
	.greybar h4,
	.greybar .links {
		float: none;
		width: auto;
		padding: 0;
		margin: 0;
		line-height: normal;
		color: #666;
	}
	

@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /*2x styles here */ 

.newsworks-logo-link {
display: inline-block;
height: 24px;
width: 154px;
overflow: hidden;
text-indent: -20000em;
background: transparent url(/National_Library/20160521004321oe_/http://www.whyy.org/img/nw_homemock_logo.png) no-repeat top left;
}





	/*		
	---------------------------------------------------------------------------------- FEATURED THUMBS ROW - SMALL SCREEN
	*/
	#thumbs-row {
		margin-bottom: 0;
	}
	
	#thumbs-row [class*="span"]{
		border: none;
		padding: 0; 
	}
	
	#thumbs-row ul li,
	#thumbs-row ul li.last {
		margin: 0 auto;
		float: none;
		width: auto;
	}

	#thumbs-row ul li,
	#thumbs-row ul li.last {
		border-top: 1px solid #ccc;
		margin: 0 -20px;
		padding: 20px;

	}
	
	#thumbs-row ul li img {
		max-width: 120px;
		float: left;
		margin-right: 15px;
		padding: 1px;
		border: 1px solid #ccc;
	}
	
	/*
	---------------------------------------------------------------------------------- SECTION NAV (DROP MENUS)
	*/
	
	.snav-collapse.in {
		overflow: visible;
		position: relative;
		padding-bottom: 30px;
	}

	.snav-collapse .nav-drops > li > a,
	.snav-collapse .nav-drops > li > ul > li > a {
		font-size: 16px;
	}
		
	.nav-drops > li {
		position: relative;
	}
	
	.nav-drops > li > ul {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		width: auto;
		padding-left: 30px;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: none;
	}
	
	.close-wrap {
		display: block;
		position: absolute;
		bottom: -10px;
		left: 0;
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}
	
	.close-wrap .close {
		float: none;
		color: #fff;
		opacity: 1;
	}	
	
} /* END SMALL SCREENS */


@media (min-width: 768px) and (max-width: 979px) { /* TABLET STYLES */
	body {
	padding-top: 56px;
	}
	
	.page {
	width: auto;
	}
	
	.navbar-fixed-top {
	position: fixed;
	margin-left: 0;
	margin-right: 0;
	}	



.nav-collapse > .nav > li  {
	border-bottom: 1px solid #666;
	border-top: 1px solid #fff;
	padding: 10px 0;
}

.nav-collapse .nav > li > a {
	font-size: 18px;
}

.top-navbar .nav > li > ul .title {
	font-size: 16px;
}

.nav-collapse .nav > li > ul {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

.top-navbar .nav > li > ul > li {
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0 20px;
}

.top-navbar .nav > li > ul > li .arrow {
	display: none;
}

.top-navbar .nav > li > .whatonfm,
.top-navbar .nav > li > .whatontv { left: 0; }

.nav-collapse .nav > li .nav-tabs > li {
	float: left;
}

.nav-collapse .nav > li .nav-tabs > li a {
	font-size: 14px;
}

#thumbs-row ul li {
    margin-right: 6px;
}
	
	.nav-collapse form {
	clear: both;
	text-align: center;
	}
	
	.nav-collapse form input[type="text"] {
	margin-bottom: 0;
	}
	
	.nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
	border: 1px inset #ccc;
	background: #f1f1f1;
	}

	.item {
	margin-right: 0;
	}
	
	.navbar li a em {
	display: none;
	}
	
	.sidebar .chunk {
	margin-right: 0;
	padding-right: 0;
	}
	
	.brand {
	position: relative;
	left: 10px;
	}
	
	.main-content-row {
	background-image: none;
	}

	.sidebar .ad-chunk-120 .item {
	width: auto;
	}

.sidebar .fb-like-box, /* target the likebox only when in a sidebar */
.sidebar .fb-like-box > span /* targets the first child span */
.sidebar .fb-like-box iframe /* targets the iframe within the fb-like-box */
{
width: 188px !important;
}

	
	#thumbs-row ul li {
	    width: 140px;
	}
	
	/*
	---------------------------------------------------------------------------------- SECTION NAV (DROP MENUS)
	*/
	
	.snav-collapse.in {
		overflow: visible;
	}
	
	.nav-drops > li {
		position: relative;
		width: 40%;
	}
	
	.nav-drops > li > ul {
		top: 0;
		right: -190px;
		left: auto;
		z-index: 9999;
	}

}/* END IPAD TABLETS */

@media (max-width: 767px) { /* OTHER TABLETS */
	body {
	background: #fff;
	padding-top: 0;
	}
		
	.navbar-fixed-top {
	position: static;
	margin-left: -20px;
	margin-right: -20px;	
	}
	
	.page {
	width: auto;
	margin: 0;
	padding: 0;
	}
} /* END IPAD OTHER TABLETS */