/*	NPR Mainstyles CSS
/*	General 
	--------------------------------------------------------------- */

body 
	{
	margin: 0;
	padding: 0 0 25px 0;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 10px;
	background-image: images/bkgd-blue.gif;
	}

/* apply padding and margin restrictions */
form, input, select, img, ul, ol, li, dl, dt, dd, div, p, h1, h2, h3, h4, h5, h6
	{
	padding: 0;
	margin: 0;
	}	
a
	{
	color: #0E225F;
	background-color: transparent;
	}
	
#middlecol ul.noicon
	{
	list-style-type: none;
	list-style-position: inside;
	}
	
#middlecol ul.doticon
	{
	list-style-type: disc;
	list-style-position: inside;
	}
	
#middlecol a
	{
	color: #214ac6;
	}	

a.help
	{
	cursor: help;
	}
	
a:hover,
#middlecol a:hover
	{
	text-decoration: underline;
	}
	
img
	{
	border: none;
	}
	
ul
	{
	list-style-type: none;
	}

.clear
	{
	clear: both;
	}
	
h1
	{
	font-size: 140%;
	}
	
h2, h3, h4
	{
	font-size: 120%;
	margin: 0 0 5px 0;
	}	
	
hr
	{
	color: #CCC;
	margin-top: 0;
	margin-bottom: 15px;
	border: 0;
	height: 2px;
	}	

hr.blue
	{
	color: #0E225F;
	margin-top: 0;
	margin-bottom: 15px;
	border: 0;
	height: 2px;
	}	
	
/*	Structure
	--------------------------------------------------------------- */

/*
#header
	{
	border-left: 1px solid white;
	width: 765px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	position: relative;
	text-align: left;
	vertical-align: bottom;
	background-color: #fff;
	color: #000;
	font-size: 100%;
	}*/
	
#main
	{
	width: 765px;
	width:770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position:relative;
	background-color: #fff;
	background-image: url(images/mainbkg.gif);
	background-repeat: repeat-y;
	}
#main_offsite
	{
	width: 765px;
	width:770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position:relative;
	background-color: #fff;
	}
#main_nobkg
	{
	width: 765px;
	width:770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position:relative;
	background-color: #fff;
	}

#leftcol
	{
	width: 125px;
	padding: 10px 0 0 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 100%;
	background-color: #E5E8ED;
	}
	
#rightcol
	{
	float: left;
	margin-left: 15px;
	}
	
#middlecol
	{
	width: 415px;
	margin: 0 0 0 137px;
	/*width: 405px;
	margin: 0 0 0 146px;*/
	/*padding: 10px 0 0 0;
	font-size: 110%;*/
	
	
	display: inline;
	float: left;
	margin-left: 137px;
	}
#middlecol_wide
	{
	width: 770px;
	/*width: 405px;
	margin: 0 0 0 146px;*/
	/*padding: 10px 0 0 0;
	font-size: 110%;*/
	
	
	display: inline;
	float: left;
	margin-left: 0px;
	}
	
.wide #middlecol
	{
	width: 615px;
	}
	
#footer
	{
	width: 415px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	clear: both;
	text-align:center;
	border: none;
	}
	
	
/*	Header
	--------------------------------------------------------------- */

#skipnav
	{
	display: none;
	}
	
#logo
	{
	position: absolute;
	top:0px;
	left:0px;
	height: 22px;
	width: 65px;	
	}
	
/* Hack to display for only IE5 Mac */
*>html #logo
	{
	top:0px;
	}
/* End hack */

	
#headerTIB
	{	

	width: 770px;
	margin: 0 auto;
	/*height: auto;*/
	padding: 0;
	position: relative;
	text-align: left;
	vertical-align: bottom;
	background-color: #000;
	color: #fff;
	}
	
#headerTIB a
	{
	text-decoration:none;
	color: #fff;
	}

#headerTIB a:hover
	{
	text-decoration:underline;
	}
	
#headerTIB .topnavLeft
	{
	float:left;
	padding:0;
	margin:0;
	width:170px;
	height:22px;
	}

