/* 
 ----------------------------------------------------------------------------
  Author: CSTV Online, Inc.
  CSS Document: main.css
 ---------------------------------------------------------------------------- 
*/

/* reset the main browser defaults
 * ------------------------------------------------------------------------- */

html,body,div { margin:0; padding:0 }

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


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

body,td { font:11px Verdana, Arial, Helvetica, sans-serif }

h1,h2,h3,h4,h5,h6 { font-size:1.0em }

a { color:#fff }
a:hover { color:#F6D200 }


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

.center { text-align: center }
.left { text-align: left }
.right { text-align: right }
.clear { clear: both; height: 0.01em; overflow: hidden }

.ads-column-right, #ads-column-right * { margin:0; padding:0 }
.ads-column-right { list-style-type: none; text-align:center; margin: 0 20px }
.ads-column-right li { margin: 10px 0 10px 10px; float: left }

.ads-footer, #ads-footer * { margin:0; padding:0; }
.ads-footer { list-style-type: none; text-align:center; }
.ads-footer li { display:inline; }

.extra-links { text-align: center; margin: 15px auto; }


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

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

.schedheader { color: #fff; font-weight: bold }
.storyheadline { color: #C00436; font-weight: bold; font-size:  13px }
.storyteaser { color: #222; font-weight: bold }


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

body { 	
	background: url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-bg-body.gif") 400px 0 repeat;
	color: #fff
	}
	
	body#story { color: #222 }
	
#wrap {
	background: url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-bg-wrap.gif") repeat-y;
	width: 100%
	}
	
	body#sport #wrap { background-position: 0 100px }
	
#wrap-inner { width: 1000px }
	
	body#story #wrap-inner { background-color: #fff }

#top { background-color: #000; text-align: center; width: 1000px }

#scoreboard { clear: left; width: 1000px; height: 34px }

#mast a { float: left }

#bottom { 
	background: url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-bottom.gif") no-repeat;
	height: 26px;
	width: 1000px
	}
	

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

#columns {
	border-collapse: collapse;
	clear: both;
	margin: 0; 
	padding: 0;
	width: 1000px
	}
	
#column-left, #column-middle, #column-right { 
	margin: 0;
	padding: 0;
	vertical-align: top
	}

#column-left { width: 487px }
#column-middle { width: 312px }
#column-right { width: 201px; padding-left: 30px }

#column-main { line-height: 16px; padding: 15px 12px; width: 1000px }

#column-main a { color: #C00436 }
#column-main a:hover { color: #222 }

	
/* headers
 * ---------------------------------------------------------------------------- */

#hdr-moreheadlines {
	background: url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-headlines.jpg") no-repeat bottom;
	height: 20px;
	width: 487px
	}


/* calendar:  events & results
 * ---------------------------------------------------------------------------- */

.calendar { width:100% }

#content-standings h3 { padding-left: 10px }
#content-standings table { margin: 0 10px; width: 95% }

.calendar td.dailydate, #content-standings thead {
	background-color: #222;
	color: #F6D200;
	font-weight: bold
	}

.calendar tr.categories td { font-weight: bold }

.calendar tr { border-bottom: 1px solid #ccc }


/* all-access
 * ---------------------------------------------------------------------------- */

#video { margin-left: 4px }


/* store
 * ---------------------------------------------------------------------------- */
	
#store, #store * { margin:0; padding:0 }
#store {
	background: url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-store-bkg.jpg") no-repeat;
	margin-left: 4px;
	width: 303px;
	height: 247px;
	}

	#store img { float: left; margin: 15px 0 10px 5px; border:2px solid #000 }
	#store h3 { clear: both; color: #F6D200; margin-left: 7px }
	#store ul { margin-left: 24px; margin-top: 8px }
	#store li { margin-bottom: 5px; }
	#store li a { text-decoration: none }

#store #shopnow { display: block; float: left; height: 120px; width: 193px }
#store #shopnow span { display: none }


/* sidebar
 * ---------------------------------------------------------------------------- */
	
#sidebar {
	background-color: #C00436;
	border: 1px solid #FED71A;
	margin: 0 0 10px 3px;
	padding-bottom: 10px;
	width: 304px;
	}
	
	#sidebar .sidebarlink {
		margin-left: 10px;
		text-decoration: none;
		}
	
#hdr-sidebar {
	background: url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-hdr-sidebar.gif") no-repeat;	
	height: 19px;
	width: 304px
	}


/* header and sportnav
 * ---------------------------------------------------------------------------- */	
	
#hdr-sportnav, #hdr-sportnav * { margin:0; padding:0; }
#hdr-sportnav { 
	background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-hdr-sport.gif") no-repeat;
	width:800px; height:23px; line-height: 23px;
	float:left;
	}
	
body#story #hdr-sportnav { 
	background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-hdr-story.gif") no-repeat;
	width: 1000px 
	}

#hdr { float:left; width:400px; }
#sportnav { float:right; width:400px; }

#sportnav li { display:inline; border-left:1px solid #fff; padding:0 5px 0 9px; }
#sportnav li.first { border:none; }
#sportnav li a { text-decoration:none; text-transform:uppercase; }


/* search
 * ---------------------------------------------------------------------------- */

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

#search {
	background: url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-top-nav.jpg") -623px 0 no-repeat;
	color:#000; 
	font-size: 10px;
	float: left;
	height: 24px;
	width: 377px
	}
	
	#search form { margin-left: 30px; margin-top: 2px; _margin-top: 0 }

	#search br { line-height:0; } 

	#search input { 
		height: 18px;
		vertical-align: middle;
		}

	#search .radio { width: 10px; height: 10px }
	#search input.submit { height: 15px; width: 44px }

