/*base stylesheet for wisconsinvote.org and columns are in separate stylesheets*/

/*default nav styles*/
/*navigation links*/



.accordian {
	display:none;
	width: 756px;
	}


.pullquoteMFH {
	text-align: left; 
	padding-top: 49px;
	margin: 0 0 0 4px;
	color:#707835;
	font: 1.2em/1.75em  Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: -6px;
	padding-left: 7px; 
	}
	
.nobreak { 
	white-space: nowrap; 
	}

img.IWfunders {
	vertical-align:text-top;
	margin-right: 20px;
	}

.transcript {/*boosts transcript copy size just a little bit*/
	font-size:102%;
	line-height:2em; 
	padding: 0 7px 5px 7px;
	}

.multimediaModuleHeader {/*wraps the title over translucent background for multimedia blocks*/
	position: relative;
	top: -6px; 
	left: 0px;
	}

.translucentbkg {
	width: 100%; 
	height: 20px;/* to match DIVs size */
	background-color:#997f3b;/* olive 666600the background */
	filter:alpha(opacity=70);/* Transparency for IE */
	-moz-opacity:0.7;/* Transparency for older Mozillas */
	opacity: 0.7;/* Standard style for transparency */    
	}

.opaquetext {
	width: 100%; 
	height: 20px;/* to match DIVs size*/
	background-color: transparent;/* transparent background */
	position: absolute;/* absolute positioning*/
	z-index: 2;/* place it over the other DIV */
	margin:3px 0 0 7px;
	}


a.multimedia:link, 
a.multimedia:visited, 
a.multimedia:hover,
a.multimedia:active
	{
	font: normal .9em/1.5em  Arial, sans-serif; 
	text-transform:uppercase;
	color:#fff;
	}

a.slideshowpro:link, 
a.slideshowpro:visited, 
a.slideshowpro:hover,
a.slideshowpro:active
	{
	font: normal .9em/1.5em  Arial, sans-serif; 
	text-transform:uppercase;
	color:#fff;
	}
	
	
.mediaOverlayOrig {
	display: block;
	margin-top: -20px;
	padding: 20px;
	font-family: arial, sans-serif;
	font-size: 1.1em; /*11px*/
	line-height: 1.5em; /*13px*/
	color: #000;
	background: #fff;
	background-position: 3px 4px;
	opacity: .8;
	-moz-opacity: 0.8;
	filter: Alpha(Opacity=80);
	cursor: pointer; 
	}


.media img {
	display: block;
	margin: 15px auto 0 auto;  
	}



.supportNow  {
	padding-top:5px;
	overflow:hidden;
	width:100%;
	text-align:center;
	background-color:transparent;
	}
	

	
.adbox {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-color:transparent;	
	width:200px;
	margin: 0 auto; /*Centers in FF */
	}


.ads {
	text-align:center;
	padding-bottom:20px;
	background-color:#fff;
	border:1px solid #ccc;
	width:200px;
	margin: 0 auto; /*Centers in FF */	
	}

.ads img, .ad2s img {
	text-align:center;
	border:1px solid #ccc;
	margin:0 0 20px 0;
	}

.ads p.headline, .ads2 p.headline {text-align:center;color:#666;font-size:.8em;}



#watchFP {
	padding:0 7px 7px 0px;
	}

#watchFP a:link, #watchFP a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-decoration:underline;
	}

#watchFP a:hover, #watchFP a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-decoration:underline;
	}		
	

a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration:none;
	}

a:hover, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration:underline;
	}
	
/*newsHour headlines module in a div called .onlineNewsHour*/
.onlineNewshour a:link, .onlineNewshour a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration:none;
	font-weight:bold;
	}

.onlineNewshour a:hover, .onlineNewshour a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration:underline;
	font-weight:bold;
	}


	
/*front page video links on grey background*/
#homeVideoPreviews a:link, #homeVideoPreviews a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	
	text-decoration:underline;
	}

#homeVideoPreviews a:hover, #homeVideoPreviews a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	
	text-decoration:underline;
	}	

 
