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


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


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

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


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: #00573c; text-decoration: none;}
a:hover, a:active { color: #00573c; 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; 
	height: 0.01em; 
	overflow: hidden 
	}

#revLayeredAd .revClickText  {
	color:#fff;
	}

p .more {text-decoration:underline;}

p .more:hover {color:#000;}

.storyheadline, .storyteaser {padding-left:8px;}

.photo-caption {padding-right:8px;}

.story-photo {padding-right:8px;}



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


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

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

#search { }
	
	#search form { }
	
	#search input { 
		border:1px solid #fff;
		vertical-align: middle; 
		width: 100px 
		}
		
		#search input.radio { 
			border: none; 
			height: 10px;
			width: 10px
			}
			
		#search input.submit { 
			border: 0; 
			cursor: pointer; 
			width: 60px
			}
			
	#clst-search {
	padding-top:3px;_padding-top:1px;
	padding-left:20px;
	}		
			

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

/* mast-top
 * ---------------------------------------------------------------------------- */

#mast-top {
	width:997px;
	height:100px;
	padding-top:5px;
	}
	
#holder-banner {
	width:728px;
	height:90px;
	float:left;
	margin-right:4px;
	}

#promo-rot {
	width:256px;
	height:90px;
	float:left;
	}		

/* mast
 * ---------------------------------------------------------------------------- */


#container { 
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-body-bg.gif") repeat-y;
	width:991px;
	}
	
body#story #container {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-story-bg.gif") repeat-y;
	width:991px;
	}

#mast {
	width:991px;
	height:193px;
	}
	
#mast-left {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-masthd-left.jpg") no-repeat;
	width:478px;
	height:193px;
	float:left;
	}

#mast-right {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-masthd-right.jpg") no-repeat;
	width:513px;
	height:193px;
	float:left;
	}
	
#sport-hdr-wrap {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-top-bar-bg.gif");
	width:976px;
	height:26px;
	}	

#sport-hdr {
	width:376px;
	height:26px;
	display:block;
	float:left;
	}
	
#sport-hdr-middle {
	width:207px;
	height:26px;
	display:block;
	float:left;
	}
	
#sport-hdr-right {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-index-hdr-right.gif") no-repeat;
	width:393px;
	height:26px;
	display:block;
	float:left;
	}
	
#non-sport-hdr-left	{
	width:583px;
	height:26px;
	display:block;
	float:left;
	}

#non-sport-hdr-right {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-index-hdr-right.gif") no-repeat;
	width:393px;
	height:26px;
	display:block;
	float:left;
	} 		
	

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

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

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

#column-1 {
	width:505px;
	}

#column-2 {
	width:275px;
	color:#fff;
	}

#column-2 a {color:#fff;}

#column-2 a:hover {color:#ccc;}

#column-3 {
	width:214px;
    }

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

body#story #column-1 #content {padding-left:8px;padding-right:8px;}

body#story #column-1 #Content {padding-left:8px;padding-right:8px;}

body#story #column-2 {width:212px;}


/* index-hdr
 * ---------------------------------------------------------------------------- */

#index-hdr {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-top-bar-bg.gif");
	width:976px;
	height:26px;
	}

#top-stories {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-hdr-topstories.gif") no-repeat;
	width:374px;
	height:26px;
	display:block;
	float:left;
	}

#index-hdr-middle 	{
	width:209px;
	height:26px;
	display:block;
	float:left;
	}	

#index-hdr-right {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-index-hdr-right.gif") no-repeat;
	width:393px;
	height:26px;
	display:block;
	float:left;
	}
	
#sec-headlines-hdr {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-hdr-moreheadlines.gif") no-repeat;
	width:500px;
	height:34px;
	margin-top:5px;
	}
	
#features-hdr {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-hdr-features.gif") no-repeat;
	width:266px;
	height:34px;
	margin-top:5px;
	margin-left:3px;
	}
	
#features-content {
	width:269px;
	height:165px;
	overflow:auto;
	}

#features-content p, #features-content h3 {margin:0;padding:0;}	

#features-content p, #features-content h3 {margin:0;padding:0;}	

#features-content p {padding:2px 3px 1px 4px;}	

#features-content h3 {padding:10px 3px 1px 4px;}

#features-content h3 a{font-size:13px;text-decoration:underline;}

#features-content h3 a:hover {color:#ccc;}	

#twitter-hdr {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-11-hdr-twitter.gif") no-repeat;
	width:266px;
	height:34px;
	margin-top:5px;
	margin-left:3px;
	}
	
#twitter-content {
	width:269px;
	}

#gameday-hdr {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-hdr-gameday.gif") no-repeat;
	width:266px;
	height:34px;
	margin-left:3px;
	}
	
#gameday-content {
	width:269px;
	padding-bottom:5px;
	}
	
#gameday-content a:hover{text-decoration:underline;}	

#gameday-content h3,#gameday-content h2{margin:0;padding:1px 0px 0px 6px;text-align:center;color:#fff;}

#gameday-content h3 {font-size:12px;font-weight:600;}

#gameday-content h2 {font-size:14px;}

