/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: hippy dipppy
 	CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/


/* colors
 ----------------------------------------------------------------------------
	text: #222
	link: #444
 	link.hover: #666
 ----------------------------------------------------------------------------
*/


/* default type selectors
 * ---------------------------------------------------------------------------- */

body { 
	background: #000;
	color: #222;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin:0; 
	padding:0; 
	}
td{
font: 12px Arial, Verdana, Helvetica, sans-serif;
color: #222;
	margin:0; 
	padding:0; 
}

img
{margin:0; 
padding:0;}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

h4,h5,h6 { font-size: 13px; }

a img, :link img, :visited img, fieldset { border:none; }

a:link, a:visited { color: #444; text-decoration: underline; }
a:hover, a:active { color: #666; text-decoration: underline; }

a { outline: none; }

#columns pre {font-family:monospace; font-size:11px;}
#columns .presmall {font-family:monospace; font-size:11px;}
#columns pre a{font-family:monospace; }
#columns a:hover{text-decoration:none;}

/* classes
 * ---------------------------------------------------------------------------- */

.center { text-align: center; }



.clear { 
	clear: both; 
	height: 0.01em; 
	overflow: hidden;
	}

#revLayeredAd .revClickText  {
color:#fff;
}

/* CSTV specific
 * ---------------------------------------------------------------------------- */

h2, 
.storyheadline, 
.StoryHeadline, 
.page-header { 
	color: #222; 
	font-weight: bold; 
	font-size: 16px; 
	}

.storyteaser, 
.StoryTeaser { color: #222; font-weight: bold }

.fivevert { line-height: 5px; }
.tenvert { line-height: 10px; }
.twentyvert { line-height: 20px; }

.yahoo-on { background: #fff url("http://grfx.cstv.com/schools/stlo/graphics/yahoo-search5.gif") no-repeat; }
.yahoo-off { background-image: none;	}


/* layout
 * ---------------------------------------------------------------------------- */

#wrap { 
	background:#fff;
	width:995px;
border:2px solid #fff;
border-top:none;
	}
	
#mast 
{width:995px;
height:153px;
background:#000;
display:block;}


#mast-L
{float:left;
width:618px;
height:130px;
display:block;}

#mast-R
{float:left;
width:377px;
height:130px;
display:block;}


#search
{
width:377px;
height:23px;
background:#000;}

#hdr { }

#scoreboard {height:50px;
background:#ccc; 
border:2px solid #fff;
border-left:none;}

#promo-imgs
{
	background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-bg-promos.gif");
padding-left:15px;
_padding-left:0px;
width:453px;
_width:423px;}

#promo-imgs img
{padding-bottom:12px;}

#holder-skyscraper
{text-align:center;
margin:10px; 0 10px 0;}


/* columns
 * ---------------------------------------------------------------------------- */

#columns{padding:0; margin:0; border-collapse:collapse; width:995px; }

#column-1, #column-3 {padding:0; margin:0; vertical-align:top; }

#column-1 {width:722px; }

/*#column-2, #column-2 *{padding:0; margin:0;}*/

#headline-col
{
	float:left;
	width:468px;
	border-right:2px solid #fff;
}

#column-2 {float:left; width:250px;border-right:2px solid #fff; }

#column-3 {width:273px;background:#000; }

body#story-body #column-1
{width:722px;}

#column-2 img {
border-bottom:2px solid #000;
}



#story-pad
{padding:10px;}

/* navigation: #nav
 * ------------------------------------------------------------------------- */

#nav, #nav * 
{border-collapse: collapse; margin: 0; padding: 0; }

#nav {
	background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") no-repeat;
	height: 30px;
	position: relative;
	width: 995px;
	z-index: 99; 
	}
	
#nav span { display:none; }

#nav li, #nav a {
	font-size: .95em;  
	height: 30px;
	display: block;
	}

#nav li { float: left; }


#nav-01 { width:65px; }
#nav-02 { width:95px; }
#nav-03 { width:73px; }
#nav-04 { width:136px; }
#nav-05 { width:126px; }
#nav-06 { width:110px; }
#nav-07 { width:185px; }
#nav-08 { width:70px; }
#nav-09 { width:75px; }
#nav-10 { width:60px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") 0 -30px; }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -65px -30px; }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -160px -30px; }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -233px -30px; }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -369px -30px; }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -495px -30px; }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -605px -30px; }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -790px -30px; }
#nav-09 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -860px -30px; }
#nav-10 a:hover { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -935px -30px; }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") 0 -30px; }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -65px -30px; }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -160px -30px; }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -233px -30px; }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -369px -30px; }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -495px -30px; }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -605px -30px; }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -790px -30px; }
#nav-09:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -860px -30px; }
#nav-10:hover>a { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-nav.gif") -935px -30px; }

/* navigation dropdown: #nav
 * ------------------------------------------------------------------------- */

