/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: PRODUCER'S NAME HERE
 	CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/


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


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

body { 
	background: #fff url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-bg-ribbon.gif");
	color: #000;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
td { 
	color: #000;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	}

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: #c41e3a; text-decoration: underline }
a:hover, a:active { color: #c41e3a; text-decoration: underline }

a { outline: none }


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

.center { text-align: center }

.img-left { float: left; margin: 0 6px 4px 0 }
.img-right { float: right; margin: 0 0 4px 6px }

.clear { 
	clear: both; 
	height:0 
	overflow: hidden 
	}


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

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

.storyteaser, 
.StoryTeaser { color: #000; font-weight: bold }
.threevert { line-height: 3px }
.fivevert { line-height: 5px }
.tenvert { line-height: 10px }
.twentyvert { line-height: 20px }

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


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

#wrap 
{ 
	background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-bg-ribbon.gif") repeat-y;
	width:997px;
}
	
#index-search-wrap
{
	background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-top-bar.gif") no-repeat;
	width:997px;
	height:28px;
	display:block;
	margin-top:5px;
	
}
#index-search
{
float:right;
padding-top:4px;
}



#sport-search
{
	position:absolute;
	top:106px;
	left:650px;
	_left:635px;
}

#mast 
{ 	
	width:997px;
	height:109px;
	float:left;
}

#mast-left
{
	float:left;
	width:574px;
	height:109px;
}

#mast-right
{
	width:423px;
	height:109px;
	float:left;

}


#scoreboard 
{ 
	width:997px;
	height:40px;
	background:#c41e3a;
	display:block;
}


#ribbon
{
	background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-ribbon.gif")repeat;
	position:absolute;
	left:997px;
	top:0;
	_left:1050px;
	top:0;
	width:32px;
	height:1255px;
}


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

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

#nav {
	background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") no-repeat;
	height: 29px;
	position: relative;
	width: 997px;
	z-index:99;
	overflow:visible;
	}
	
#nav span { display:none; }

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

#nav li { float: left; }


#nav-01 { width:156px; }
#nav-02 { width:122px; }
#nav-03 { width:93px; }
#nav-04 { width:143px; }
#nav-05 { width:146px; }
#nav-06 { width:114px; }
#nav-07 { width:125px; }
#nav-08 { width:98px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") 0 -27px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -156px -27px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -278px -27px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -371px -27px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -514px -27px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -660px -27px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -774px -27px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -899px -27px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") 0 -27px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -156px -27px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -278px -27px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -371px -27px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -514px -27px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -660px -27px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -774px -27px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-navigation.gif") -899px -27px }


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

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

	#nav ul {
		border: solid #c41e3a;
		border-width: 0 1px;
		left: -9999px;
		top: 27px;
		position:absolute;
		z-index:99;
		overflow:visible;
		display:block;
		}

	#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 #c41e3a; text-indent: 0; }

	.hdr
	{
	background: #c41e3a;
	color:#fff;
	font-weight:bold;
	font-size:11px;	
	}

	#nav li li a {
		background: #fff;
		color: #c41e3a;
		display: block;
		padding: 3px;
		text-decoration:none;
		_width: 100%
		}

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

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

	#nav .header a, #nav .header a:hover { 
		background: #c41e3a; 
		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:27px;
		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: #c41e3a; color: #fff; font-weight: bold }
/* navigation: #nav 
*/



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

#columns 
{
	width:997px;
	background:#fff;
}

/*#column-1, #column-2, #column-3 { float: left }*/

#column-1 
{
	width:428px; 
}


#story-column-1
{
	width:724px;
	
	background:#fff;
	background:url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-story-bg.gif");
}
#story-wrap
{
width:704px;
padding:10px;	
}
#column-1-a 
{
	width:3px;
	background:#c41e3a; 
	border-bottom:1px solid #000;
}

#column-2 
{
	width:288px; 
}

#column-2-a 
{
	width:3px;
	background:#c41e3a; 
}

#column-2-b 
{
	width:1px;
	background:#000; 
}

#column-2-c 
{
	width:2px;
	background:#fff; 
}
#column-3 
{ 
	width:272px;
	background:#c41e3a;
	
}

#column-5
{
	border-top:3px solid #fff;
	width:566px;
	background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-index-ads-bg.gif") repeat;
	border-bottom:1px solid #000;
}

#sport-column-3 
{ 
	width:272px;
	background:#c41e3a;
}

#index-calendar-hdr
{
	background:url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-index-hdr-calendar.gif") repeat;
	width:428px;
	height:55px;
}
#index-calendar
{
	overflow:auto;
	border: 1px solid #000;
	margin:2px 0 0 3px;
	width:421px;
	height:200px;
}

.calendar-title
{
	color:#c41e3a;
	font-size:12px;
	font-weight:bold;
	width:421px;
	padding:38px 0 0 0;
	word-spacing:3.5em;
	text-align:center;
	
}
.calendar-info a
{
color:#c41e3a;	
}
.dailydate
{
	border-bottom:1px solid #c41e3a;
	color:#000;
	font-size:12px;
	font-weight:bold;
}

/* tabs: #tickets-tab
 * ---------------------------------------------------------------------------- */
#tickets-tab ul.tabset
{ 
	margin:0; 
	padding:0; 
}

#tickets-tab ul.tabset li 
{ 
	float: left; 
	list-style: none; 
	text-indent: -9999px; 
	}

#tickets-tab ul.tabset span 
{ 
	display: none; 
}


#tickets-tab ul.tabset
{ 
	background:url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-tabs-store-tickets.gif"); /*change to your button image*/
	height: 33px; 
	width: 288px;	
}

	
#tickets-tab ul.tabset li, #tickets-tab ul.tabset a { display: block; height:33px; }
/* tabs: #tickets-tab
 * ---------------------------------------------------------------------------- */
#tab-store { width: 144px; } /*change #tab-schedule to #tab-YOURBUTTONNAME - do the same for all your buttons*/
#tab-tickets { width: 144px; } 


/*change to YOURBUTTONNAME*/
#store, #tickets
{
	height:218px;
	width:282px; 
	padding:5px 0 0 0;
	margin:2px 0 0 2px;
	overflow: auto; 
	border:1px solid #c41e3a;
	border-bottom:none;
	background:#fff;
	
}

#tickets-tab.on-store #tab-store { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-tabs-store-tickets.gif") 0 -33px; }
#tickets-tab.on-tickets #tab-tickets { background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-tabs-store-tickets.gif") -144px -33px; }	

.tickets-text a
{
	color:#c41e3a;
	font-size:11px;
	padding:10px;
}
.tickets-text a:hover
{
	color:#000;
}


#bsi-container {
	width:434px;
	height:505px;
	position:relative;
	}
	
	#bsi-container-sport {
		width:432px;
		height:505px;
		position:relative;
		}
	
	