/*graphical elements*/
.arrow {float:right;padding:10px 10px 0 0;}


/*video related styles*/
.clip, .clip2 {
	padding:0 0 5px 7px;
	background-color:transparent;
	float:left;
	margin-bottom:5px;
	width:288px;
	border-bottom:1px solid #666;
	}

.clip2 {
	border:0px;
	}

.clip img, .clip2 img {
	float:left;padding:0px;
	}

.clip p, .clip2 p {
	margin: 0px 10px 0px 105px;
	}

.clip3 {
	padding:0 0 5px 7px;
	background-color:transparent;
	float:left;
	margin-bottom:5px;
	width:235px;
	}

.clip3 img {
	float:left;padding:0px;
	}

.clip3 p {
	margin: 0px 10px 0px 105px;
	}

/*styles for stacked resources or stacked programs*/ 
.media,
.A, 
.B,
.C, 
.D,
.E,
.F,
.G,
.block {
	padding:0 0 5px 7px;
	background-color:transparent;
	float:left;
	margin-bottom:5px;
	width:99%;
	}
	
.block {
	padding:0 0 5px 0;
	}
	
	.A, .media {
	border-bottom:1px solid #CBCBCB;
	}
	
.resources {
	padding-top:10px;
	border-bottom:1px solid #CBCBCB;
	}	

.A img, .B img, .G img, .media img, .imgLeft {
	float:left;padding:0 0 0 0;
	}

	
.A .imgLeft16x9,
.B .imgLeft16x9,
.G .imgLeft16x9,
.G .img {
	float:left;padding:5px 7px 0 0;
	}
	
.A .imgRight16x9,
.B .imgRight16x9 {
	float:right;padding:5px 0 0 7px;
	}
	
#dc .block {margin-bottom:15px;}

.col2A .A h3, 
.col2B .B h3 {
	margin: 0px 10px 0px 137px;
	}
	
.stackedPrograms568 .A h3, 
.stackedPrograms568 .B h3, 
.col756 .A h3, 
.col756 .B h3, 
.col504 .G h3  {
	margin: 0px 10px 0px 182px;
	}	
	

.col2A .A p, 
.col2A .B p, 
.col2B .A p, 
.col2B .B p, 
.col504 .A p, 
.col504 .B p, 
.col453 .A p, 
.col453 .B p, 
.col568 .A p, 
.col568 .B p  {/*137 px wide thumbnails*/
	margin: 0px 10px 10px 145px;
	}
	

.col2A .C p, 
.col2A .D p, 
.col2B .C p, 
.col2B .D p, 
.col504 .C p, 
.col504 .D p, 
.col504 .glossary p, 
.col504 .G p {/*75 px wide thumbnail*/
	margin: 0px 10px 10px 82px;
	}
	
.col504 .G p {/*75 px wide thumbnail*/
	margin: 0px 10px 10px 50px;
	}
	
.col2A .E p, 
.col2A .F p, 
.col2B .E p, 
.col2B .F p, 
.col453 .E p, 
.col453 .F p, 
.col504 .E p, 
.col504 .F p {/*99 px wide thumbnail*/
	margin: 0px 10px 10px 100px;
	}
	
.E h3, 
.F h3, 
.E h4, 
.F h4 {
	margin: 0px 10px 0px 99px;
	}		
		
.col2A .C h3, 
.col2B .C h3, 
.col2A .D h3, 
.col2B .D h3 {
	margin: 0px 10px 0px 82px;
	}
	
.col568MLKbanner p, 
.col56830MMHbanner p {
	margin: 0px 19px 5px 7px;
	}


.col568 .stackedPrograms568 .A ul,
.col568 .stackedPrograms568 .B ul {
	margin: 0px 10px 10px 20px;
	}


