/* ----------------------------------------------------------------------------
	HPS_MAIN.CSS 
	*/
	/* NOTE: Anything beginning with [*:first-child+html] is an IE7-specific hack */
/*	----------------------------------------------------------------------------
	Table Of Contents
	1.	Structure
		A. Header
			
		B. Content
			1. 
			2. 
			3. 
		C. Right Column
			1.

*/			
bod
	{
	background: #fff url('../images/bg_fill.gif') repeat-x;
	}
p, h4, h5, ul, img
	{	
	margin:0px;
	padding:0px;
	}
.show {
	display:block;
}
.hide {
	display:none;
}

a
{
color:#003366;
}


#ProjectRotate
	{
	margin-bottom:4px;
	margin-left:10px;
	padding:0;
	position:relative;
	width:918px;
	}
.Main
	{
	width:995px;
	float:left;
	}
.banner
	{
	width:983px;
	height:35px;
	float:left;
	margin-left:4px;
	-margin-left:5px;
	}
.T1
	{
	width:738px;
	height:410px;
	float:left;
	margin-left:0px;
	-margin-left:0px;
	}
.headerBlock
	{
	width:738px;
	height:250px;
	float:left;
	margin-left:0px;
	-margin-left:0px;
	}

.MainRightCol
	{
	width:245px;
	float:right;	
	margin-right:5px;
	}

.rightColSpot
	{
	width:245px;
	}
.spotTop
	{
		height:15px;
		padding-left: 0px;	
		background-image: url('../images/newsTop.gif');	
		margin-bottom:0px;
		border-top:1px solid #000;
	}
.spot1
	{
		
		padding-left: 0px;	
		background-image: url('../images/newsBG.gif');	
		margin-bottom:0px;
	}
	
.spotBottom
	{
		height:15px;
		padding-left: 0px;	
		background-image: url('../images/newsBottom.gif');	
		margin-bottom:0px;
		border-bottom:1px solid #000;
	}
.snippet
{
  float:center;
  padding-left: 30px;
  width: 170px;
  height:50px
}

.event1
	{			
		padding-left: 0px;	
		margin-bottom:0px;
		/* border-bottom:1px solid #000; */	
	}
.event2
	{			
		padding-left: 0px;	
		margin-bottom:0px;
		/* border-bottom:1px solid #000; */	
	}
.item1
	{			
		padding-left: 0px;	
		margin-bottom:0px;
		border-bottom:1px solid #000;	
	}
.item2
	{			
		padding-left: 0px;	
		margin-bottom:0px;
		border-bottom:1px solid #000;	
	}
.item3
	{			
		padding-left: 0px;	
		margin-bottom:0px;
		border-bottom:1px solid #000;
	}
.item4
	{			
		padding-left: 0px;	
		margin-bottom:0px;
		border-bottom:1px solid #000;
		text-align:center;		
	}
	
.clickimage
	{
		height:150px;
		padding-left: 0px;	
		margin-bottom:0px;
	}
.pageclick
	{
		height:220px;
		padding-left: 0px;	
		margin-bottom:0px;
	}
	
	
.T2
	{
	width:995px;
	float:left;
	margin-left:10px;
	-margin-left:5px;
	background-repeat:no-repeat;
	background-position:0px 26px;
	height:308px;
	margin-bottom:8px;
	}


#TabHeader
	{
	width:195px;
	margin:0px;
	padding-top:5px;
	margin:0px;
	margin-bottom:0px;
	
	}
#TabHeader h4
	{
	text-transform:uppercase;
	color:#454545;
	position:relative;
	top:5px;
	left:57px;
	margin:0px;
	padding:0px;
	font-family:VERDANA;
	font-size:14px;
	}
.Headlines
	{
	color:#000;
	width:182 px;		
	padding-left:0px;
	height:36px;
	margin:2px 0 0;
	padding:18px 0 5px;
	}
.Headlines ul
	{
	margin:0px;
	padding:0px;
	}