#yahoo { 
	border:1px solid #ddd; 
	font-size:11px; 
	height:18px; 
	width:130px 
	}

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


/* pre-footer & footer
 * ---------------------------------------------------------------------------- */

#pre-footer, #pre-footer * { margin: 0; padding: 0; }

#pre-footer {
	border-top: 2px solid #aaa; 
	border-bottom: 2px solid #aaa; 
	margin: 15px 0 15px 260px;
	padding-top: 6px;
	text-align: center;
	width: 480px
	}

#pre-footer a { color: #000 }
#pre-footer a:hover { color: #666 }

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

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

#footer {
	background-color: #000;
	padding: 15px 0;
	text-align: center;
	width: 1000px
	}


/* banner ads
 * ---------------------------------------------------------------------------- */

#ad-holder-banner {
	width:1000px;
	height:111px;
	padding-top:8px;
	text-align:center;
	margin:0 auto
	}
	
#ad-holder-skyscraper {
	width:160px;
	margin:20px auto;
	text-align:center
	}
	
body#story #ad-holder-skyscraper {
	position:absolute;
	top:300px;
	left:1050px
	}


/* tabs: #tabs-events
 * ---------------------------------------------------------------------------- */	

#tabs-events, #tabs-events * { margin:0; padding:0; }

#tabs-events {
	height: 23px;
	width: 487px;
	}

	#tabs-events li, #tabs-events a { display: block; height: 23px; width: 243px; }
	#tabs-events li { float: left; list-style: none; _display: inline; }
	#tabs-events span { display: none; }

.on-calendar { background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-tabs.jpg") 0 -23px; }
.on-results { background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-tabs.jpg") 0 0; }

#wrap-events {
	height: 300px;
	overflow: auto;
	width: 487px;
	}
	

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

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

#nav {
	background: url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-top-nav.jpg") no-repeat;
	float: left;
	height: 24px;
	width: 623px
	}

#nav a {
	color: #000;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none
	}

#nav span { display: none }

#nav li, #nav a { height: 24px; display: block }

#nav li { 
	float: left; 
	list-style: none; 

	_display: inline 
	}

#nav-01 { width: 109px }
#nav-02 { width: 122px }
#nav-03 { width:  80px }
#nav-04 { width: 153px }
#nav-05 { width: 150px }

#nav-01 a:hover, #nav-01.over { background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-top-nav.jpg")    0px -24px }
#nav-02 a:hover, #nav-02.over { background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-top-nav.jpg") -109px -24px }
#nav-03 a:hover, #nav-03.over { background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-top-nav.jpg") -231px -24px }
#nav-04 a:hover, #nav-04.over { background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-top-nav.jpg") -311px -24px }
#nav-05 a:hover, #nav-05.over { background:url("http://graphics.fansonly.com/schools/ilch/graphics/ilch-06-top-nav.jpg") -464px -24px }


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

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

#nav ul, #nav li li { border-color: #aaa; width: 150px }

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

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

#nav li li { border-bottom: 1px solid #aaa; }

#nav li li a {
	background: #222;
	color: #eee;
	display: block;
	padding:3px 3px;

	_width: 100%
	}

#nav li ul li a:hover { 
	background: #FAC110; 
	color:#222 
	}


	/* bsi
	 * ---------------------------------------------------------------------------- */

	#bsi {
		background-color: #C00436;
		padding-bottom: 10px;
		width: 487px
		}


	/* relativeFrame & photo
	 * ---------------------------------------------------------------------------- */


	#relativeFrame { 
		height: 120px;
		position: relative; 
		z-index: 1 
		}

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

		#relativeFrame div#frm0 { visibility: visible }

		img.photo { margin-left:3px }
		
		body#sport img.photo { margin-top: 2px }



	/* .content-lead
	 * ---------------------------------------------------------------------------- */

	.content-lead, .content-lead * { margin: 0; padding: 0 }

	.content-lead { margin: 10px 8px 0 8px }

	.content-lead a { color: #fff; font-weight:bold; text-decoration: none }
	.content-lead a:hover { color: #F6D200 }

	.content-lead h3 { font-size: 12px; margin-bottom: 8px }

	.content-lead p { font-size: 11px; line-height: 16px; }

	.content-lead p.date {
		color: #fff;
		font-size: 10px; 
		font-weight: bold;
		margin: 0
		}


	/* content-secondary
	 * ---------------------------------------------------------------------------- */

	.content-secondary, .content-secondary * { margin:0; padding:0; }

	.content-secondary { height: 340px; overflow: auto }
	
		body#sport .content-secondary { height: 220px }
		body#sport h3 { margin-bottom: 0 }

	.content-secondary a { color: #fff; font-weight:bold; text-decoration: none }
	.content-secondary a:hover { color: #F6D200 }

	.content-secondary h3 { font-size: 11px; margin-bottom:6px }

	.content-secondary p { 
		font-size: 11px;
		line-height: 16px;
		}

	.content-secondary p.date { 
		color: #fff;
		font-size: 10px; 
		font-weight: bold;
		}

	.content-secondary img { float:left; margin:0 4px 15px 0 }
	
	.light, .dark { padding: 15px 10px }
	.light { background-color: #c00436;  }
	.dark { background-color: #000;  }


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

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

		#nav-bsi {
			height: 19px;
			margin-top:6px;
			}

		#nav-bsi ul { margin-left: 350px }

		#nav-bsi li { 
			float:left;
			list-style: none;
			margin-right:5px
			}