.col2A p.description,/*used in LZ Lambeau*/
.col163 p,
.col201 p,
.col302 p,
.col453 p,
.col504 p,
.col568 p,
.col604 p,
.col756 p,
.wrapper1col_leftPadding p,
.wrapper980 p,
#wrapper604 p,/*added for pages using 151px wide vertical 2nd-level links on left side*/
.wrapper_4Adadfc2_2A_4Bcol p,
.wrapper302_453col p,
.wrapper378dadfc2_189_189px p,
.wrapper453_302col p,
.wrapper568_189col p,
.wrapper189_568col p,
.wrapper504_252col p,
.wrapper252_504col p,
.wrapper302_453colNP p,
.wrapper453_302colNP p,
.wrapper568_189colNP p,
.wrapper189_568colNP p,
.wrapper504_252colNP p,
.wrapper252_504colNP p,
.wrapper97_661pxcol_dadfc2 p,
.wrapper151_604col_dadfc2 p,
.wrapper189_568col_e4daa1 p,
.wrapper252_504col_dadfc2 p,
.wrapper453_302col_9da37f p,
.wrapper1col p,
.wrapper2col p,
.wrapper3col p,
.wrapper4col p,
.wrapper4colB p, /*used in kids to accomodate the schedule in first column w/o a rule on the schedule's right side*/
.wrapper5col p,
.wrapper2colNP p,
.wrapper3colNP p,
.wrapper4colNP p,
.wrapper5colNP p {
	margin:0 7px 10px 7px;
	}


.col568 .stackedPrograms568 .A p, 
.col568 .stackedPrograms568 .B p, 
.col756 .A p, 
.col756 .B p {
	margin: 0px 10px 10px 182px;
	}		
		
.col2B .media p {
	margin: 0px 10px 0px 91px;
	}

p, div, textarea { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	margin-top:0px; 
	font-size: 11px; 
	line-height:18px; 
	color: #1D2F29;
	}
	
td, input, select { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #1D2F29;
	}
	
td p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	margin-top:0px; 
	font-size: 11px; 
	line-height:18px; 
	color: #1D2F29;
	}	

td div {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	margin-top:0px; 
	font-size: 11px; 
	line-height:18px; 
	color: #1D2F29;
	}	

th { 
    text-align:left 
	}
	

	
#pageTitle {
	float:left; 
	margin-left: 15px; 
	margin-top:6px; 
	margin-right: 0;
	background-color: #000000; 
	}

#pageTitleText{
	color:#FFFFFF;
	font: 0.855em Geneva, Arial, Helvetica, sans-serif; font-weight:bold;
	text-transform: uppercase;
	}
	


/*created .supportHeadlines style as a workaround to integrate the orange arrow graphic with sIFR headlines. Not activly using because the arrow cannot be "clicked" because it's to the LEFT of the headline

.supportHeadlines{
	vertical-align: middle; 
	background:  url(/wptImages/arrow15x15.png) 7px 6px no-repeat;
	height:26px;
	line-height:26px;
	overflow:hidden;
	}
	
.supportHeadlines h2.two {padding-left:25px;}

*/	
	
.supportTitle {
	position:relative;
	display:table;
	vertical-align: middle; 
	float:right;
	background: #474747 url(/wptImages/arrow15x15_bkgd_grey.gif) 200px 6px no-repeat;
	/*background-color: #474747;*/
	border-bottom: 1px solid #fff;
	height:26px;
	line-height:26px;
	width:222px;
	overflow:hidden;
	}

.supportTitle2 {
	float:right;
	border-bottom: 5px solid #fff;
	background: #474747 url(/wptImages/arrow15x15_bkgd_grey.gif) 200px 6px no-repeat;
	height:26px;
	width:222px;
	overflow:hidden;
	}
	
.contactShop {
	float:left;
	border-bottom: 3px solid #fff;
	background:#474747;
	/*background: #000 url(/wptImages/arrow15x15_bkgd_grey.gif) 200px 6px no-repeat;*/
	height:26px;
	width:219px; /*final width actually 222px; accomodating the 3px left padding for text*/
	overflow:hidden;
	padding-left:3px;
	}
	
.whatsOnTitle{
	float:left;
	background: #474747 url(/wptImages/arrow15x15_bkgd_grey.gif) 165px 6px no-repeat;
	border-bottom: 5px solid #fff;
	height:26px;
	width:187px;
	}