/* BSI PNG
 * ---------------------------------------------------------------------------- */
.photo_gradiant {
	z-index:1;
	width:426px;
	height:286px;
	}

#pngBsi {
	z-index:2;
	width:426px;
	height:286px;	
	}
	
#pngWrap {
	display:block;
	z-index:5;
	width:426px;
	height:286px;
	padding:2px 0px 0px 3px;
	}

/* RelativeFrame
 * ---------------------------------------------------------------------------- */

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

#relativeFrame {
	position: absolute; 
	width:426px;
	z-index: 1;
	padding:4px 0px 0px 8px;
	}

#relativeFrame div {
	width:426px;
	position: absolute; 
	visibility: hidden;
	z-index: 1;
	}
	
#relativeFrame h2 a {color:#000;text-decoration:none;font-size:12px;}	

#relativeFrame div#frm0 { visibility: visible }

#relativeFrame .synopsis {
	line-height:12px;
	}

	#minis, #minis * {
	    margin: 0;
	    padding: 0;
	}
	#minis {
	    height: 141px;
	    left: 4px;
	    margin: 0;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    top: 360px;
	    width: 434px;
	}

#mini0, #mini1, #mini2, #mini3, #mini4 {
	float:left;
	width:102px;
    position:relative;
	}

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

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

#minis #controls img{
	border-width:0;
	}

#controls li {
	float: left; 
	list-style: none; 
	_display: inline; 
	}

#minis #vid0, #minis #vid1, #minis #vid2, #minis #vid3 {
	background:url("http://grfx.cstv.com/schools/stjo/graphics/bsi-play.png") no-repeat;
	opacity: .65;
	filter: alpha(opacity=50);
	position:absolute;
	top:30px;
	left:34px;
	width:28px !important;
	height:29px !important;
	z-index:100;
	}

#bsi-video-wrap { display:none; }

#bsi-flash-video {
	display:block;
	width:426px;
	height:266px;
	z-index:96;
	position:absolute;
	top:2px;
	left:3px;
	background:#000000;padding-top:20px;
	}

#secondary-headlines h2 a {
	font-weight:900;
	text-decoration:none;
	color:#000;
	font-size:12px;
	}

#secondary-headlines h2 a:hover {
	font-weight:900;
	text-decoration:underline;
	color:#ea6f31;
	font-size:12px;
	}

#secondary-headlines h2 
{
 	margin-top:0;
	margin-bottom:0;
}

#secondary-headlines
{
    color:#000;
	font-size:11px;
}
	
	
#secondary-photo
{
	padding:0px 10px 10px 0px;
	width:75px;
}

/* minis
 * ------------------------------------------------------------------------- */	

#minis-wrap
{
	
	width:426px;
	height:143px;
	border-right:1px solid #fff;
 	border-left:1px solid #fff;	
	margin: 0px; 
	padding: 0px;
}


#minis, #minis *
{ 
	margin: 0px; 
	padding: 0px;
	_margin: 2px 0 0 2px;
}

#mini0, #mini2, #mini3, #mini4
{ 
	height:139px;
	width:100px;
	margin: 0px; 
	padding: 0px;
	float:left;
}


