/* 
 ----------------------------------------------------------------------------
	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: #00234c url("http://grfx.cstv.com/schools/ust/graphics/ust-08-bg.gif") repeat-x;
	color: #000;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin:0 auto; 
	padding:0 
	}
td{
font: 11px Arial, Verdana, Helvetica, sans-serif;
color: #000;
}


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 }

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

.clear { 
	clear: both; 
	
	}

#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/uri/graphics/yahoo-search5.gif") no-repeat }
.yahoo-off { background-image: none	}


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

#wrap { 
	width:1000px;
	margin:0 auto;
	}
	
#mast {width:1000px; }
#mast img
{display:block;}
#mast-L
{
	width:819px;
	float:left;
	height:151px;
	display:block;
}

#mast-R
{
	float:left;
	width:181px;
	height:151px;
	display:block;
}

#search
{position:relative;left:530px;top:-140px;width:180px;}
#scoreboard-wrap {margin-bottom:3px; }

#skyscraper
{
	
	width:160px;
	height:600px;
}

#story-ad
{
	margin-top:3px;
}

#story-ad img
{padding-bottom:5px;}

#holder-banner
{
	width:768px;
	height:90px;
	margin-left:116px;
}


#nav-wrap
{
	width:992px;
	background:#fff;
	padding:4px;
}

.image-blok
{display:block;}

#title-wrap
{
	background:#ddd;
	width:988px;
	height:24px;
	padding-left:4px;
	border:#fff solid;
	border-width:0 4px 0 4px;
}

#title
{
	height:24px;
	float:left;
	display:block;
}

#sport-nav
{
	float:left;
	width:428px;
	height:19px;
	background:#ddd;
	padding:5px 0 0 210px;
}




#sport-nav a
{
	color:#00234c;
	text-decoration:none;
	font-size:11px;
_font-size:10px;
	font-weight:bold;
}

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

#columns {width:1000px; background:#fff;padding:0; margin:0; border-collapse:collapse;  }

#column-1, #column-2, #column-3,#promo-col,#col1-row2,#col2-row2,#col3-row2 {padding:0; margin:0; vertical-align:top; }

#column-1 {width:836px;}
#column-2 {width:164px;margin-left:4px; }



body#story #column-1 
{width:786px;
padding:25px;
}


#cola
{float:left;
width:535px;
margin:0 3px 0 4px;
}

#colb
{float:left;
width:290px;
padding:0 0 0 0;}

#promo-col
{
width:834px;
margin:5px 0 5px 0;}

#columns-row2
{background:#fff;}

#col1-row2
{width:491px;}

#col2-row2
{width:314px;}

#col3-row2
{width:195px;}

#col3-row2 img
{padding-bottom:3px;}



#index-promos
{width:274px;
height:84px;
float:left;
padding-left:4px;
}




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

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

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

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

#nav li { float: left; }


#nav-01 { width:119px; }
#nav-02 { width:105px; }
#nav-03 { width:133px; }
#nav-04 { width:169px; }
#nav-05 { width:138px; }
#nav-06 { width:132px; }
#nav-07 { width:196px; }


#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") 0 -27px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -119px -27px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -224px -27px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -357px -27px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -526px -27px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -664px -27px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -796px -27px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") 0 -27px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -119px -27px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -224px -27px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -357px -27px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -526px -27px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -664px -27px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-nav.gif") -796px -27px }


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

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

	#nav ul {
		border: solid #fff;
		border-width: 0 1px;
		left: -9999px;
		top: 27px;
		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 #fff; text-indent: 0; }


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

		_width: 100%
		}

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

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

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



/* BSI PNG
 * ---------------------------------------------------------------------------- */
#headlines-wrap
{
	position:relative;
	width:535px;
	height:505px;
}


.photo_gradiant {
	z-index:1;	
	width:525px;
	height:281px;

}

#pngBsi {
	z-index:2;
	width:525px;
	height:281px;	
}
	
#pngWrap {
	display:block;
	z-index:5;
	border:2px solid #00234c;
	margin:1px;
	width:525px;
	height:281px;
}


/* RelativeFrame
 * ---------------------------------------------------------------------------- */
#relativeFrame, #relativeFrame *{
	margin:0;
	padding:0;	
}

#relativeFrame {
	position: relative; 
	width:430px;
	height:119px;
	z-index: 1
}

#relativeFrame div {
	width:500px;
	padding:10px;
	position: absolute; 
	visibility: hidden;
	z-index: 1;
}

#relativeFrame div#frm0 { visibility: visible }

#relativeFrame a
{
	color:#00234c;
	font-weight:bold;
	font-size:10px;
}

#relativeFrame h1 a
{
	color:#00234c;
	font-size:15px;
	text-decoration:none;
}

.pubdate
{
	font-weight:bold;
	margin:0;
	padding:0;
}

#lead-headlines-block
{
	border:solid #00234c;
	border-width:2px 2px 3px 2px;
	width:531px;
}

#buy-me-photo-button-bsi {
	display: none;
	width: 89px;
	height: 51px;
	z-index: 90;
	position:relative;
	left:439px !IMPORTANT;
	top:0px;
}

#minis {
	padding:0 0 0 1px;
	margin:0;
	width:530px;
	height:87px;
	display:block;
}

#mini0, #mini1, #mini2, #mini3 {
	float:left;
	width:132px;
	height:84px;
	margin:0 0 3px 0;
	padding:0;
	display:block;
}