.videoTitle{
	float:left;
	background: #474747 url(/wptImages/arrow15x15_bkgd_grey.gif) 280px 6px no-repeat;
	border-bottom: 5px solid #fff;
	height:26px;
	width:300px;
	}

/*.categoryTitleWhatsOnNow{
	float:left;
	background: #474747 url(/wptImages/arrow15x15_bkgd_grey.gif) 125px 6px no-repeat;
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-right:2px solid #fff;
	height:26px;
	width:187px;
	}
	*/
.categoryTitleVideo_302{
	float:left;
	background: #474747 url(/wptImages/arrow15x15_bkgd_grey.gif) 50px 6px no-repeat;
	border-bottom: 5px solid #fff;
	border-right:2px solid #fff;
	height:26px;
	width:300px;
	}
	
a.supportColumnHeaderWhite:link, 
a.supportColumnHeaderWhite:visited, 
a.supportColumnHeaderWhite:hover,
a.supportColumnHeaderWhite:active
	{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	padding-left: 5px;
	text-transform: capitalize;
	color:#FFFFFF;
	font: 1.2em  Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration:none; 
	}

.columnHeaderWhite {
	text-align: left;
	padding: 5px;
	margin: 0 0 0 4px;
	text-transform: capitalize;
	color:#FFFFFF;
	font: 1.2em  Arial, Helvetica, sans-serif;
	font-weight: bold; 
	}
	
.columnHeaderWhite a:link,
.columnHeaderWhite a:visited,
.columnHeaderWhite a:hover,
.columnHeaderWhite a:active
	{
	width:100%;
	vertical-align:middle;
	position:relative;
	padding-left: 2px;
	text-transform: capitalize;
	color:#FFFFFF;
	font: 1.0em  Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration:none; 
	}

.padding756{
	float:left;
	background-color: #ffffff;
	height:7px;
	width:756px;
	}
	
/*CATEGORY TITLES WITH GREY BACKGROUND*/

/*original title banner covers whole 756px span*/
.categoryTitleWhite{
	background-color: #fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	height:26px;
	width:756px;
	}
	
/*original title banner covers whole 756px span*/
.categoryTitle{
	background-color: #474747;
	border-bottom: 5px solid #fff;
	height:26px;
	width:756px;
	}

/*title banner covers whole 980px span*/
.categoryTitleCol980{
	background-color: #474747;
	border-bottom: 5px solid #fff;
	height:26px;
	width:980px;
	}
	
/*title banner covers whole 756px span*/
.categoryTitleCol756{
	background-color: #474747;
	border-bottom: 5px solid #fff;
	height:26px;
	width:756px;
	}
	

/*split headers for wrapper wrapper2col*/
.catTitleCol2_378_left{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-right: 2px solid #fff;
	height:26px;
	width:376px;
	}

.catTitleCol2_378_right{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-left: 2px solid #fff;
	height:26px;
	width:376px;	
	}
	
	

/*split headers wrapper302_453col equal to 5A 5B 5C + 5D 5E plus 1 pixel
302+453=755; add an extra pixel to the right column to make width = 756px*/
.categoryTitleCol302_left{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-right:2px solid #fff;
	height:26px;
	width:300px;
	}
	

.categoryTitleCol453_right{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-left: 2px solid #fff;
	height:26px;
	width:452px;
	}
	
	
/*split headers wrapper453_302col equal to 5A 5B + 5C 5D 5E plus 1 pixel 
453+302=755; add an extra pixel to the left column to make width = 756px*/
.categoryTitleCol453_left{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-right: 2px solid #fff;
	height:26px;
	width:452px;
	}
	
.categoryTitleCol302_right{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-left:2px solid #fff;
	height:26px;
	width:300px;
	}
	

/*split headers wrapper504_252col equal to 3A 3B + 3C */
.categoryTitleCol504_left{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-right:2px solid #fff;
	height:26px;
	width:502px;
	}
	

.categoryTitleCol252_right{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-left: 2px solid #fff;
	height:26px;
	width:250px;
	}

.categoryTitle_filler{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-left: 2px solid #fff;
	height:26px;
	width:99%;
	}