/* navigation dropdown: #nav
	 * ------------------------------------------------------------------------- */

	#nav ul {
		border: solid #003698;
		border-width: 0 1px;
		left: -9999px;
		top: 30px;
		position:absolute;
		z-index:99;
		}

	#nav-08 ul { margin-left: -15px; }

	#nav ul, 
	#nav li li { width: 150px; } 

	#nav li li, 
	#nav li li a { height: auto; }

	#nav li:hover ul, 
	#nav a:hover ul { left: auto; }

	#nav li li { border-bottom: 1px solid #003698; text-indent: 0; }


	#nav li li a {
		background: #fff;
		color: #003698;
		display: block;
		padding: 3px;
		text-decoration:none;

		_width: 100%
		}

	#nav li li a:hover { 
		background: #fff; 
		color: #003698; 
		}

	#nav .right { text-align: left; margin-left: 150px; }

	#nav .header a, #nav .header a:hover { 
		background: #003698; 
		color: #fff; 
		font-weight: bold;
		}



	/* Son of Suckerfish: 2nd Tier Drop Down
	 * ------------------------------------------------------------------------- */

	#nav li ul li ul  {
		display: none;
		width: 165px;
		margin-left: 165px; /* width of drop down nav +2 */
		margin-top: -19px; /* height of drop down nav item +1 */
		}

	#nav li ul li:hover ul, #nav li ul li.over ul { display: block; }

	#nav li ul li ul li a {
		height: 18px;
		width: 100%;
		}

	#nav li li.tall, #nav li li.tall a {
		height:30px;
		line-height:14px;
		}

	#nav ul.right { margin-left: 150px; text-align: left; }
	#nav li li.header a, #nav li li.header a:hover { background-color: #003698; color: #fff; font-weight: bold; }
/* navigation: #nav 
*/



#relativeFrame, #relativeFrame *{
	margin:0;
	padding:0;	
}

#relativeFrame {
	position: relative; 
	width:458px;
	z-index: 1;

}

#relativeFrame div {
	
	position: absolute; 
	visibility: hidden;
	z-index: 1;
padding:10px 10px 0 10px;
color:#fff;
}

#relativeFrame div#frm0 { visibility: visible; }


#relativeFrame h1 a
{color:#fff;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#relativeFrame a
{color:#fff;}

#relativeFrame a:hover
{color:#000;}

#lead-photo
{border-bottom:1px solid #fff;}
p.pubdate
{font-size:11px;
font-weight:bold;}


#bsi-wrap
{background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-bg-bsi.gif");
height:211px;}



#minis{
	margin:0;
	padding:0;
	width:468px;

}

#minis div{
	float:left;
	padding:20px;
	width:73px;
}

#minis a img {
	opacity: .50;
	filter: alpha(opacity=50);
}
	
#minis a:hover img, #minis div.miniOn a img {
	border:2px solid #fff;
	opacity: 1.0;
	filter: alpha(opacity=100);
}




#sec-headlines-wrap{
background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-bg-moreheadlines.gif") ;
width:448px;
padding:5px 10px 0 10px;
}

#sec-headlines, #sec-headlines
{margin:0;
padding:0;
font-size:11px;}

#sec-headlines
{font-size:11px;
color:#003698;
text-decoration:none;}

#sec-headlines a
{font-size:12px;
color:#003698;
text-decoration:none;}

#sec-headlines a:hover
{color:#000;}

/* TICKETS tabs
 * ---------------------------------------------------------------------------- */

#tix-tab, #tix-tab *{ margin:0; padding:0 }
#tix-tab ul.headline-1 li{ float: left; list-style: none; text-indent: -9999px; }
#tix-tab ul.headline-1 span{ display: none; }

/* Headline tabs: #tix-tab
 * ---------------------------------------------------------------------------- */	

#tix-tab ul.headline-1 { 
	background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-auction.gif") no-repeat;
	height: 31px; 
	width: 250px;
	display:block;
	}

#tix-tab ul.headline-1 li, #tix-tab ul.headline-1 a { display: block; height: 31px; }

#tab-auctions, #tab-tickets { width: 125px; }

#tix-tab.on-auctions #tab-auctions { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-auction.gif") 0 -31px; }
#tix-tab.on-tickets #tab-tickets { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-auction.gif") -125px -31px; }	


#auctions, #tickets
{ 
height: 160px; 
overflow: auto;  
background:#ccc; 
width:250px;
margin-bottom:3px;
}