#minis a img {
	margin:0;
	padding:0;
	width:130px;
	border:#00234c solid;
	border-width:4px 1px 3px 1px;
	_border-width:4px 1px 3px 1px;
	display:block;
	
}
	
#minis a:hover img, #minis div.miniOn a img {
	margin:0;
	padding:0;
	width:130px;
	border:#fff solid;
	border-width:4px 1px 3px 1px;
	_border-width:4px 1px 3px 1px;
	display:block;
}

#numbers-wrap *
{
	float:left;
	height:19px;
}

#numbers-wrap
{
	background:#00234c;
	width:61px;
	height:19px;
	padding-left:470px;
}

#numbers-wrap img
{padding-right:5px;}

/*
#vid0, #vid1, #vid2, #vid3, #vid4 {
	background:url("http://grfx.cstv.com/schools/ust/graphics/ust-11-btn-bsi-play.png") no-repeat;
	opacity: .65;
	filter: alpha(opacity=50);
	position:absolute;
	top:460px;
	left:320px;
	width:29px !important;
	height:29px !important;
	z-index:10;
}*/

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

#bsi-flash-video {
	display:block;
	position:absolute;
	width:511px;
	height:281px;
	z-index:96;
	top:2px;
	left:2px;
	background:#002247;
	padding:0 0 0 15px;
}

body#sport #lead-headlines-block
{
	border:solid #00234c;
	border-width:2px 2px 3px 2px;
	width:531px;
}

body#sport #lead-photo
{
	border:2px solid #00234c;
	margin:1px;
	width:525px;
}


#sport-lead-headlines
{
	padding:10px;
	height:83px;
}


#sport-lead-headlines h1
{margin:0;
padding:0;}

#sport-lead-headlines h1 a
{color:#00234c;
text-decoration:none;
font-size:15px;
}

#sport-lead-headlines a
{color:#00234c;
font-weight:bold;
font-size:10px;}


#sport-headlines-wrap
{
width:288px;
border:solid #00234c;
border-width:0 1px 1px 1px;
height:190px;
_height:200px;
overflow:auto;
margin-bottom:3px;
background:#ddd;
}


#sec-headlines-wrap
{padding:3px 5px 0 7px;
}


#sec-headlines-wrap a
{color:#00234c;
font-size:11px;
text-decoration:none;}

#sec-headlines-wrap h1
{margin:0;
padding:0;}

#saotw
{border:#00234c solid;
border-width:0 3px 3px 3px;
width:284px;
height:127px;
overflow:auto;

}

#saotw-photo
{float:left;
padding:2px;
border:#00234c solid;
border-width:0 3px 3px 3px;
margin:0 2px 0 2px;
}
#saotw-info
{padding:2px 2px 0 2px;}

#calendar-wrap
{height:328px;
overflow:auto;
width:464px;
_width:462px;
padding:5px;
border:solid #00234c;
}



#sport-calendar-wrap
{height:208px;
_height:221px;
overflow:auto;
width:505px;
_width:503px;
margin-right:8px;
padding:5px;
border:solid #00234c;}

body#sport .calendar { width:505px;_width:503px; color: #fff;}


.calendar { 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0;
color: #00234c;  
	}
	
.calendar { width:448px; _width:440px; color: #00234c; }

.calendar td { padding: 2px;color: #00234c;  }

tr .calendar-date td{ 
	background: #ddd; 
	color: #00234c;
	font-size:12px; 
	font-weight: bold;
	}


.calendar a
{text-decoration:none;
color:#00234c;}
	
.calendar tr.calendar-headers td {background:#00234c;
color:#fff;font-size:12px; 
	font-weight: bold; }


#features-wrap a
{color:#00234c;
text-decoration:none;
font-weight:bold;}





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


#sidebar-wrap
{width:278px;
padding:5px;
border:solid #00234c;
border-width:0 1px 1px 1px;
height:150px;
overflow:auto;
margin-bottom:5px;
background:#ddd;}



#sidebar-wrap
{display:block;}

#sidebar-wrap a:hover {color:#999999;} 

#sidebar-wrap a {color:#00234c;text-decoration:none; }

#sidebar-wrap h3 { margin:0; padding:7px 0 0 0;color:#00234c;font-size:12px; }


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

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

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


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

#headlines-tab ul.headline-1 { 
	background:url("http://grfx.cstv.com/schools/ust/graphics/ust-08-tab-headlines.gif");
	height: 23px; 
	width: 290px	
	}

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

#tab-headlines{ width: 143px }
#tab-features { width: 147px }


#headlines-tab.on-headlines #tab-headlines { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-tab-headlines.gif") 0 -23px }
#headlines-tab.on-features #tab-features { background: url("http://grfx.cstv.com/schools/ust/graphics/ust-08-tab-headlines.gif") -143px -23px }	

#headlines, #features { 
height: 196px; 
padding: 8px; 
overflow: auto;
border:solid #00234c;
border-width:0 1px 1px;  
background:#ddd; 
width:272px;
margin-bottom:3px;
}
/* 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 {
	width:950px;
padding:25px;
background:#fff;
text-align:center;

	}

#pre-footer a
{color:#00234c;}
	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	text-align:center;
width:942px;
border:solid #fff;
border-width:0 4px 0 4px;
padding:25px 25px 0 25px;
position: relative;
	}
	
	#footer a:link, #footer a:visited { color: #fff; }
	#footer a:hover, #footer a:active { color: #666 }
	
#sport-prop {
    left: 440px;
    margin-top: -85px;
    position: absolute;
}