.Headlines ul li
	{
	display:block;
	list-style-type:none;
	text-align:left;
	color:#003366;
	width:180px;
	border-bottom:1px solid #e9e9e9;
	height:18px;
	font-family:verdana;
	font-size:11px;
	text-indent:12px;
	overflow:hidden;
	padding-top:2px;
	}
.Headlines ul li a
	{
	color:#003366;
	}
.Headlines ul li a:hover
	{
	text-decoration:underline;
	}
.HeadLinesMore
	{
	position:relative;
	left:300px;
	}
.HeadLinesMore a
	{
	color:#003366;
	}
.HeadLinesMore a:hover
	{
	text-decoration:underline;
	}
.HeadlinesLiBg
	{
	width:229px;
	background-color:#f2f2f2;
	}
	#PodsHeaderTop {
		position:relative;
		height:9px;		
		border-bottom:1px solid #000;
		-top:6px;
		padding:0px;
	}
	#PodsHeaderTabs {
		position:relative;
		border-left:1px solid #000;
		border-right:1px solid #000;
		height:28px;
		overflow:hidden;
	}
a.PodsNavItem, a.PodsNavItem:visited, a.PodsNavItem:active {
	text-align:center;
	width:100%;
	height:30px;
	padding-top:7px;
	border-bottom:1px solid #D2D2D2;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	color:#000;
	text-transform:uppercase;
}		
.PodsNavactive {
	background:#0066CC !important;
	border-bottom:1px solid #000 !important;
	border-top:1px solid #000 !important;	
}
	#PodsNavItem a:hover {
		color:#808080;					
	}					
		
	#PodsContent {
		position:relative;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		height:164px;
	}	
.TabFooter
	{
	width:325px;
	height:10px;
	background:#e9e9e9;
	}
.TabFooter p	
	{
	position:relative;
	top:5px;
	left:7px;
	}
	
	
/* ----------------------------------------------------------------------------
	
	/* NOTE: Anything beginning with [*:first-child+html] is an IE7-specific hack */
/*	----------------------------------------------------------------------------
	Table Of Contents
	1.	Structure
		A. Item
			1. 
			2. 
			3. 
		B. Tabs
			1. Tabs
			2. Search
			3.  Thumbs
				a. Second Nav and 4 Across
				b. 5 Across
				c. Team Logos
*/			
/*  -----------------------------------------------------------------------------
	(1) STRUCTURE  */	
* {
	padding:o;
	margin:0;
}
.HPSClear {
	position: relative;
	font-size: 0px;
	height: 0px;
	clear: both;
}

/*  -----------------------------------------------------------------------------
	(1b) info tabs  */	
#HPSTabsFull {
	position:relative;
	min-height:293px;
	float:left;
	bottom:6px;
}
/*  ------------------------------------
	(1b1) HPS TABS - TABS  */	
#HPSTabs {
		position:relative;
		float:left;
		padding-bottom:0px;
		height:34px;
	}
#HPSTabs ul {	
			height:34px;
		}
		#HPSTabs li {
			display:inline;
		}
			#HPSTabs li a {
			}
			#HPSTabs li a:hover {
			}
			#HPSTabs li a.active-tab, #HPSTabs li a.active{
			}
			#HPSTabs li a.last {
			}
			#HPSTabs li a.last:hover {			
				
			}
			
	/*(1b3) HPS TABS - THUMBS  */		
#HPSInfoContainer {
	position:relative;
	top:0px;
	width:775px;
	height:0px;
	-width:775px;
	-margin:0px;
	-padding:0px;
	margin-top:5px;
	-margin-top:0px;
}
	#HPSInfoContainer .panel {
		display:none;
	}		
	#HPSInfoContainer .panel.active-tab-body {
		display:block;
	}
		#HPSInfoContainer a {
			color:#003366;
			font-weight:bold;
		}	
		#HPSInfoContainer a:hover {
			text-decoration:underline;
		}	
