/*styles particular to WPT.org */

/*additions on Sept. 21, 2010 to repare sudden appearance of bug in nonCMS headers built temporarily before going into CMS:
#homepage a.imgLink:link, 
#homepage a.imgLink:visited, 
#homepage a.imgLink:hover,
#homepage a.imgLink:active

#bannerNonCMS

EK_N
*/

.ads {
	text-align:center;
	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;}




.overflow {
background-color:#00FFFF;
width:200px;
height:150px;
overflow: visible;
	}




/*container styles*/
body {

    margin:0px;
	padding:0px;	
	color:#1D2F29;
	background: #fff;
	text-align: center; /*Centers in IE */
	}

#wrapperWPTheader {
	margin: 0 auto; /*Centers in FF */
	padding-top:0px;
	text-align:left;/*For IE/Win, properly aligns content left; otherwise, content remains centered in IE*/ 
	font-size: 0.88em;/*don't mess with this--keeps the font size perfect*/
	width: 980px; 
	}
	
#wrapperWPT {
	margin: 0 auto; /*Centers in FF */
	padding-top:0px;
	text-align:left;/*For IE/Win, properly aligns content left; otherwise, content remains centered in IE*/ 
	font-size: 0.88em;/*don't mess with this--keeps the font size perfect*/
	width: 980px; 
	/*border:1px solid #333;*/
	margin-bottom:20px;
	border:1px solid #474747;/*474747*/
	border-top:0px;
	}
	


#wrapperSchedule {
	margin: 0 auto; /*Centers in FF */
	padding-top:0px;
	text-align:left;/*For IE/Win, properly aligns content left; otherwise, content remains centered in IE*/ 
	font-size: 0.88em;/*don't mess with this--keeps the font size perfect*/
	width: 980px; 
	/*border:1px solid #333;*/
	margin-bottom:20px;
	}
	
/*masthead styles*/	


#header {/*this div holds the header contents together. You must have it for IE*/	
	background: transparent;
	position:relative;
	}
	
	
#banner {/*holds background image, search bar and these links: about us, contact WPT, shop, email subscriptions, take our survey*/
	position:relative;
	top:0px;
	width: 980px;
	/*height:70px;*/
	height:128px;
	margin: 0 auto;
	border-bottom:1px solid #fff;
	overflow:hidden;
	background-color: #fff;
	background-image: url(../images/banner_pbsBlue.jpg);
	background-repeat: no-repeat;
	}
	
	
#search {
	z-index: 1000; 
	position:absolute;
	top:72px;
	left:680px;
	}


#bannerWPTlogo /*hovering wpt logo in top banner; links back to wpt.org*/
	{
	position:relative;
	top: 25px;
	left:16px;
	width:390px;
	height:29px;
	z-index:10000;
	background-color:transparent;
 	}
	

#homepage {/*invisible div floats over Wisconsin Public Television logotype embedded in background graphic*/
	z-index: 100; 
	position:relative;
	top:64px;
	left:22px;
	width:412px;
	}
	
#homepage a.imgLink:link, 
#homepage a.imgLink:visited, 
#homepage a.imgLink:hover,
#homepage a.imgLink:active
	{
	padding:0;
	margin:0;
	text-decoration:none;
	border-bottom:0;
	background-color:transparent;
	}
	
	
	
	/*nav styles shared by uberNav, globalNav and level2Nav*/
#uberNav li, 
#globalNav li, 
#level2Nav li {
	display: inline;
	}
	

#uberNav ul, 
#globalNav ul, 
#level2Nav ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	}
	
/*nav styles shared by topNav, topRightNav, uberNav, globalNav and level2Nav*/
#topNav li,
#topRightNav li,
#uberNav li, 
#globalNav li, 
#level2Nav li {
	display: inline;
	}
	

#topNav ul,
#topNav li,
#topRightNav li,
#uberNav ul, 
#globalNav ul, 
#level2Nav ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	}
	
	
	
