/*styles particular to WPT.org */

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




/*container styles*/
body {

    margin:0px;
	padding:0px;	
	font: 0.8125em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background: #78665C;/*#78665C brown warm background for WPT only*/
	text-align: center; /*Centers in IE */
	}

#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: 982px; 
	/*border:1px solid #333;*/
	background: #fff url(bg_page_980_224px_adcolumn.gif) repeat-y 50% 0;
	margin-bottom:20px;
	}
	

/*masthead styles*/	
#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;
 	}
	

#header {/*this div holds the header contents together. You must have it for IE*/	
	background: transportation;
	position:relative;
	}
	

#banner {/*holds background image and search bar*/
	position:relative;
	top:0px;
	width: 980px; 
	/*height:94px;*/
	height:70px;
	margin: 0 auto;
	border-bottom:1px solid #fff;
	background: #fff url(banner_montgomery2_980x108.jpg) repeat-y 50% 0;
	}
	

#search {
	z-index: 1000; 
	position:relative;
	top:10px;
	left:750px;
	}

#homepage {/*invisible div floats over Wisconsin Public Television logotype embedded in background graphic*/
	z-index: 100; 
	position:relative;
	top:16px;
	left:15px;
	width:412px;
	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;
	}
	
	
	
	
/*uberNav styles*/	
#uberNav {
	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: #666 url(1x22_whiterule.gif) repeat-x;
	}
			


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

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

	
/*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: #666 url(1x22_whiterule.gif) 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: #666 url(1x22_whiterule.gif) repeat-x;
	}

#globalNav li a:hover,
#globalNav li .rollover {
	text-decoration: none;
	color: #FD9900;
	margin-right:-3px;
	background: #000 url(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: #fff;
	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;/* 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;
	/*background: #A2C0DF;a darker blue*/
	color: #fff;
	}	
	


#leftNavIW a.imgLink:link, 
#leftNavIW a.imgLink:visited, 
#leftNavIW a.imgLink:hover,
#leftNavIW a.imgLink:active {
	padding:0;
	margin:0;
	text-decoration:none;
	background:none;
	border-bottom:0px;
	}








/*left-hand navigation; updated by EK-N March 24, 2008*/	
#leftNav  {
	width: 222px;
	float:left;
	background-color:#FF3399;
	}
	
#leftNav ul {
	width: 222px;
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

#leftNav li {	
	margin: 0px;	
	}

#leftNav 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;
	}	
	
	
#leftNav 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 {
	color:#666666;
	}

#leftNav a:hover {
	border-bottom: 2px solid #fff;
	background: #929871;
	color: #fff;
	}	
	
	
	
/*hacks
#leftNav, #leftNav li.intro, #leftNav a, #leftNav a:hover {width: 222px; voice-family: "\"}\""; voice-family: inherit; width: 222px;}*/