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

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

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

body 
{ 
	background: #dddddd url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-bg.gif") repeat-x;
	color: #000;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin:0; 
	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 }

.redheadline { color: #CC0033; font-size: 16px; 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:992px;
	margin:0 auto;
}

#uic-content { 
	background:#fff;
	border:1px solid #c40232;
	border-top:none;
	margin:0 auto;
}

#story-content { 
	background:#fff;
	border:1px solid #c40232;
	border-top:none;
	margin:0 auto;
}




#top-ads
{
	width:992px;
	height:100px;
}


#holder-banner
{float:left;
width:728px;
height:90px;
display:block;}

#top-promo
{float:left;
padding-left:7px;
display:block;}

#mast {
	width:992px;
	height:170px;

	display:block;
}


#top-mast
{
	background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-mast-top.gif");
	height:32px;
	width:992px;
}


#top-mast-L
{
	float:left;
width:657px;
}

#mast-L
{
	float:left;
	width:118px;
	height:113px;
	display:block;
}

#mast-C
{
	float:left;
	width:535px;
	height:113px;
}

#mast-R
{
	background:url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-mast-promo.gif") no-repeat;
	float:left;
	width:309px;
	height:103px;
	display:block;
	padding:5px 15px 5px 15px;
}

#mast-L img,
#mast-C img,
#mast-R img {
	display:block;
	}
	
#mast-R-image-wrap {
	width:308px;
	height:103px;
}

#nav-wrap
{
	clear:both;
	width:992px;
	height:25px;
	 
}

#nav-L
{
	float:left;
	width:224px;
	height:25px;
	display:block;
}


#nav-R
{
	float:left;
	width:768px;
	height:25px;
}



#story-ad
{
	
	width:300px;
	height:250px;
	margin:5px 0 0 0;
}


#col3-ad
{
	background:#ccc;
	width:240px;
	height:100px;
	margin-bottom:5px;
}

#video
{
	margin-bottom:5px;
}

#title-wrap
{
	width:991px;
	background:#999;
	height:20px;
margin-bottom:5px;
}

#title
{
	float:left;
	width:414px;
	height:20px;
	margin-bottom:5px;
}

#sport-nav
{
	width:576px;
	float:left;
	height:20px;
	color:#003068;
	margin-bottom:5px;
}


#search
{width:335px;
float:left;
}



#tab-bottom
{background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-btm-headlines.gif");
width:300px;
height:17px;
padding-top:14px;
}


#tab-bottom a
{color:#fff;
text-decoration:none;
font-weight:bold;
margin:0 0 0 37px;}


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

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

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

#column-1 {width:438px;}
#column-2 {width:300px;padding-left:4px; }
#column-3 {width:243px;padding-left:5px; }

body#story #column-1 {width:728px;padding:15px;}





#lead-photo
{border:solid #c40232;
border-width:1px 1px 5px 0;
width:436px;
height:311px;
margin:0;
padding:0;
display:block;}


#sport-lead-photo
{border:solid #c40232;
border-width:1px 1px 5px 0;
width:436px;
height:311px;margin:0;
padding:0;
display:block;}


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

}



#relativeFrame
{
position: relative; 
	z-index: 1;
background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-bsi-bg-text.gif");
width:417px;
height:275px;
padding:5px 10px 0 10px;
}

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

#relativeFrame div#frm0 { visibility: visible }

#relativeFrame h1 a
{color:#c40232;
font-size:12px;
text-decoration:none;}


#lead-sport-headlines
{background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-bsi-bg-text.gif");
width:417px;
height:75px;
padding:5px 10px 0 10px;
}

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

#relativeFrame div {
	
	position: absolute; 
	visibility: hidden;
	z-index: 1;
}



#bsi-more-link
{background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-bsi-read-more.gif");
width:437px;
height:19px;
}

#bsi-more-link a {
margin-left:340px;
color:#fff;
text-decoration:none;}

.pubdate
{color:#000;}

#lead-sport-headlines h1 a
{color:#c40232;
font-size:12px;
text-decoration:none;}

#minis{
	margin:0;
	padding:0;
	background-color:#2b1f52;
	width:430px;
}

#minis div{
	float:left;
	border:1px solid #fff;
	width:70px;
}

#minis a img {
	opacity: .50;
	filter: alpha(opacity=50);
	margin-bottom:3px;
}
	
#minis a:hover img, #minis div.miniOn a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#numbers-wrap
{background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-bsi-hdr.gif") no-repeat;
	float:left;
width:437px;
height:19px;
text-align:center;
display:block;
}