/*----------------top tier links nav floats above the WPT logo, added April 2010----------------*/
#topNav {
	z-index:100;
	position:absolute;
	top:20px;
	left:15px;
	background-color:transparent;
	width:250px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.66pc;	/*0.8089em;*/
	}
			

#topNav li.rule a {
	text-decoration: none;
	color: #fff;
	border-right:1px solid #fff;
	padding:2px 7px 2px 7px;
	margin-right:-3px;
	letter-spacing: 2px;
	background:transparent;
	font-weight:normal;
	}
	
#topNav li a {
	text-decoration: none;
	color: #fff;
	padding:2px 7px 2px 7px;
	margin-right:-3px;
	letter-spacing: 2px;
	background:transparent;
	font-weight:normal;
	}
	
#topNav li a:hover {
	text-decoration: underline;
	color: #FD9900;/*orange*/
	margin-right:-3px;
	background: transparent;
	font-weight:normal;
	}		


	
/*----------------top tier links nav floats above the search field; added April 2010----------------*/
#topRightNav {
	float:right;
	padding-top:19px;
	clear: both;
	}
			

#topRightNav li a {/*same blue link as wpt.org*/
	list-style:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.696em;	/*0.8089em;*/
	font-weight:normal;
	text-decoration: none;
	color:#0066CC;
	letter-spacing: 1.2px;
	background:transparent;
	}
	
#topRightNav li a:hover {
	text-decoration: underline;
	background: transparent;
	}		
	
		
	
/*----------------global nav is the second tier of program links----------------*/
#globalNav {
	z-index:100;
	position:absolute;/*originally had relative position with top and left position at 0px 0px; had to change when search.cfm pooped out April 2, 2008*/
	width: 980px;
	top:7px;
	/*left:0px;*/
	font: 0.855em Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	/*text-transform: uppercase;
	padding: 5px 20px 5px 20px; */
	padding:5px 0 5px 0;
	border-top: 1px solid #fff;
	height:12px;
	background-color: #666;
	background-image: url(../images/1x22_whiterule.gif);
	background-repeat: repeat-x;
	}
			



#globalNav li a {
	text-decoration: none;
	color: #fff;
	border-right:1px solid #fff;
	padding:5px 7px 5px 7px;
	margin-right:-3px;
	/*font-weight:normal;*/
	letter-spacing: 1.7px;
	background-color: #666;
	background-image: url(../images/1x22_whiterule.gif);
	background-repeat: repeat-x;
	}

#globalNav li a:hover,
#globalNav li .rollover {
	text-decoration: none;
	color: #FD9900;
	margin-right:-3px;
	background: #000 url(../images/1x22_black.gif) repeat-x;
	}		
	



/*----------------level2Nav are the sublinks--------------*/
#level2Nav {
	z-index:99; /*this nav index is just underneath the global nav; keep this order because it allows the borders to change*/
	position:absolute;/*originally had relative position with top and left position at 0px 0px; had to change when search.cfm pooped out April 2, 2008*/
	width: 980px; 
	top:30px;
	/*left:0px;*/
	font: 0.855em Geneva, Arial, Helvetica, sans-serif; font-weight:normal;
	text-transform: uppercase;
	background-color: #000;
	/*padding: 5px 20px 5px 20px; */
	padding:5px 0 5px 0;
	border-bottom: 1px solid #fff; 
	height:12px;	
	}
			

#level2Nav li a {
	text-decoration: none;
	color: #ffffff;
	padding:5px 20px 5px 20px;
	margin-right:-3px;
	letter-spacing: 1.7px;	
	}

#level2Nav li a:hover {
	text-decoration: none;
	color: #FD9900;
	background: #000;
	}	
	
	
			
/*----------------leftNavIW; updated by EK-N Jan. 20, 2008----------------*/	