/*split headers wrapper252_504col equal to 3A + 3B 3C */
.categoryTitleCol252_left{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-right:2px solid #fff;
	height:26px;
	width:250px;
	}
	

.categoryTitleCol504_right{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-left: 2px solid #fff;
	height:26px;
	width:502px;
	}
	
	
	
/*split headers wrapper189_568col*/
.categoryTitleCol189_left{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-right:2px solid #fff;
	height:26px;
	width:187px;
	}
	
.categoryTitleCol568_right{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-left: 2px solid #fff;
	height:26px;
	width:565px;
	}
	
	


/*split headers wrapper568_189col;
the 189col is equal to the four-col width colA, B, C, D*/
.categoryTitleCol568_left{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-right:2px solid #fff;
	height:26px;
	width:565px;
	}
	

.categoryTitleCol189_right{
	float:left;
	background-color: #474747;
	border-bottom: 5px solid #fff;
	border-left: 2px solid #fff;
	height:26px;
	width:187px;
	}



/*header images */
.categoryTitle img, .supportTitle img, .whatsOnTitle img,  .whatsOn img 
	{
	padding:0px 0 5px 10px;
	vertical-align:middle;
	}

.categoryTitle2	{
	float:left;
	background-color: #333;	
	border-bottom: 1px solid #fff; 	
	height:26px;
	width:756px;
	}	
	
.categoryTitle3{
	float:left;
	background-color: #fff;
	border-top:3px double #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom:7px;
	height:26px;
	width:756px;
	}
	
	

h1 {
	text-align: left;
	padding: 0;
	margin: 0px 0 0 7px;
	text-transform: capitalize;
	color:#000000;
	font: 1.5em/1.5em  Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:.05em; 
	/*margin: 0;
	padding: 0;*/
	}

h1.white {
	text-align: left;
	padding: 0;
	margin: 0px 0 0 7px;
	text-transform: capitalize;
	color:#FFFFFF;
	font-weight: bold; 
	}

h1.black {
	text-align: left;
	padding: 0;
	margin: 0px 0 0 7px;
	text-transform: capitalize;
	color:#000000;
	font: 1.5em/1.5em  Arial, Helvetica, sans-serif;
	font-weight: bold; 
	}

	
	
h2.one, h2.two, h2.three { 
	margin:0 0 -7px 7px;
	/*font: 1.5em/1.5em  Arial, Helvetica, sans-serif;
	font-weight: bold;*/ 
	}
	
#inlineAdjustments h2.one, #inlineAdjustments h2.two, #inlineAdjustments h2.three { 
	margin:0 0 -7px 0px;
	}
	
h2.one { 
	color:#000; /*black*/
	}
	
h2.two { 
	color:#FF9900; /*orange*/
	}
	
h2.three { 
	color:#0066CC; /*blue*/
	}		
		
/*https://github.com/sorccu/cufon/wiki/API >> CUFON :HOVER | Whether or not :hover is enabled. For performance reasons this option disabled by default. If an Object, :hover will be enabled and the values of the object will override normal options on :hover. See below for an example. Note: the hover option cannot be added to an element that has been replaced before. To make it work you must reverse the order of your replace calls (i.e. hover calls must go first).*/


h2.one a:link, 
h2.one a:visited, 
h2.one a:hover,
h2.one a:active
	{ 
	color:#000;/*black*/
	text-decoration:none;
	}

		
h2.two a:link, 
h2.two a:visited, 
h2.two a:hover,
h2.two a:active
	{ 
	color:#FF9900;/*orange*/
	text-decoration:none;
	}
		
h2.three a:link, 
h2.three a:visited, 
h2.three a:hover,
h2.three a:active
	{ 
	color:#0066CC;/*blue*/
	text-decoration:none;
	}
	
h2.one a:hover,
h2.one a:active
	{ 
	text-decoration:underline;/*black*/
	}
	
	
h2.two a:hover,
h2.two a:active
	{ 
	border-bottom:1px solid #FF9900;/*orange*/
	}
	
h2.three a:hover,
h2.three a:active
	{ 
	border-bottom:1px solid #0066CC;/*blue*/
	}
	