#numbers div
{
	float:left;
}


#sec-headlines-wrap ul 
{
	margin:0;
	padding:0;
color:#c40232;
}


#sec-headlines-wrap
{margin:0 0 0 15px;}

#sec-headlines-wrap a
{
	color:#c40232;
	font-size:12px;
	text-decoration:none;
	margin:0;
	padding:0;
}

.pubdate
{
	margin:0;
	padding:0;
	color:#003068;
}

p.pubdate
{
	margin:0;
	padding:0;
}

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

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

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

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

#nav li { float: left; }


#nav-01 { width:119px; }
#nav-02 { width:137px; }
#nav-03 { width:101px; }
#nav-04 { width:155px; }
#nav-05 { width:56px; }
#nav-06 { width:86px; }
#nav-07 { width:114px; }


#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") 0 -25px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -119px -25px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -256px -25px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -357px -25px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -512px -25px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -568px -25px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -654px -25px }


#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") 0 -25px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -119px -25px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -256px -25px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -357px -25px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -512px -25px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -568px -25px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-nav.gif") -654px -25px }



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

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

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


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

		_width: 100%
		}

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

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

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

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

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

#topnav {
	background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") no-repeat;
	height: 25px;
	position: relative;
	width: 768px;
	z-index: 99; 
	}
	
#topnav span { display:none; }

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

#topnav li { float: left; }


#topnav-01 { width:133px; }
#topnav-02 { width:143px; }
#topnav-03 { width:108px; }
#topnav-04 { width:165px; }
#topnav-05 { width:91px; }
#topnav-06 { width:128px; }

#topnav-01 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") 0 -25px }
#topnav-02 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -133px -25px }
#topnav-03 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -276px -25px }
#topnav-04 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -384px -25px }
#topnav-05 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -549px -25px }
#topnav-06 a:hover { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -640px -25px }

#topnav-01:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") 0 -25px }
#topnav-02:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -133px -25px }
#topnav-03:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -276px -25px }
#topnav-04:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -384px -25px }
#topnav-05:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -549px -25px }
#topnav-06:hover>a { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-09-nav.gif") -640px -25px }


/* navigation dropdown: #topnav
	 * ------------------------------------------------------------------------- */

	#topnav ul {
		border: solid #003068;
		border-width: 0 1px;
		left: -9999px;
		top: 25px;
		position:absolute;
		z-index:99
		}

	#topnav-08 ul { margin-left: -15px }

	#topnav ul, 
	#topnav li li { width: 150px } 

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

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

	#topnav li li { border-bottom: 1px solid #003068; text-indent: 0; }


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

		_width: 100%
		}

	#topnav li li a:hover { 
		background: #c40232; 
		color: #fff 
		}

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

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



.sport-nav-links
{font-size:11px;
text-transform:uppercase;
color:#003068;
margin-left:95px;}

.sport-nav-links a
{font-size:11px;
text-transform:uppercase;
color:#003068;
text-decoration:none;
font-weight:bold;} 

.sport-nav-links a:hover
{text-decoration:underline;}


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

#sidebar-wrap
{
	border:4px solid #c40232;
	border-top:none;
	height:120px;
	overflow:auto;
	padding:7px;
}

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

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

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }

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

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


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

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

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

#tab-headlines,#tab-calendar { width: 150px }


#headlines-tab.on-headlines #tab-headlines { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-tab-headlines.gif") 0 -32px }
#headlines-tab.on-calendar #tab-calendar { background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-tab-headlines.gif") -150px -32px }	


#headlines, #calendar 
{ 
	background: url("http://grfx.cstv.com/schools/ilch/graphics/ilch-08-bg-headlines.gif");
	height: 193px; 
	padding: 8px; 
	overflow: auto;  
	width:284px;
}






.calendar, .calendar * { 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0  
	color: #000;
	width:284px;
	font-size:11px;
	}
	
#calendar a{ 
	color:#c40232;
	font-size:11px;
	text-decoration:none;
	}

#calendar a:hover{ 
	text-decoration:underline;
	}

.calendar{
	color: #000;
	font-size:11px; 
	width:260px;
	}

.calendar { color: #ffd317;font-size:11px; }

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

.calendar-body 
{color:#000;
font-size:11px;
}

/* 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 }
#images-blok
{display:block;}

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


#footer-return
{text-align:center;

padding:25px;

}



#footer-return a
{color:#c40232;}




#footer {
background:#c40232;
width:992px;
text-align:center;
padding:15px 0 15px 0;}

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