#leftNavIW  {
	width: 97px;
	float:left;
	background-color:#dadfc2;/*dadfc2 pale green background*//* light blue background-color:#E6F0F9;*/
	}
	
	
#leftNavIW ul {
	width: 97px;
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font: 0.82em Verdana, Arial, Helvetica, sans-serif;/*orig. 0.855em*/
	font-weight:normal;
	}
	


#leftNavIW li {	
	margin: 0px;	
	}

#leftNavIW li.intro {
	font-weight:bold;
	/* width:234px;correct width of 222px + the 12px total for left/right padding plus 0px  border*/
	padding: 5px 2px 6px 10px;
	margin:0px;
	border-bottom: 2px solid #fff;
	background: #dadfc2;
	color:#0066CC;
	text-transform:uppercase;
	}	
	
	
#leftNavIW a {
	display: block;	
	padding: 5px 2px 6px 7px;/*left padding orig. 10px*/
	margin-bottom:-5px;/*keeps the list tightly stacked; otherwise, you see the light background between links during hover state*/
	border-bottom: 2px solid #fff;
	background: #dadfc2;
	text-decoration: none; /*lets remove the link underlines*/
	text-transform:uppercase;
	}
	

#leftNavIW a:link, 
#leftNavIW a:active, 
#leftNavIW a:visited {
	color:#666666;
	}

#leftNavIW a:hover {	
	border-bottom: 2px solid #fff;
	background: #929871;/*dark olive hover state*/
	color: #fff;
	}	
	


/*left-hand navigation; updated by EK-N March 24, 2008*/	
#leftNav{
	width: 151px;
	float:left;
	background-color:#dadfc2;
	background-image: url(../images/nav_curveRight.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	/*-moz-border-radius-bottomright:20px;	
	-webkit-border-bottom-right-radius:20px;*/
	}	

#rightNav  {
	width: 220px;
	float:right;
	background-color: #dadfc2;
	background-image: url(../images/nav_curve.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	/*border-left:2px solid #fff;
	-moz-border-radius-bottomleft:20px;	
	-webkit-border-bottom-left-radius:20px;	*/
	}
	
#leftNav ul, 
#rightNav ul,
#leftNavConvio ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

#leftNav li,
#rightNav li{	
	margin: 0px;	
	}

#leftNav li.intro,
#rightNav li.intro {
	font-weight:bold;
	/* width:234px;correct width of 222px + the 12px total for left/right padding plus 0px  border*/
	padding: 5px 2px 6px 10px;
	margin:0px;
	border-bottom: 2px solid #fff;
	background: #dadfc2;
	color:#0066CC;/*blue link color*/
	text-transform:uppercase;
	}	
	
	
#leftNav li.intro2,
#rightNav li.intro2 {
	font-weight:bold;
	/* width:234px;correct width of 222px + the 12px total for left/right padding plus 0px  border*/
	padding: 5px 2px 6px 10px;
	margin:0px;
	border-bottom: 2px solid #fff;
	background: #dadfc2;
	color:#666666;/*same grey as the all caps navigation links*/
	text-transform:uppercase;
	}
	
	
#leftNav a,
#rightNav a {
	display: block;	
	padding: 5px 2px 6px 10px;
	margin-bottom:-5px;/*keeps the list tightly stacked; otherwise, you see the light background between links during hover state*/
	border-bottom: 2px solid #fff;
	background: #dadfc2;
	text-decoration: none; /*lets remove the link underlines*/
	text-transform:uppercase;
	}
	

#leftNav a:link,
#leftNav a:active, 
#leftNav a:visited,
#rightNav a:link,
#rightNav a:active, 
#rightNav a:visited
  {
	color:#666666;
	}

#leftNav a:hover,
#rightNav a:hover,
.activeLevel3 {
	border-bottom: 2px solid #fff;
	background: #929871;
	color: #fff;
	}	
		