.memberStation
	{
	padding: 4px;
	margin-left: 70px;	
	}	

.thinnav
	{
	font-weight:bold;
	font-size: 12px;
	}	
	
.memberStationFind
	{
	font-size: 10px;
	}	
	
.topnavRight
	{
	padding: 4px 0 0 0;
	}

.topnavRight li
	{
	display:inline;
	}	

.topnavhelp
	{
	padding: 0;
	margin: 1px 3px 0 0;
	vertical-align: text-top;
	}	

#logoTIB
	{
	height:100px;
	width:770px;
	padding:0;
	margin:0;
	background-color: #fff;
	}
	

/*	Left Column Nav
	--------------------------------------------------------------- */

.leftnavTIB
	{
	padding-top:0px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	font-family: Tahoma, Arial, sans-serif;
	}

.leftnavTIB li
	{
	padding-bottom:15px;
	}

#leftcol a
	{
	text-decoration: none;
	}
	
#leftcol a:hover
	{
	text-decoration: underline;
	}



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

#footer .navTIB
	{
	font-size: 12px;
	margin: 0;
	padding: 0;
	clear: both;
	font-weight:bold;
	font-family: Tahoma, Arial, sans-serif;
	}

#footer .navTIB ul
	{
	margin:2px;
	}	
	
#footer .navTIB2
	{
	font-size: 10px;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	clear: both;
	}
	
#footer .navTIB2 ul
	{
	margin:0;
	}
	
#footer p
	{
	color:#000;
	margin-top:10px;
	margin-bottom:10px;
	}	
	
#footer .navTIB2 img
	{
	float:none;
	padding: 0;
	margin: 1px 3px 0 0;
	vertical-align: text-top;
	}

#footer .navTIB li, .navTIB2 li
	{	
	display: inline;
	}
	
#footer li a
	{
	color: #0E225F;
	text-decoration: none;
	}
	
#footer li a:hover
	{
	text-decoration: underline;
	}	

#footer .navTIB2 li a
	{
	color: #000;
	}
	
#footer a
	{
	color: #930;
	}	

	
	
/*	center - stories
	--------------------------------------------------------------- */

#middlecol div.center
	{
	padding-left: 85px;
	}

#middlecol img,
#middlecol div.story img
	{
	margin: 0 8px 3px 0;
	float: left;
	}
	
#middlecol div.story
	{
	margin: 0 0 10px 0;
	float: left;
	}
	
/* HIDE no float and clear both from \ IE5 mac */
#middlecol div.story
	{
	margin: 0 0 15px 0;
	float: none;
	clear: both;
	}
	
#middlecol ul
	{
	list-style-type: decimal;
	margin: 8px 0;
	}
	
#middlecol ul li
	{
	margin: 0 0 4px 0;
	}
	
#middlecol .intro
	{
	font-size: 13px;
	margin-bottom: 15px;
	}
	
#middlecol div.story h3.slug
	{
	margin: 0;
	padding: 0;
	}
	
#middlecol div.story h4
	{
	margin: 0 0 5px 0;
	padding: 0;
	}
	
	
#middlecol div.story h4 a
	{
	text-decoration: none;
	color: #930;
	}	

#middlecol div.story h4 a:hover
	{
text-decoration: underline;
	}

	
#middlecol div.story img
	{
	float: left;
	clear: none;
	margin: 0 5px 5px 0;
	}	

#middlecol div.story p
	{
	line-height: 14px;
	font-size: 11px;
	height: auto !important;
	height: 1px;  /* added display: table; height: 0 to force display like a table, no wrapping */
	}
	
/* hack to display as table for Mozilla browsers */
#middlecol div.story p:lang(en) {
   display: table;
   }
   
/* hack to display as table for Mozilla browsers */
#middlecol #content div.story p:lang(en) {
   display: table;
   }
	
#middlecol div.story ul
	{
	list-style-type: disc;
	list-style-position: inside;
	}

#middlecol div.promo,
#middlecol div.epromo
	{
	margin: 0 0 15px 0; 
	border: 1px solid #ccc; 
	float: none;
	clear: both;
	padding: 10px;	
	}

