/*column structure for Wisconsin Wisconsin Public Television*/

.clear {clear:both;}
	
#content {width: 980px;}


/*settings for multiple columns*/

#column1 {width: 224px; float:left}/*true width is 224; there's no padding or borders to add*/
.nav224 {width: 224px; float:right}/*true width is 222; there's no padding or borders to add*/
.navLeft {width: 222px; float:left}/*true width is 222; there's no padding or borders to add*/

.col2A, .col2B {float:left; width: 378px; padding:0px; margin:0px;}/*true width is 378; there's no padding or borders to add*/
.col3A, .col3B, .col3C {float:left; width: 252px; padding:0; margin:0;}/*true width is 252px; there's no padding or borders to add*/
.col4A, .col4B, .col4C, .col4D {float:left; width: 189px; padding:0; margin:0;}/*true width is 189px; there's no padding or borders to add*/
.col5A, .col5B, .col5C, .col5D, .col5E  {float:left; width: 151px; padding:0; margin:0;}/*true width is 151px; there's no padding or borders to add*/

.col97 {float:left; width: 97px; padding:0; margin:0;}/*true width is 104px; there's no padding or borders to add; created for skinny vertical navigation bar*/
.col163 {float:left; width: 163px; padding:0; margin:0; margin-bottom:5px;}/*used for footer links; true width is 126px; there's no padding or borders to add; created for skinny vertical navigation bar*/
.col273 {float:left; width: 273px; padding:0; margin:0;}/*true width is 273px; there's no padding or borders to add*/
.col302 {float:left; width: 302px; padding:0; margin:0;}/*true width is 302px; there's no padding or borders to add*/
.col453 {float:left; width: 453px; padding:0; margin:0;}/*true width is 453px; there's no padding or borders to add*/
.col482 {float:left; width: 482px; padding:0; margin:0;}/*true width is 482px; there's no padding or borders to add*/
.col504 {float:left; width: 504px; padding:0; margin:0;}/*true width is 504px; there's no padding or borders to add*/
.col568 {float:left; width: 567px; padding:0; margin:0;}/*true width is 568px; there's no padding or borders to add*/
.col568PaddingLeft {float:left; width: 567px; padding-left:20px; margin:0;}/*true width is 568px; 20px left padding*/
.col604 {float:left; width: 604px; padding:0; margin:0;}/*true width is 604px; there's no padding or borders to add*/
.col736 {float:left; width: 736px; padding-left:20px; margin:0;}/*true width is 736px; plus 20px left to add*/
.col756 {float:left; width: 756px; padding:0; margin:0;}/*true width is 756px; there's no padding or borders to add*/

	
.colMediaCategory {float:left; width: 95px; padding:0; margin:0;}/*true width is 75px; there's no padding or borders to add*/
	

		
	
#homemain {
	float: left; 
	font-size: 0.88em;
	width: 761px; 
	padding: 220px 0px 10px 0px;
	background: #fff url(http://www.wisconsinstories.org/images/navigation/hometownstories/3columns.gif) 124px 0 repeat-y;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
	
#homeVideoWV {
	float: left; 
	width: 756px; 
	padding: 0px 0px 0px 0px;
	background: #333 url(../images/bkgd_videoHome.gif) 0 0 repeat-y;
	border-bottom: 1px solid #fff;
	}/*distinguished from regular homeVideo because it doesn't have a fixed height*/
	

#homeVideo {
	float: left; 
	width: 756px; 
	height:275px;
	padding: 0px 0px 0px 0px;
	background: #333 url(../images/bkgd_homeVideo_with_schedule.jpg) 0 0 repeat-y;
	border-bottom: 1px solid #fff;
	}
			

#homeVideoPreviews {
	float: left;
	line-height:130%; 
	width: 232px;/* correct width of 232px + 0 padding + 0 borders*/
	padding: 10px 0px 10px 0px;
	background-color:transparent;
	}
	
#genericBanner {
	float: left; 
	width: 756px; 
	height:275px;
	padding: 0px;
	border-bottom: 1px solid #fff;
	}
		

			
	