#leftNav a.plain:link, 
#leftNav a.plain:visited,
#rightNav a.plain:link, 
#rightNav a.plain:visited {
	display: block;	
	padding: 0;
	margin:0;
	border:0;
	background: transparent;
	text-decoration: underline;
	color:#0066CC;/*same blue as basic links found in baseTemplate.css*/
	font-weight:normal;
	text-transform:none;
	}

#leftNav a.plain:hover,
#leftNav a.plain:active,
#rightNav a.plain:hover,
#rightNav a.plain:active {
	display: block;	
	padding: 0;
	margin:0;
	border:0;
	background: transparent;
	text-decoration: none;
	color:#0066CC;/*same blue as basic links found in baseTemplate.css*/
	font-weight:normal;
	text-transform:none;
	}

/*looks like the dark grey all caps links w/o the dark background and white rule beneath. need to check to see who's using it because it duplicates the styles below*/
#leftNav a.linkNone:link, 
#leftNav a.linkNone:visited, 
#leftNav a.linkNone:hover,
#leftNav a.linkNone:active
	{
	padding:0;
	margin:0;
	text-decoration:none;
	border-bottom:0px;
	background-color:#dadfc2;
	}
	
/*image at bottom of navigation lists; sticks to left of column*/	
#leftNav a.imgLink:link, 
#leftNav a.imgLink:visited, 
#leftNav a.imgLink:hover,
#leftNav a.imgLink:active,
#leftNavIW a.imgLink:link, 
#leftNavIW a.imgLink:visited, 
#leftNavIW a.imgLink:hover,
#leftNavIW a.imgLink:active,
#rightNav a.imgLink:link, 
#rightNav a.imgLink:visited, 
#rightNav a.imgLink:hover,
#rightNav a.imgLink:active{
	padding:0;
	margin:0;
	text-decoration:none;
	border-bottom:0px;
	background-color:#dadfc2;
	}
	

#leftNavIW a.level4:link,
#leftNavIW a.level4:active, 
#leftNavIW a.level4:visited,
#leftNavIW a.activeLevel4:link,
#leftNavIW a.activeLevel4:active, 
#leftNavIW a.activeLevel4:visited,
#leftNav a.level4:link,
#leftNav a.level4:active, 
#leftNav a.level4:visited,
#leftNav a.activeLevel4:link,
#leftNav a.activeLevel4:active, 
#leftNav a.activeLevel4:visited,
#rightNav a.level4:link,
#rightNav a.level4:active, 
#rightNav a.level4:visited,
#rightNav a.activeLevel4:link,
#rightNav a.activeLevel4:active, 
#rightNav a.activeLevel4:visited {
	display: block;	
	padding: 5px 2px 6px 30px;
	text-indent: -9px;/*the drop indent allows longer titles to wrap around and line up under the first letter, instead of the double arrow*/
	margin-bottom:-5px;/*keeps the list tightly stacked; otherwise, you see the light background between links during hover state*/
	border-bottom: 2px solid #fff;
	background: #dadfc2;/*same blue as basic links found in baseTemplate.css*/
	color:#0066CC;
	text-decoration: none; /*lets remove the link underlines*/
	text-transform:capitalize;
	}

#leftNavIW a.level4:link,
#leftNavIW a.level4:active, 
#leftNavIW a.level4:visited,
#leftNavIW a.activeLevel4:link,
#leftNavIW a.activeLevel4:active, 
#leftNavIW a.activeLevel4:visited {
	text-indent: -7px;/*the drop indent allows longer titles to wrap around and line up under the first letter, instead of the double arrow*/
	}


#leftNavIW a.activeLevel4:link,
#leftNavIW a.activeLevel4:active, 
#leftNavIW a.activeLevel4:visited,
#leftNav a.activeLevel4:link,
#leftNav a.activeLevel4:active, 
#leftNav a.activeLevel4:visited,
#rightNav a.activeLevel4:link,
#rightNav a.activeLevel4:active, 
#rightNav a.activeLevel4:visited {	
	background: #929871;
	color:#fff;
	}

	