.cufon-loading h2.one, 
.cufon-loading h2.two, 
.cufon-loading h2.three { 
	display: none !important;/* for Cufon.replace('h2 elements')  hides FOUC (Flash of unstyled content). 
	https://github.com/sorccu/cufon/wiki/API
	Documentation states: "Internet Explorer 8 has some serious issues displaying Cufónized content within elements that have visibility: hidden set. Please see FAQ 9, or use display: none instead (which works perfectly)." Erika observes that the main difference between display: none and "visibility: hidden" is that "visibility" holds the space while "display" does not. Using "display" means some content will bounce a little once the cufon text pops in. */
	}
	
h2.one cufon, 
h2.two cufon, 
h2.three cufon { 
	text-align: left; 
	font-weight: normal; 
	font-size:1.6em;
	margin-bottom: 7px!important;/*7px is equivilent to a line-height 1em; this is a workaround for "line height" which only work for cufon if using strict dtd or HTML5*/
	}


	 
h3 { 
	margin:0 0 5px 7px;
	font: 0.95em/1.5em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	}

.A h3.col2resources, .B h3.col2resources {
	margin: 0px 10px 0px 144px;
	}



h4 {
	font: bold 1.5em Verdana, Arial, sans-serif; 
	margin:0 0 0 7px;
	}

.airdate {
	font: normal .9em/1.5em  Arial, sans-serif; 
	margin:0 0 0 0;
	text-transform:uppercase;
	color:#666666;
	}
	
.caption1 {
	font: normal .9em/1.5em  Arial, sans-serif; 
	margin:0 0 0 0;
	color:#666666;
	}	
	
.caption2 {
	/*font: normal .9em/1.5em  Arial, sans-serif; */
	margin:0 0 0 0;
	color:#660;
	}	
	
.largerText {
	font: normal 1.2em  Arial, sans-serif; 
	margin:0 0 0 7px;
	}

.stayInTouchHeader {
	font: normal .9em/1.5em  Arial, sans-serif; 
	margin:0 0 0 7px;
	text-transform:uppercase;
	color:#666666;
	}

.featuredTitle {
	font: normal .85em/1.5em  Arial, sans-serif; 
	margin:0px;
	text-transform:uppercase;
	color:#666666;
	}

.supportWPTNow {
	float:left; 
	padding-left:0px;
	background-color: #474747; 
	border-right: 1px #FFFFFF solid;
	width:224px;
	}


#footer {
	background-color: #474747;
	text-align: left;
	border-top: 2px #FFFFFF solid; 
	color:#FFFFFF; 
	line-height: 26px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:.85em; 	
	}

#footer a:link,
#footer a:visited {
	color:#FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: none;
	color: #FD9900;
	}
	
#belowFooterText {
	background-color: #ffffff;
	text-align: left; 
	padding:10px 0 10px 15px;
	color: #1D2F29;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:.8em; 
	}
	
#wrapperFooter a:link,
#wrapperFooter a:visited {
	color:#474747;
	text-decoration: none;
	font-weight:normal;
	}
	

#wrapperFooter a:hover {
	text-decoration: underline;
	color: #474747;
	}

	
	
img.floatRight { 
    float: right; 
    margin: 0px; 
	}	


.clear {
	clear: left;
	}
	
	