#minis div 
{
	background:#c41e3a;
	float:left; 
	width: 102px;
	margin:2px 2px 0px 2px;
	_margin:0;
	padding:0;
}

#minis img
{
	border:1px solid #000;
	margin: 0px; 
	padding: 0px;
}

.mini-teaser
{
	position:relative;
	top:-2px;
	left:-2px;
	_top:-3px;
	_left:2px;
	color:#fff;
	font-size:10px;
	border:1px solid #000;
	border-top:none;
	height:45px;
	/*margin:2px 2px 0px 2px;*/
	
	
}


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

#sport-header-wrap
{
	background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-sport-nav-bg.gif");
	height:39px;
	width:997px;
	margin:0;
	padding:0;
	float:left;
	
}


#sport-header
{
	width:415px;
	float:left;
	
}

#sport-nav {
    color: #FFFFFF;
    float: left;
    font-size: 7px;
    padding: 6px 20px 0 75px;
    text-shadow: -5px 5px 5px black;
    width: 470px;
}

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

#sport-nav a:hover
{
	color:#c41e3a;
	
}


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

.sidebarlink a:hover
{
	color:#000;
}
.sidebarlink a:visited
{
	color:#000;
}
.sidebaroffset
{
	padding-left: 10px;
}


/*SPORT BSI*/

#sport-lead-headlines-block
{
	width:428px;
}

h2 *
{
	margin:0;
	padding:0;
}

#sport-lead-photo
{
 	border:1px solid #fff;
	width:426px;
}



#sport-lead-seconds
{
	width:428px;
}

#sport-sec-photo
{
	margin-top:5px;
	border:1px solid #000;
	width:198px;
	_margin-right:4px;
}

#sport-thrd-photo
{
	margin-top:5px;
	border:1px solid #000;
	width:198px;
}

#sport-lead1 h2 a
{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#sport-lead1 
{
	margin:5px 10px 10px 10px;
	border-bottom:1px dotted #000;
}
#sport-lead1 p
{
	color:#000;
	font-size:11px;
}

#sport-lead2
{
	margin-left:4px;
	margin-right:4px;
	border-right:1px dotted #000;	
	float:left;
	width:206px;
	_width:198px;
}

#sport-lead2 h2 a
{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#sport-lead2 p
{
	color:#000;
	font-size:11px;
	padding-right:5px;
	
}

#sport-lead3
{
	margin-left:4px;
	margin-right:3px;
	float:right;
	width:205px;
	_width:198px;
}

#sport-lead3 h2 a
{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#sport-lead3 p
{
	color:#000;
	font-size:11px;
	
}


#secondary-headlines-block
{
	overflow:auto;
	padding:10px;
	border: 1px solid #000;
	margin:2px 0 0 3px;
	width:401px;
	height:100px;
}


#index-secondary-headlines-block
{
	overflow:auto;
	padding:10px;
	border: 1px solid #c41e3a;
	border-bottom:none;
	margin:2px 0 0 2px;
	width:262px;
}
#index-secondary-headlines-block-sport
{
	overflow:auto;
	padding:10px;
	border: 1px solid #c41e3a;
	border-bottom:none;
	margin:2px 0 0 2px;
	width:402px;
}

.sec-date
{
	color:#000;
	font-size:11px;	
	font-weight:bold;
}

.sec-teaser a
{
	color:#000;
	font-size:11px;	
	 text-decoration:none;
}


/* sidebar
 * ---------------------------------------------------------------------------- */
#side-bar-wrap-header
{
	background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-07-sport-more-in-bg.jpg");
	width:288px;
	height:37px;
	color:#000;
	text-decoration:italic;
	text-transform:uppercase;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #c41e3a;
	
}
	#side-bar-wrap

	{
	
	background:#c41e3a;
	width:282px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-left:2px;
}
#sidebar, #sidebar * { margin: 0; padding: 0 }

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }

#sticky-wrap {
	background: url("http://grfx.cstv.com/schools/stjo/graphics/stjo-sticky-bg-swipe.png") repeat-x;
	width: 100%;
	height: 42px;
	position: fixed;
	top: 0px;
	z-index: 333;
	display:block;
	}

#sticky {
	width:1000px;
	height:42px;
	display:block;
	position:relative;
	}

#scoreboard {
	width:550px;
	height:40px;
	float:left;
	}
	
#sticky-nav {
	width:450px;
	height:40px;
	float:left;
	}
	
#wrap {margin-top:33px;}

/* 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 }
		
		
/* pre-footer
 * ---------------------------------------------------------------------------- */

#pre-footer 
{
	display: block;
	text-align: center;
	width: 997px;
	background:#000;
	border-top:5px solid #fff;
	color: #ccc;
}
#pre-footer a
{
	color: #ccc;
	font-size:11px;             
	text-align: center;                 	
}	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer 
{
	background: #000;
	color: #ccc;
	padding: 20px;
	text-align: center
}
	
	#footer a:link, #footer a:visited { color: #ccc }
	#footer a:hover, #footer a:active { color: #fff }
	
	#holder-banner
	{
		background:#fff;
		height:100px;
	}