/*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*/

.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*/
.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*/
.col504 {float:left; width: 504px; padding:0; margin:0;}/*true width is 504px; there's no padding or borders to add*/
.col604 {float:left; width: 604px; padding:0; margin:0;}/*true width is 568px; 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*/
.col756 {float:left; width: 756px; padding:0; margin:0;}/*true width is 756px; there's no padding or borders to add*/

	

	
.col568UniversityPlace {
	float: left; 
	width: 567px; 
	height:275px;
	padding: 0px 0px 0px 0px;
	background: #fff url(up_banner_080408_565x275.jpg) 0 0 repeat-y;
	border-bottom: 1px solid #fff;
	}
	
.col568DirectorsCut {
	float: left; 
	width: 567px; 
	height:275px;
	padding: 0px 0px 0px 0px;
	background: #fff url(dc_banner_082808_565x275.gif) 0 0 repeat-y;
	border-bottom: 1px solid #fff;
	}
	
.col568OutreachBanner {
	float: left; 
	width: 567px; 
	height:275px;
	padding: 0px 0px 0px 0px;
	background: #fff url(banner_communityforums_567x275.jpg) 0 0 repeat-y;
	border-bottom: 1px solid #fff;
	}
	
	
.col568CreatingHealth {
	float: left; 
	width: 568px; 
	height:275px;
	padding: 0px 0px 0px 0px;
	background-color:#9EBFC8;
	border-bottom: 1px solid #fff;
	line-height:1.2em;
	}

.col568MSObanner {
	float: left; 
	width: 568px; 
	height:275px;
	padding: 0px 0px 0px 0px;
	background: #fff url(mso_banner08_565x275.gif) 0 0 repeat-y;
	border-bottom: 1px solid #fff;
	line-height:1.2em;
	}
	
.col56830MMHbanner {
	float: left; 
	width: 568px; 
	height:275px;
	padding: 0px 0px 0px 0px;
	background: #fff url(30mmh_banner_082708_565x275.gif) 0 0 repeat-y;
	border-bottom: 1px solid #fff;
	line-height:1.2em;
	}	
	
#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(..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*/

	
#main /*this wrapper holds EVERYTHING to the left of the right-hand ad column*/
	{
	float: left; 
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	padding: 0px;
	}
	

.wrapper1col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background-repeat: repeat-y;/*normally I would declare this all in a single line but it's working on the old cf server*/
	margin-bottom:0px;
	}
	
	
.wrapper2col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(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(bkgd_2col_flex.gif) 378px 0 repeat-y;
	margin-bottom:0px;
	}
		
.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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(bkgd_2col_flex.gif) 251px 0 repeat-y;
	padding:0px;
	}
	
.wrapper3col
	{
	width: 756px; /*true width is 756px* + no left/right padding + 0 left/right borders*/
	background: #fff url(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(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(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(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(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(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(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; }



/* IE5.x/Win hacks */
#wrapperWPT {width: 980px; voice-family: "\"}\""; voice-family: inherit; width: 980px;}
#main, #4col189px {width: 756px; voice-family: "\"}\""; voice-family: inherit; width: 756px;}
#content {width: 980px; voice-family: "\"}\""; voice-family: inherit; width: 980px;}


#homeVideoPreviews {width: 232px; voice-family: "\"}\""; voice-family: inherit; width: 232px;}

#column1 {width: 224px; voice-family: "\"}\""; voice-family: inherit; width: 224px;}
.col2A, .col2B {width: 378px; voice-family: "\"}\""; voice-family: inherit; width: 378px;}
.col3A, .col3B, .col3C {width: 252px; voice-family: "\"}\""; voice-family: inherit; width: 252px;}
.col4A, .col4B, .col4C, .col4D {width: 189px; voice-family: "\"}\""; voice-family: inherit; width: 189px;}
.col5A, .col5B, .col5C, .col5D, col5E {width: 151px; voice-family: "\"}\""; voice-family: inherit; width: 151px;}
.col97 {width: 97px; voice-family: "\"}\""; voice-family: inherit; width: 97px;}
.col302 {width: 302px; voice-family: "\"}\""; voice-family: inherit; width: 302px;}
.col453 {width: 453px; voice-family: "\"}\""; voice-family: inherit; width: 453px;}
.col504 {width: 504px; voice-family: "\"}\""; voice-family: inherit; width: 504px;}
.col568, .col568banner, .col568MLKbanner, .col568CreatingHealth, .col56830MMHbanner, .col568MSObanner  {width: 567px; voice-family: "\"}\""; voice-family: inherit; width: 567px;}
.col604 {width: 604px; voice-family: "\"}\""; voice-family: inherit; width: 604px;}
.col756 {width: 756px; voice-family: "\"}\""; voice-family: inherit; width: 756px;}

#footer, #funders {width: 980px; voice-family: "\"}\""; voice-family: inherit; width: 980px;}
.translucentbkg {height: 21px; voice-family: "\"}\""; voice-family: inherit; height: 21px;}