#middlecol fieldset.promo
	{
	margin: 0 0 15px 0;
	border: none;
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	float: none; 
	clear: both;
	padding-top: 0 !important;
	padding: 10px 0 15px 0;	
	}	

#middlecol .promo legend
	{
	padding: 0;
	padding-bottom: 10px;
	margin-top: 0 !important;
	margin-top: -10px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0;
	color: #963;
	}
	
#middlecol .promo legend img
	{
	margin-top: -1px;
	margin-right: 3px;
	}
	
#middlecol .promo p a
	{
	font-weight: bold;
	text-decoration: none;
	}
	
#middlecol .promo ul
	{
	display: block;
	}
	
#middlecol .promo ul li
	{
	display: block;
	}
	
h4.stacktitle
	{
	/*text-transform: uppercase;*/
	margin-bottom: 15px;
	}	

fieldset.dategroup
	{
	margin: 0;
	margin-top: 12px !important;
	margin-top: 0;
	border: none;
	border-top: 1px solid #ccc; 
	float: none; 
	clear: both;
	padding-top: 0 !important;
	padding: 10px 0 0 0;
	}	
	
#middlecol fieldset.dategroup div.story p
	{
	margin: 0;
	padding: 0;
	}	


fieldset.dategroup legend
	{
	padding: 0;
	padding-bottom: 10px;
	margin-top: 0 !important;
	margin-top: -10px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0 !important;
	margin-left: -7px;
	color: #999;
	}

.extra
	{
	display: block;
	font-weight: bold;
	color: #666;
	background-color: transparent;
	padding-top: 8px;
	font-size: 90%;
	}
	
.extra .label
	{
	text-transform: uppercase;
	background: url(http://download.npr.org/anon.npr-www/chrome/webextra_spark.gif) no-repeat right;
	padding-right: 9px;
	}

.slug
	{
	font-family: Century Gothic, Futura, Helvetica, sans-serif;
	font-weight: normal;
	color: #7C8894;
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: 0px;
	}
	
.imagecredit
	{
	color: #9aaae7;
	background-color: transparent;
	font-size: 9px;
	text-align: right;
	}
	
.program a,
.program
	{
	color: #999;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	}

.program a:hover,
a.program:hover
	{
	text-decoration: underline;
	}
	
.date
	{
	color: #999;
	}
	
.caption
	{
	font-size: 11px;
	line-height: 125%;
	color: #666;
	}
	
.rightsnotice
	{
	font-size: 10px;
	color: #999;
	font-style: italic;
	}

.rightsnotice a
	{
	color: #9aaae7;
	}

.credit
	{
	font-size: 10px;
	color: #999;
	}

/*	LISTS OF ELEMENTS
	---------------------------------------------------- */

#middlecol ul li div
	{
	font-size: 0.85em;
	margin-bottom: -3px;
	padding-bottom: 0;
	}
	
/* add padding to any DIVs in iconlinks lists of links so that they line up with the icon link text */
ul.iconlinks li div
	{
	padding-left: 22px;
	}

.iconlink
	{
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 2px 0 2px 22px;
	}
	
	
h3 .iconlink,
h4 .iconlink
	{
	padding: 0 0 2px 22px;
	}
	
ul li.iconlink,
ul li .iconlink
	{
	display: block;
	padding: 2px 0 2px 22px;
	margin: 0;
	line-height: 110%;
	min-height: 15px;
	text-decoration: none;
	}
	
a.iconlink:hover
	{
	text-decoration: underline;
	}
	
/* Hack for IE 5.0 to show link icons in lists correctly */

a.iconlink/* */ { display: inline-block; }
ul li a.iconlink/* */ { display: inline-block; }
span.iconlink/* */ { display: inline-block; }
ul li span.iconlink/* */ { display: inline-block; }

a.xml,
ul li a.xml
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_xml_chicklet.gif);	
	padding: 2px 0 2px 32px;
	margin-left: 5px;
	}

.webresource
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_weblink.gif);	
	}

#middlecol .related
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_related_links.gif);
	}
	
.nolink
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_nolink.gif);	
	}