#leftNavIW a.level4:hover,
#leftNav a.level4:hover,
#rightNav a.level4:hover,
#leftNavIW a.activeLevel4:hover,
#leftNav a.activeLevel4:hover,
#rightNav a.activeLevel4:hover {
	border-bottom: 2px solid #fff;
	background: #929871;
	color: #fff;
	}	
		
#leftNavIW a.activeLevel3:link,
#leftNavIW a.activeLevel3:active,
#leftNavIW a.activeLevel3:visited,
#leftNavIW a.activeLevel3:hover,
#leftNav a.activeLevel3:link,
#leftNav a.activeLevel3:active,
#leftNav a.activeLevel3:visited,
#leftNav a.activeLevel3:hover,
#rightNav a.activeLevel3:link,
#rightNav a.activeLevel3:active,
#rightNav a.activeLevel3:visited,
#rightNav a.activeLevel3:hover {

	background:#929871;
	color:#fff;
	}



/*---------------- mediaCategory ----------------*/	

#mediaCategory  {
	width: 95px;
	float:left;
	background-color:#dadfc2;/*dadfc2 pale green background*//* light blue background-color:#E6F0F9;*/
	}
	
	
#mediaCategory ul {
	width: 95px;
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font: 0.82em Verdana, Arial, Helvetica, sans-serif;/*orig. 0.855em*/
	font-weight:normal;
	}
	


#mediaCategory li {	
	margin: 0px;	
	}

#mediaCategory li.intro {
	font-weight:bold;
	/* width:234px;correct width of 222px + the 12px total for left/right padding plus 0px  border*/
	padding: 5px 2px 6px 7px;
	margin:0px;
	border-bottom: 2px solid #fff;
	background: #dadfc2;
	color:#0066CC;
	}	
	
	
#mediaCategory a {
	display: block;	
	padding: 5px 2px 6px 7px;/*left padding orig. 10px*/
	margin-bottom:-5px;/*keeps the list tightly stacked; otherwise, you see the light background between links during hover state*/
	border-bottom: 2px solid #fff;
	background: #dadfc2;
	text-decoration: none; /*lets remove the link underlines*/
	}
	

#mediaCategory a:link, 
#mediaCategory a:active, 
#mediaCategory a:visited {
	color:#666666;
	}

#mediaCategory a:hover {	
	border-bottom: 2px solid #fff;
	background: #929871;
	/*background: #A2C0DF;a darker blue*/
	color: #fff;
	}	

/*---------------- mediaHighlight ----------------*/	

#mediaHighlight  {
	width: 100%;
	background-color:#ffffff;/*dadfc2 pale green background*//* light blue background-color:#E6F0F9;*/
	}
	

#mediaHighlight a {
	display: block;	
	/*padding: 2px 2px 2px 2px;/*left padding orig. 10px*/
	margin-bottom:-5px;/*keeps the list tightly stacked; otherwise, you see the light background between links during hover state*/
	border-bottom: 2px solid #fff;
	background: #ffffff;
	text-decoration: none; /*lets remove the link underlines*/
	}
	

#mediaHighlight a:link, 
#mediaHighlight a:active, 
#mediaHighlight a:visited {
	border: 3px solid #fff;	
	color:#666666;
	}

#mediaHighlight a:hover { 
	border: 3px solid #CC6633;	
	/*border-bottom: 2px solid #fff;*/
	/*background: #CC6633;*/
	/*background: #A2C0DF;*/
	/*color: #ffffff;*/
	}	

/*---------------- mediaHighlightLinks ----------------*/	

.mediaHighlightLinks a:hover {	
	background: #CC6633;
	/*background: #A2C0DF;*/
	color: #ffffff;
	}	

	
/*hacks
#leftNav, #leftNav li.intro, #leftNav a, #leftNav a:hover {width: 222px; voice-family: "\"}\""; voice-family: inherit; width: 222px;}*/