#auctions, #tickets img
{border:none;}

	/* EVENT tabs
	 * ---------------------------------------------------------------------------- */

	#event-tab ul.event-1 { margin:0; padding:0; }
	#event-tab ul.event-1 li { float: left; list-style: none; text-indent: -9999px; }
	#event-tab ul.event-1 span { display: none; }

	/* Headline tabs: #event-tab
	 * ---------------------------------------------------------------------------- */	

	#event-tab ul.event-1 { 
		background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-events.gif") no-repeat;
		height: 30px; 
		width: 250px;	
		}

	#event-tab ul.event-1 li, #event-tab ul.event-1 a { display: block; height: 30px; }

	#tab-calendar, #tab-promos { width: 125px; }

	#event-tab.on-calendar #tab-calendar { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-events.gif") 0 -30px; }
	#event-tab.on-promos #tab-promos { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-events.gif") -125px -30px; }	


	#calendar, #promos
	{ 
	height: 319px; 
	overflow: auto;  
	background:#003698; 
	width:250px;
	margin-bottom:3px;
	}

#calendar, #promos img
{border:none;}

	/* tabs
	 * ---------------------------------------------------------------------------- */

	#sport-tab ul.sport-1 { margin:0; padding:0; }
	#sport-tab ul.sport-1 li { float: left; list-style: none; text-indent: -9999px; }
	#sport-tab ul.sport-1 span { display: none; }

	/* Headline tabs: #sport-tab
	 * ---------------------------------------------------------------------------- */	

	#sport-tab ul.sport-1 { 
		background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-extras.gif") no-repeat;
		height: 30px; 
		width: 250px;	
		}

	#sport-tab ul.sport-1 li, #sport-tab ul.sport-1 a { display: block; height: 30px; }

	#tab-extras, #tab-event { width: 125px; }

	#sport-tab.on-extras #tab-extras { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-extras.gif") 0 -30px; }
	#sport-tab.on-event #tab-event { background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-tabs-extras.gif") -125px -30px; }	


	#extras, #event
	{ 
	height: 300px; 
	overflow: auto;  
	background:#003698; 
	width:230px;
padding:10px;
	margin-bottom:3px;}


#extras, #event img
{border:none;}


#video
{border-bottom:2px solid #fff;}

#video-ads a
{color:#fff;
text-decoration:none;
font-size:11px;
line-height:14px;
}

#video-ads 
{color:#fff;
margin-left:5px;}


#sport-calendar
{
	padding:2px;
	color:#fff;
	font-size:11px;
}

#sport-calendar a
{
	color:#fff;
	font-size:11px;
	
}


#sport-calendar a:hover
{
	color:#000;
}

#sport-cal-date
{
	color:#fff;
	font-size:13px;
padding-bottom:10px;
font-weight:bold;
}





/* sports
 * ---------------------------------------------------------------------------- */


#title
{float:left;
background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-bg-sports-nav.gif");
height:44px;
width:325px;}

#sport-nav
{background: url("http://grfx.cstv.com/schools/stlo/graphics/stlo-08-bg-sports-nav.gif") repeat-x;
width:397px;
height:42px;
float:left;
padding-top:10px;}

#sport-nav a
{color:#003698;
text-decoration:none;
font-size:11px;
font-weight:bold;
}


#sport-lead-headline
{margin:0;
padding:0;
color:#fff;
width:448px;
padding:10px;}

#sport-lead-headline a
{color:#fff;
text-decoration:none;}



/* sports
 * ---------------------------------------------------------------------------- */



/* sidebar
 * ---------------------------------------------------------------------------- */

#sidebar, #sidebar * { margin: 0; padding: 0 }

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }


.sidebarlink
{color:#fff;
margin: 0; 
padding: 0;}

.sidebarlink a
{color:#fff;
font-size:11px;
text-decoration:none;}


#sidebartitle
{padding-top:10px;}



/* photo-table
 * ---------------------------------------------------------------------------- */

.photo-table { 
	border-collapse: collapse;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	width: 160px;
	}
	
.photo-table .email-print li { 
	display: block; 
	margin: 3px 0;
	}
	
.photo-table .caption { font-size: 10px; }


/* email-print
 * ---------------------------------------------------------------------------- */

.email-print { margin: 10px 0; }

.email-print li { 
	display: inline; 
	list-style-type: none; 
	margin: 0 30px; 
	padding-left: 25px; 
	}
	
	.email-print li.email { background: url("http://grfx.cstv.com/graphics/oas-icon-email.gif") 0 2px no-repeat; }
	.email-print li.print { background: url("http://grfx.cstv.com/graphics/oas-icon-print.gif") 0 2px no-repeat; }
		


/* footer
 * ---------------------------------------------------------------------------- */
	

#print-foot
{text-align:center;
margin-top:25px;}

#print-foot a
{color:#003698;}


#footer 
{
	width:979px;
	background:#003698;
	text-align:center;
	padding:10px;
}

#footer-ads div{
float:left;
}

#rotating-ads{
width:272px;
display:block;
}

#footer-ads{
width:1000px;
display:block;
}

	
	#footer a:link, #footer a:visited { color: #fff; }
	#footer a:hover, #footer a:active { color: #fff; }