#middlecol a.related:hover
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_related_links_r.gif);
	}
	
.video
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_video.gif);
	}
	
a.video:hover
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_video_r.gif);	
	}

.gallery
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_photogallery.gif);
	}
	
a.gallery:hover
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_photogallery_r.gif);	
	}
	
.audio
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_audio.gif);
	}
	
.audiored
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_audio_red.gif);
	}
	
a.audio:hover,
a.audiored:hover
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_audio_r.gif);	
	}
	
.music
	{
	background-image: url(http://download.npr.org/anon.npr-www/chrome/icon_music_link.gif);	
	}
	
	
#middlecol div.dynamicbucket div.story ul.iconlinks,
#middlecol div.dynamicbucket div.story ul.iconlinks li,
#rightcol div.dynamicbucket div.bucketcontent div.story ul.iconlinks,
#rightcol div.dynamicbucket div.bucketcontent div.story ul.iconlinks li
	{
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0 !important;
	padding: 0;
	}	

#rightcol div.dynamicbucket div.bucketcontent ul.iconlinks
	{
	margin-left: -6px !important;
	}

/** Email Form Styles (originally from NPR.CSS)
	--------------------------------------------------------------- */
	
#emailform
	{
	margin: 10px 3px;
	}

#emailheader
	{
	vertical-align: middle;
	border-top: 2px solid #9c9;
	border-bottom: 1px solid #9c9;
	line-height: 30px;
	padding: 3px 0;
	float: none;
	clear: both;
	}
	
#emailheader h3
	{
	line-height: 32px;
	padding: 3px 0;
	margin: 0;
	display: inline;
	font-size: 13px;
	}
	
#emailheader a
	{
	text-decoration: none;
	}
	
#emailheader .sponsor
	{
	float: right;
	text-align: right;
	width: 88px;
	height: 31px;
	padding: 0 0 0 88px;
	margin-top: 2px;
	background: transparent url(http://download.npr.org/anon.npr-www/chrome/emailpage_sponsoredby.gif) no-repeat left;
	}
	
#middlecol div.emailtop img
	{
	display: block;
	float: none;
	clear: both;
	margin: 5px 0;
	padding: 0;
	}
	
.email_box_outline, .email_box_header
	{
	background-color: #9c9;
	color: #666;
	}
	
.email_box_background
	{
	background-color: #fff;
	color: #666;
	}
	
.email_box_text
	{
	font-size: 10px;
	color: #666;
	background-color: transparent;
	}
	
.email_box_title
	{
	font-size: 10px;
	font-weight: bold;
	color: #666;
	background-color: transparent;
	}
	
.emailFormTable
	{
	width: 100%;
	border: none;
	}
	
.emailFormTable td
	{
	border-bottom: 1px dotted #9c9;
	padding: 6px 0;
	}
	
.emailFormTable tr.first td
	{
	border-top: 2px solid #9c9;
	border-bottom: 1px solid #9c9;
	}
	
.emailFormTable tr.last td
	{
	border: none;
	}
	
.emailFormTable input
	{
	color: #666;
	border-color: #CCC;
	border-width: 1px;
	}
	
.emailFormTable textarea
	{
	color: #666;
	border-color: #CCC;
	border-width: 1px;
	}
	
.emailFormTable div input
	{
	color: #333;
	background: #EEE;
	border-width: 1px;
	}
	
.emailFormTable div input:hover
	{
	color: #333;
	background: #FFF;
	border-width: 1px;
	}

/*	COLORS
	------------------------------------------------------------- */
	

	
/* spacing between rows */

.spacer
	{
	clear: both;
	/* added height and font-size to squash non-breaking space added in some divs for IE 5.01 */
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}
	
.shy
	{
	display: none;
	}
	
#printsponsor
	{
	display: none;
	}
	
	
/* previous/next page styles */	

div#categoryarchiveheader
	{
	padding-top: 10px;
	margin: 0;
	}

div#categoryarchiveheader h2
	{
	font-size:15px;
	margin-bottom: 10px;
	float:left;
	}	

div#categoryarchiveheader h2 a
	{
	text-decoration: none;
	color: #930;
	}

div#categoryarchiveheader p
	{
	padding: 4px 0 0 0;
	margin: 0;
	display: inline;
	text-align: right;
	float: right;
	}	
	
div.categorypagenav
	{
	padding: 5px;
	clear: both;
	font-size: 90%;
	}
	
div.categorypagenav
	{
	background: #fff;
	border: 1px solid #ccc;
	color: #666;
	margin: 8px 0 12px 0;
	width: 413px;
	padding: 4px 0 4px 0;
	}	
	

div.categorypagenav a
	{
	text-decoration: none;
	font-weight: bold;
	}
	
div.categorypagenav .pagenumbers
	{
	display: inline;
	padding: 0;
	margin: 0;
	}	

div.categorypagenav p.indentright
	{
	clear: none;
	display: block;
	text-align: right;
	width: 400px;
	}
	
div.categorypagenav .pagenumbers ul
	{
	display: inline;
	text-align: center;
	list-style: disc inside;
	clear: none;
	padding: 0;
	margin: 0;
	}
	
div.categorypagenav .pagenumbers ul li
	{
	display: inline;
	border-right: 1px solid #CDE;
	list-style: disc inside;
	padding: 0 2px 0 2px;
	margin: 0;
	color: #999;
	font-size: 9px;
	}
	
div.categorypagenav .pagenumbers ul li.pagenumberslast
	{
	border: none;
	
	}
	
div.categorypagenav .pagenumbers ul li.pageprevnext
	{
	padding: 0 5px 0 5px;
	border: none;
	font-size: 9px;
	}

div.categorypagenav .pagenumbers ul li a
	{
	padding: 0;
	margin: 0;
	font-size: 9px;
	}

#middlecol div.pagenumbers li.pageprevnext a.pageprevious,
#middlecol div.pagenumbers li.pageprevnext a.pagenext,
#middlecol div.pagenumbers li a
	{
	color:#930;
	}
	
#middlecol .categorypagenav p.indentright a.pagenext 
	{
	color:#930;
	}	
	
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style2 {font-family: Arial, Helvetica, sans-serif}
.style22 {font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.style3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; }
.style4 {
	font-size: small;
	font-weight: bold;
}
.style5 {
	color: #FFFFFF;
	font-weight: bold;
}
.style6 {font-size: smaller}
.style7 {
	font-style: italic;
}
.style8 {font-size: 12px}
.style11 {color: #993300}
.style3a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: x-small;
	text-decoration: none;
}
.redu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #cc3300;
	text-decoration: underline;
	font-weight: bold;
}
.essaycontent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
.essaycontent_b {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
	
#main_station
	{
	width: 765px;
	width:770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position:relative;
	background-color: #fff;
	}
	
.style10 {
	padding-left:10px;
	font-size:10px;
	font-family: Tahoma, Arial, sans-serif;
	padding-top: 0px;
	font-style: normal;
	font-weight: normal;
}

/*Styles added from Wordpress*/

.entry-donation {
	border-top:1px dotted #e7e7ef;
	margin-top: 0;
	margin-bottom: 2em;
	color: #0e225f; 
	font-size: 1.1em;
	clear:both;
}

.entry-donation form {
	float: right;
	margin: 1em;
}

.entry-donation a {
	font-weight: bold;
	text-decoration: underline;
	color: #0e225f; 
}

.clearing {
	clear:both;
	/*height: 0;*/
}

/*Constant Comment*/

a.newsletter {
	font-size: 12px;
	text-decoration: none !important;
}

#ccoptin {
	margin: 5px 0;
}

#ccoptin label {
	color: #930;
	font-size: 12px;
	font-weight:bold;
}

#ccoptin .submit {
	font-size: 12px;
	font-weight:bolder;
	float:right;
	margin: 2px 2px 10px 10px;
	padding: 1px 2px;
	border:1px solid #999999;
	color: #0e225f; 
}

#ccoptin #ea {
	font-size: 10px;
	border:1px solid #999999;
	width:160px;
	margin: 4px 0;
}