.error { color:#FF0000; font-weight:bold }

	
.bold {
	font-weight:bold;
	}
	
li {
	padding-bottom:5px;
	}
	
	
.onlineNewshour {/*used with the NewsHour module; do NOT delete*/
	margin:0 7px 0 7px; 
	}
	
.columnHeaderBlack {
	text-align: left; 
	padding-top: 5px;
	margin: 0 0 0 4px;
	text-transform: capitalize;
	color:#000000;
	font: 1.1em  Arial, Helvetica, sans-serif;
	font-weight: bold; 
	}

.headerWhite {
	text-align: left;
	padding: 5px;
	margin: 4px 0 0 4px;
	text-transform: capitalize;
	color:#FFFFFF;
	font: 1.2em  Arial, Helvetica, sans-serif;
	font-weight: bold; 
	}
	
.featuredProgramTitle
	{ 
	color:#0066CC;
	padding: 0 7px 5px 7px; 
	line-height:18px; 
	font: bold 1.5em Verdana, Arial, sans-serif; 
	}
	
.supportExpressTitle { 
	color: #FF9900;
	font: bold 1.5em Verdana, Arial, sans-serif; 
	margin:0 0 0 5px;
	}

.supportSustainerTitle { 
	color: #336633;
	font: bold 1.5em Verdana, Arial, sans-serif; 
	margin:0 0 0 5px;
	}

.supportPremiumTitle { 
	color: #0066CC;
	font: bold 1.5em Verdana, Arial, sans-serif; 
	margin:0 0 0 5px;
	}
	
.facebookRow /*used on NPA landing page for e-mail us and Facebook links container*/{
	padding-top:4px;
	margin-bottom:2px;
	border-top:1px solid #474747;
	}
	
.linksHeader { 
	margin:0 0 5px 7px;
	font: 0.95em/1.5em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	}

.linksBody { 
	margin:0 0 0 7px;
	}
	
.csTextPadding { 
	padding: 0 7px 5px 7px; 
	line-height:18px; 
	color: #1D2F29;
	}
	
.csCategoryTitle {
	background-color: #474747;
	border-bottom: 5px solid #fff;
	height:26px;
	}
	
.csCellBorderRight {
	border-right: 1px solid #ccc;
	}

.csCellBorderLeft {
	border-left: 1px solid #ccc;
	padding: 0 7px 5px 7px;
	}
	
.csCellBorderRightBottom {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.csCellBorderBottom {
	border-bottom: 1px solid #ccc; vertical-align:top; 
	}

.csCellBorderTop {
	border-top: 1px solid #ccc;
	}

.csCellBackgroundGreen { 
	background-color:#dadfc2;
	}

.csCellBackgroundBlack { 
	background-color:#000000;
	}

.csTableBorderBottom {
	border-bottom: 1px solid #ccc;
	margin: 5px 0 5px 0;
	}
	
.csRowBorderTop {
	border-top: 1px solid #ccc; margin-top:5px; padding-top:5px; vertical-align:top;
	}	
	
.csTableDark {
	background-color: #000000;
	margin: 5px 0 5px 0;
	}
	
.csTableTopAlign
	{ vertical-align:top }
	
.csFieldName { 
	text-align:right; 
	color: #CC6633;
	}	

.csHeader{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	color: #474747;
	}	

.csHeaderLarge { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:bold; 
	color: #474747; 
	line-height:24px;
	}
	
.csH4 {
	font: bold 1.5em Verdana, Arial, sans-serif; 
	}	

.csTableMarginBottom { 
	margin-bottom: 4px; 
	}

.csRelatedLinks { 
	margin-left: 110px; 
	}

.csCellGreen { 
	background-color:#dadfc2;
	}

.csCellMustard { 
	background-color:#E4DAA1;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	}

.warmMustardCell {
	padding: 10px 7px 5px 7px; 
	line-height:18px; 
	color: #1D2F29;
	background-color:#E4DAA1;	 /*warm mustard from Brian's schedule palette*/
	}
	

.sportsBanner {/*original title banner covers whole 756px span*/
	background-color: #F8C842;
	border-top: 3px solid #A10908;
	border-bottom: 5px solid #fff;
	height:43px;
	width:756px;
	}

		
.concertsOnTheSquare {
	width:100%;
	background-color:#34679A;
	margin-bottom:10px
	}
	

.DCgenrePulldown {
	background: -moz-linear-gradient(top, #818b34, #eacb06);/* gecko based browsers Firefox, Chrome, Opera*/
	background: -webkit-gradient(linear, left top, left bottom, from(#818b34), to(#eacb06));/* webkit based browsers Safari, Chrome, etc.*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#818b34', endColorstr='#eacb06');/*IE gradient background*/
	}
	
#slideshowModal body,
#slideshowModal html {
	background: #000;
	margin:0;
	padding;
}