#footer {
	clear: both;
	width:980px;
	padding:0px;
	}
	
#funders {
	float: left; 
	width: 761px; 
	background: #fff /*url(https://wpt.org/images/navigation/hometownstories/3columns_60.gif) 124px 0 repeat-y*/;
	padding-top:0px;
	border-top: 9px solid #fff;
	
	
	}

/*WRAPPERS*/
/*NOTE that wrapperWPT is in the mastheadWPT.css*/

	
.wrapper980 /*added Aug. 2010; this wrapper takes the full width of our grid--all 980 pixels. Used first in DEVELOPMENT*/
	{
	float: left; 
	background-color:#FFFFFF; 
	width: 980px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	padding: 0px;
	}
	
#main /*this wrapper holds EVERYTHING to the left of the right-hand ad column*/
	{
	float: left; 
	background-color:#FFFFFF; 
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	padding: 0px;
	}
	

#main2 {/*used with the left-hand navigation as seen in gardener, our birds, etc.*/
	float: left; 
	background-color:#FFFFFF; 
	width: 595px; /*true width is 594px* + 10px left padding + 0 left/right borders=604
	background-color:#999;*/
	padding-left:10px;
	}
	
#wrapperFooter {
	width:980px;
	padding:0px;
	margin:0px; 
	background-color:#E4DAA1;/*warm mustard from Brian's schedule palette*/
	}
	

#wrapper604 {/*used with the left-hand navigation as seen in gardener, our birds, etc.*/
	float: left; 
	background-color:#FFFFFF; 
	width: 584px; /*true width is 594px* + 10px left padding + 0 left/right borders=604
	background-color:#999;*/
	padding-left:10px;
	}
	
.wrapper1colLeftNav {/*used with the left-hand navigation as seen in gardener, our birds, etc.*/
	width: 584px;
	margin-bottom:10px;	
	}
	
.wrapper1col {
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	margin-bottom:0px;
	}
	
.wrapper1col_leftPadding {
	float:left; 
	width: 743px; 
	padding-left:13px; 
	margin:0;
	}
	
.wrapper1colBio
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	padding-bottom:3px;
	background-color: ##FFE9BC;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	}
	
		
.wrapper2col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 378px 0 repeat-y;
	margin-bottom:10px;
	}	
	
.wrapper2colNP
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 378px 0 repeat-y;
	margin-bottom:0px;
	}
		
.wrapper4colB /*new as of 040309*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_4colB_189px.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:10px;
	}
	
.wrapper97_661pxcol_dadfc2/*olive 151px column on left*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_97_661px_dadfc2.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:0px;
	}
	
.wrapper151_604col_dadfc2/*olive 151px column on left*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_151_604px_dadfc2.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:5px;
	}
	
	
.wrapper189_568col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 189px 0 repeat-y;
	padding:0px;
	margin-bottom:10px;	
	}
	
	
	
.wrapper189_568col_dadfc2/*olive 189px column on left*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_189_568px_dadfc2.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:5px;
	}
	
.wrapper189_568colNP
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 189px 0 repeat-y;
	padding:0px;	
	}
	
	
.wrapper302_453col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 302px 0 repeat-y;
	padding:0px;
	margin-bottom:10px;	
	}
	
.wrapper302_453colNP
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 302px 0 repeat-y;
	padding:0px;
	}
	
	
.wrapper453_302col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 453px 0 repeat-y;
	padding:0px;
	margin-bottom:10px;	
	}
	
	
.wrapper453_302col_9da37f/*olive 302px column on left*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_453_302px_adc6c2.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:5px;	
	}	
	
	
.wrapper453_302colNP
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 453px 0 repeat-y;
	padding:0px;
	}
	
.wrapper568_189col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 567px 0 repeat-y;
	padding:0px;
	margin-bottom:10px;	
	}
	
.wrapper568_189colNP
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 567px 0 repeat-y;
	padding:0px;
	}
	
.wrapper504_252col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 503px 0 repeat-y;	
	padding:0px;
	margin-bottom:10px;
	}
	
	
.wrapper504_252colNP
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 503px 0 repeat-y;	
	padding:0px;
	}
	
.wrapper252_504col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 251px 0 repeat-y;
	padding:0px;
	margin-bottom:10px;	
	}		
	
/*.wrapper252_504col_E6F0F9*/