#gameday-content .gameday-list {float:left;margin:0;padding:4px 0px 8px 20px;}

#gameday-content .gameday-list ul {margin:0;padding:0;}	

#gameday-content p {margin:0;padding-left:8px;}

#gameday-border {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-gameday-border.gif") no-repeat;
	width:245px;
	height:1px;
	margin:5px 0px 5px 12px;_margin:5px 0px 0px 8px;
	}

#athlete-hdr {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-hdr-aotm.gif") no-repeat;
	width:266px;
	height:34px;
	margin-left:3px;
	}

#athlete-content {
	width:269px;
	height:315px;
	}

#video {
	margin-left:3px;
	margin-top:3px;
	}

#video-content {width:269px;background:#003324;padding-top:10px;padding-bottom:10px;margin-left:3px;margin-top:5px;}
#video-content li {padding-top:2px}

#video-content ul{
	margin:0;
	padding:0px 0px 0px 28px;
	list-style-image: url('http://grfx.cstv.com/schoolslt/clst/graphics/clst-07-video-icon-wt.gif');
	}
	
#video-content ul li.audio{
	list-style-image: url('http://grfx.cstv.com/schoolslt/clst/graphics/clst-08-audio-icon-white.gif');
	}
	
#video-content a:hover{text-decoration:underline;}	

#store-portal {
	padding-top:14px;
	padding-left:2px;
	}
	
#highlights-content {padding-bottom:10px;}

#highlights-content ul {margin:0;padding:2px 0px 0px 50px;}	

#highlights-content h3 {margin:0;padding:8px 0px 2px 30px;}

#highlights-content ul li a:hover{text-decoration:underline;}	


/* lead-headlines-block & relativeFrame & transparency & secondary lead headlines
 * ---------------------------------------------------------------------------- */
#lead-headlines-block{
	margin:0px;
	padding:0px;
	font-size:11px;
	background-color:#fff;
	height: 600px;
	position: relative;
	}

#relativeFrame {
	position: relative; 
	z-index: 1;
	height:115px;
	width:505px;
	padding-top:10px;
	}

#relativeFrame h1 {padding-left:5px;padding-right:5px;}

#relativeFrame h1 a{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;;
	color:#00573c;
	}

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

#relativeFrame div#frm0 { visibility: visible; }

#relativeFrame h1 a:hover{
	text-decoration:none;
	}

#relativeFrame p{
	color:#000;font-size:12px;
	padding-left:5px;padding-right:10px;padding-top:5px;
	}

#relativeFrame .date {
	font-size:12px;
	margin-top:5px;
	padding-left:5px;
	}


/* lead-headlines
 * ---------------------------------------------------------------------------- */	

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

.lead-headlines div { 
	color: #fff;
	width: 505px;
	}

.lead-headlines h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 8px 
	}

.lead-headlines p.date {
	font-size: .95em;
	font-weight: bold;
	margin: 0
	}



/* minis
 * ------------------------------------------------------------------------- */	
#lead-photo {
	padding-top:3px;
	padding-left:2px;
	}
	
#minis{
	margin:0;
	padding:0;
	padding-top:10px;
	width:505px;
	height:145px;
	}

#minis div {float:left;margin-left:4px;}
#minis #mini0 {margin-left:0;}

#minis div div {margin:0;padding:0;width:116px;text-align:center; margin-top:5px;}

#minis a img {
	border:1px solid #fff;
	display:block;
	}

#minis div.miniOn a img, #minis a:hover img {
	border:1px solid #00573c;
	}

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

#minis p.date{margin:0;padding:0;}

#minis p.teaser {margin:0;padding:0;}


/* sec-headlines
 * ---------------------------------------------------------------------------- */

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

#sec-headlines {background:#fff;padding-left:10px;padding-bottom:15px;}

#sec-headlines li {list-style-type:none;}

#sec-headlines .sport {padding-top:10px;color:#000;}

#sec-headlines .headline {font-weight:bold;padding:3px 0px 2px 0px;}

#sec-headlines .headline a {font-size:12px;text-decoration:underline;}


#sec-headlines .headline a:hover {text-decoration:none;color:#000;}


/* sport-lead-block
 * ---------------------------------------------------------------------------- */	

#sport-lead-block, #sport-lead-block * { margin: 0; padding: 0 }

#sport-lead-block {width:505px;}

#sport-photo1 {padding-left:2px;}

#sport-photo1 h1{font-size:16px;padding-top:8px;padding-left:4px;}

#sport-photo1 p  {padding-left:4px;}

#sport-photo1 p.date {padding-left:4px;}

#sport-photo1 h1 a {text-decoration:underline;}

#sport-photo1 h1 a:hover {text-decoration:none;color:#000;}

#sport-lead-block .sport-photo2 img {
	float:left;
	padding:10px 5px 10px 5px;
	}

#sport-lead-block .date {padding:4px 0px 3px 0px;}

#sport-lead-block .sport-photo3 img {
	float:left;
	padding:10px 5px 10px 5px;
	}

#sport-lead-block .sport-photo2 p, #sport-lead-block .sport-photo3 p {padding-right:8px;}