#HPSPagination {
	position:relative;
	float:right;
	top:4px;
	left:1px;
	width:70px;
	height:17px;
	background:#FEFEFE;
	border:1px solid #000;
	border-top:none;
	font-weight:bold;
	color:#959595;
	z-index:3;
	margin-right:56px;
	.margin-right:56px;
	-margin-right:4px;
	-top:54px;
	}	
#HPSPaginationHighLights {
	position:relative;
	float:right;
	top:9px;
	width:70px;
	height:17px;
	background:#FEFEFE;
	border:1px solid #000;
	border-top:none;
	font-weight:bold;
	color:#959595;
	z-index:3;
	margin-right:186px;
	-margin-right:73px;
	-margin-left:50px;
	-top:54px;
}				
	#HPSPageContent {
		position:relative;
		padding-left:20px;
		.padding-left:15px;
		.bottom:10px;
	}
		*:first-child+html #HPSPageContent {
			padding:10px 15px;
		}	
		#HPSPageContent ul {
			padding-left:0px;
		}
			#HPSPageContent li {
				display:inline;	
				padding:0 5px;
				font-size:12px;
			}
			#HPSPageContent a {
				text-decoration:underline !important;
			}
/*  ------------------------------------
	(1b3a) VIDEO TABS - VIDEO THUMBS - SECOND NAV AND 4 ACROSS  */
#HPSSubNav {
	float:left;
	height:270px;
	position:relative;
	left:11px;
	-left:1px;
	.left:-5px;
	top:5px;
	-top:40px;
	margin:0px;
	-left:-5px;
	padding:0px;
	z-index:2;
	font-size:10px;
}
	#HPSSubNav ul {
		padding-left:0px !important;
		
	}
	#HPSSubNav li {
		list-style:inside none none;
	}	
	#HPSSubNav a {
		position:relative;
		display:block;
		width:120px;
		-width:118px;
		padding:5px;
		border-top:1px solid #FFF;
		border-left:1px solid #000;
		border-bottom:1px solid #000;
		background: url('../images/subnavbk.jpg') repeat-x bottom center;
	}		
	#HPSSubNav li.active-tab {
		border-left:none;
		border-bottom:none;
		border-right:none;
		background:#FFF url('../images/subnavactivebk.jpg') no-repeat bottom left;
	}	
	#HPSSubNav a.active-tab {
		width:120px;
		-width:118px;
		border-left:none;
		border-bottom:none;
		border-right:none;
		background:#FFF url('../images/subnavactivebk.jpg') no-repeat bottom left;
		border-top:1px solid #858585;
		border-left:1px solid #000;
	}
#SubNavContent {}
	#HPSInfoContainer #SubNavContent .panel {
		display:none !important;
	}		
	#HPSInfoContainer #SubNavContent .panel.active-tab-body {
		display:block !important;
	}	
#HPSThumbnails4 {
	position:relative;
	float:left;
	width:620px;
	-width:618px;
	top:5px;
	left:9px;
	.left:-6px;
	-top:40px;
	-left:-6px;
	padding:9px 0px 9px 0px;
	background:#FEFEFE;
	border:1px solid #858585;
	z-index:1;
}
	.HPSThumbnails4 ul li{
	 list-style-type: circle;
	}
	div.HPSThumbItem {
		float:left;
		height:195px;
		margin:5px 1px 0px;
		position:relative;
		width:148px;
		_width:147px;
		-margin:5px 1px 0px;
		text-align:center;
	}
		div.HPSThumbImg {
			position:relative;
			width:136px;
			height:96px;
			margin:0 auto;
			cursor:pointer;
		}
			.SpanOverlay {
				background:transparent url(http://........) no-repeat center;
				display:block;
				height:96px;
				left:0;
				margin:0;
				position:absolute;
				top:0;
				width:136px;
}
		div.HPSThumbItem  p {
			text-align:left;
			padding:2px 5px;
		}		
			span.HPSPodTime {
				color:#969696;
				font-weight:bold;
				padding-left:5px;
			}
	
	