.wrapper252_504col_dadfc2 /*sage background for 3rd level horizontal nav links*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_252_504px_dadfc2.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:5px;	
	}		
	
.wrapper252_504col_e6e6e6/*grey background for single newshour video module*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_252_504px_e6e6e6.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:5px;	
	}
	
.wrapper252_504col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 251px 0 repeat-y;
	padding:0px;
	margin-bottom:10px;	
	}		
	
		
.wrapper252_504colNP
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_2col_flex.gif) 251px 0 repeat-y;
	padding:0px;
	}
	
.wrapper378dadfc2_189_189px
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_378dadfc2_189_189px.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:5px;	
	}
	
.wrapper_4Adadfc2_2A_4Bcol
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_189dadfc2_378_189px.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:5px;	
	}
	
.wrapper3col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_3col_252px.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:10px;
	}	
	
.wrapper3colE6E6E6 /*triple column with grey background for using all three NewsHour video modules*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #E6E6E6 url(../wptImages/bkgd_3col_252px_e6e6e6.gif);
	background-repeat: repeat-y;/*normally I would declare this all in a single line but it's working on the old cf server*/
	padding:0px;
	margin-bottom:10px;
	}
	
.wrapper3colNP
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_3col_252px.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:0px;
	}
	
.wrapper4col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_4col_189px.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:10px;
	}	

.wrapper4colNP /*no bottom padding*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_4col_189px.gif) 0 0 repeat-y;
	padding:0px;
	margin-bottom:0px;
	}
	
.wrapper5col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_5col_151px.gif);
	background-repeat: repeat-y;/*normally I would declare this all in a single line but it's working on the old cf server*/
	margin:0px;
	margin-bottom:10px;
	}
	


	
.wrapper5colNP /*no bottom padding*/
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(../wptImages/bkgd_5col_151px.gif);
	background-repeat: repeat-y;/*normally I would declare this all in a single line but it's working on the old cf server*/
	margin-top:0px;
	margin-bottom:0px;
	}
	


#sidebar {width: 190px; padding-left: 15px; }


/*CommonSpot styles - added just for the CMS*/
.cs5Col
	{ 
	clear:left;
	padding:2px; 
	}/*true width is 151px; there's no padding or borders to add*/
	
	
/*------------------------------------New Footer (Kari Daggs) 8/2011 (Modify by Chester Lee  ----------------------------------------*/

#wrapperFooterNew {
	width:980px;
	height:120px;
	padding:0px;
	margin:0px; 
	background:url(../images/footer_kkd.jpg) no-repeat;
	border-top:##FFF solid 2px;
	}
	
#footerlinks {	
	width:600px;
	float:left;
	margin-top:7px;
}

#footerlogos {
	loat:left;
	border:none;
	margin-top:-5px
	}

#partnerlogos {
	float:left;
	padding-left:10px;
	border-left:white solid 1px;
	height:80px;
	padding:12px 0 0 20px;
	margin-top:14px;
}

.footerHeaderKKD {
	color:white;
	text-align:left;
	font-family:"Arial Black", Gadget, sans-serif;
	margin-left:20px;	
}
.footerHeaderKKD2 {
	color:white;
	text-align:left;
	font-family:"Arial Black", Gadget, sans-serif;
}
.footerLinksKKD {
	color:white;
	text-align:left;
	margin-left:20px;
	margin-top:-10px;
	margin-bottom: 15px;
}


.footerLinksKKD a{
	text-decoration:none;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:200;
}
.footerLinksKKD a:hover {
	text-decoration:underline;	
}
/*------------------------------------End Footer ----------------------------------------*/