#sport-lead-block .sport-photo2 h1, #sport-lead-block .sport-photo3 h1{font-size:14px;padding-top:12px;}

#sport-lead-block .sport-photo2 h1 a, #sport-lead-block .sport-photo3 h1 a {text-decoration:underline;}

#sport-lead-block .sport-photo2 h1 a:hover, #sport-lead-block .sport-photo3 h1 a:hover {text-decoration:none;color:#000;}

/* calendar
 * ---------------------------------------------------------------------------- */

.calendar, .calendar * { 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0  
	}
	
.calendar { width: 100% }

.calendar td { padding: 2px }

#content-calendar .calendar .calendar-date td { 
	background-color: #01573c; 
	color: #fff; 
	font-weight: bold;
	}
	
#content-results .calendar .calendar-date td { 
	background-color: #01573c; 
	color: #fff; 
	font-weight: bold;
	}	

.calendar tr.calendar-headers td {
	font-weight:bold;
	color:#01573c;
	padding-top:10px; 
	padding-bottom:10px;
	}
	
.calendar tr.calendar-body td {border-bottom:3px solid #ccc;}

#content-calendar .calendar tr.calendar-body td a{color:#01573c;text-decoration:underline;}

#content-calendar .calendar tr.calendar-body td a:hover{color:#000;text-decoration:underline;}

#content-results .calendar tr.calendar-body td a{color:#01573c;text-decoration:underline;}

#content-results .calendar tr.calendar-body td a:hover{color:#000;}

#content-calendar .calendar .time-results, #content-results .calendar .time-results {width:55px;}


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

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

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

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

#nav li { float: left; }



#nav-01 { width:122px; }
#nav-02 { width:129px; }
#nav-03 { width:125px; }
#nav-04 { width:206px; }
#nav-05 { width:121px; }
#nav-06 { width:82px; }
#nav-07 { width:150px; }
#nav-08 { width:54px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") 0 -23px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -122px -23px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -251px -23px }
/*#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -376px -23px }*/
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -582px -23px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -703px -23px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -785px -23px }
/*#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -839px -23px }*/

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") 0 -23px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -122px -23px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -251px -23px }
/*#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -376px -23px }*/
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -582px -23px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -703px -23px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -785px -23px }
/*#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-nav.gif") -839px -23px }*/

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

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

#nav-07 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 #00573c; text-indent: 0;}


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

	_width: 100%
	}

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

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

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

#nav li li.header {
	background-color:#ccc; 
	color: #00573c; 
	font-weight:bold;
	height:14px;
	padding-left:2px;
	padding-top:3px;
	width:148px;_width:154px;
	text-decoration:none;
	}

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

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

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }

#col2-promos img{padding-left:3px;padding-top:5px;}


/* sport-nav
 * ---------------------------------------------------------------------------- */

#sport-nav {
	width:505px;
	margin-top:3px;
	margin-bottom:6px;
	border-top:3px solid #00573c; 
	}

#sport-nav ul {
	margin:0;
	padding:0;
	margin-top:7px;
	padding-left:8px;
	color:#00573c;
	}

#sport-nav ul li {
	list-style-type:none;
	display:inline;
	padding-left:5px;
	padding-right:3px;
	}

#sport-nav ul li a:hover {color:#000;text-decoration:underline;}

#story-sport-nav-wrap {
	background: url("http://grfx.cstv.com/schools/clst/graphics/clst-07-right-corner-lrg.gif") no-repeat;
	width:783px;
	height:35px;
	}

#story-sport-nav {
	width:783px;
	padding-top:12px;
	}

#story-sport-nav ul {
	margin:0;
	padding:0;
	padding-left:8px;
	color:#00573c;
	}

#story-sport-nav ul li {
	list-style-type:none;
	display:inline;
	padding-left:5px;
	padding-right:3px;
	}

#story-sport-nav ul li a:hover {color:#000;}


/* Athlete of the Month Content
 * ---------------------------------------------------------------------------- */

#athlete-content, #athlete-content * { margin: 0; padding: 0 }

#athlete-content div{width:275px;padding-top:7px;padding-right:5px;}

#athlete-content img{float:left;padding-left:5px;padding-right:5px;}

#athlete-content h3{padding-top:5px;padding-bottom:3px;text-decoration:underline;padding-right:5px;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 }


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

#footer-table {border-collapse:collapse;margin-bottom:10px;}

#footer-table a:hover{text-decoration:underline;color:#000;}
	
/* Ads
 * ---------------------------------------------------------------------------- */	

#skyscraper {
	margin:16px 0px 16px 16px;
	}
	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	color: #222;
	border-top:3px solid #ccc;
	text-align: center;
	width:980px;
	background:#fff;
	padding-top:20px;
	padding-bottom:20px;
	}

#footer .disclaimer {padding:20px;}	
	
	#footer a:link, #footer a:visited { color: #000; text-decoration:none;}
	#footer a:hover, #footer a:active { color: #000; text-decoration:underline;}
	

/* CSS from previous site
 * ---------------------------------------------------------------------------- */
.tableheader {
	color:#00573c;
	font-weight:bold;
	background:#ccc;
	font-size:13px;
	}

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