/* 
 ----------------------------------------------------------------------------
	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: #4D4D4D url("http://grfx.cstv.com/schools/pur/graphics/pur-07-bg.jpg") repeat-x;
	color: #000;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin:0 auto; 
	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: #000; text-decoration:underline;}
a:hover, a:active { color: #b0936b; text-decoration: none;}

a {outline:none}

#promo-graphics img {margin-bottom:5px;}


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

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


#search {float:right;margin-top:10px;margin-right:5px;}


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

#wrap { 
	background: #ccc;
	width:1000px;
	margin:0 auto;
	}
	
#mast {
	width:1000px;
	float:left;
	}
	
#mast-left 
	{background:url('http://grfx.cstv.com/schools/pur/graphics/pur-07-mast-left.jpg');
	width:554px;
	height:150px;
	float:left;
		}	

#mast-right {
	width:446px;
	height:150px;
	float:left;
	}
	
#mastRight {background:url('http://grfx.cstv.com/schools/pur/graphics/pur-07-mast-m-basebl-1.jpg');
	width:446px;
	height:150px;
	display:block;
	float:left;
	}	
	
#hdr { }

#scoreboard { }


#store {padding:3px 0px 4px 5px;_margin:0;_padding:3px 0px 0px 0px;}


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

#columns {
	width:996px;
	padding:0; 
	margin:0; 
	border-collapse:collapse;
	}
	
#container {border:2px solid #b0936b;border-top:none;}	

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

#column-1 {width:700px;background:#ccc;}
#column-2 {width:296px;_width:293px;background:#000;}

#col-left {width:396px;float:left;}
#col-right {width:300px;_width:298px;float:left;}


#column-1 .sport-header{margin:3px 3px;}

#story #column-1 {padding:10px;}

#sport #Content {padding-left:6px;}

.storyteaser {padding-left:6px;}

.storyheadline {padding-left:6px;}



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

#sport-nav ul {margin:0;padding:0;}

#sport-nav li {display:inline;}

#sport-nav {padding-left:8px;padding-bottom:25px;padding-top:1px}

#sport-nav li a{text-decoration:none;}


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

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

#tab-events {
	background:url("http://grfx.cstv.com/schools/pur/graphics/pur-07-tab.jpg") no-repeat; /*change to your button image*/
	height: 26px;
	width: 394px;
	margin-top:3px;
	}

	#tab-events li, #tab-events a {display:block; height: 26px; } /**/

	#tab-calendar {width:206px;}
	#tab-headlines {width:188px;} 


	#tab-events li { float: left; list-style: none; _display: inline; }
	#tab-events span { display: none; }

#tab-events.on-calendar #tab-calendar { background:url("http://grfx.cstv.com/schools/pur/graphics/pur-07-tab.jpg")  0px -26px; } /*change to your button image and the distance from the left of the browser*/
#tab-events.on-headlines #tab-headlines { background:url("http://grfx.cstv.com/schools/pur/graphics/pur-07-tab.jpg") -206px -26px; }

#wrap-events {
	height: 300px;
	overflow: auto;
	width: 394px;
	margin-bottom:10px;
	} /*dimensions of the box your content appears in*/

	#wrap-events a { color: #CEAE59; }/*any links displayed within content area*/
	#wrap-events a:hover { color: #fff; }
	
	
/* navigation dropdown: #nav
 * ------------------------------------------------------------------------- */	

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

#top-nav {
background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") no-repeat;
height: 33px;
position: relative;
width: 1000px;
z-index: 99; 
}

#top-nav span { display:none; }

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

#top-nav li { float: left; }


#top-nav-01 { width:76px; }
#top-nav-02 { width:62px; }
#top-nav-03 { width:86px; }
#top-nav-04 { width:76px; }
#top-nav-05 { width:92px; }
#top-nav-06 { width:190px; }
#top-nav-07 { width:128px; }
#top-nav-08 { width:82px; }
#top-nav-09 { width:108px; }
#top-nav-10 { width:100px; }

#top-nav-01 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") 0 -33px }
#top-nav-02 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -76px -33px }
#top-nav-03 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -138px -33px }
#top-nav-04 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -224px -33px }
#top-nav-05 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -300px -33px }
#top-nav-06 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -392px -33px }
#top-nav-07 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -582px -33px }
#top-nav-08 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -710px -33px }
#top-nav-09 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -792px -33px }
#top-nav-10 a:hover { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -900px -33px }

#top-nav-01:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") 0 -33px }
#top-nav-02:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -76px -33px }
#top-nav-03:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -138px -33px }
#top-nav-04:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -224px -33px }
#top-nav-05:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -300px -33px }
#top-nav-06:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -392px -33px }
#top-nav-07:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -582px -33px }
#top-nav-08:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -710px -33px }
#top-nav-09:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -792px -33px }
#top-nav-10:hover>a { background: url("http://grfx.cstv.com/schools/pur/graphics/pur-07-top-nav.jpg") -900px -33px }


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

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

#top-nav-10 ul { margin-left: -15px }

#top-nav ul, 
#top-nav li li { width: 150px } 

#top-nav li li, 
#top-nav li li a { height: auto; }

#top-nav li:hover ul, 
#top-nav a:hover ul { left: auto; }

#top-nav li li { border-bottom: 1px solid #fff; text-indent: 0; }


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

	_width: 100%
	}

#top-nav li li a:hover { 
	background: #000; 
	color: #b0936b; 
	}

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

#top-nav .header a, #top-nav .header a:hover { 
		background: #fff; 
		color: #000; 
		font-size:11px;
		}


/* lower-nav
 * ---------------------------------------------------------------------------- */


#lower-nav {background:url("http://grfx.cstv.com/schools/pur/graphics/pur-07-nav-bg.jpg");
	width:1000px;
	height:23px;
	}

#lower-nav ul{margin:0;padding:5px 0px 0px 60px;_padding:4px 0px 0px 60px;}
#lower-nav li {display:inline;list-style-type:none;padding-left:20px;font-size:10px; font-weight:bold;}
#lower-nav li a {font-size:10px;font-weight:bold;_font-weight:800;text-decoration:none;}
#lower-nav li a:hover {color:#ccc;}	



/* lead-headlines-block & relativeFrame & transparency & secondary lead headlines
 * ---------------------------------------------------------------------------- */
#lead-headlines-block{
	margin:0px;
	padding:0px;
	font-size:11px;
	background-color:#ccc;
	height: 360px;
	position: relative;
	}
	
#relativeFrame {
	position: relative; 
	z-index: 1; margin-top:-68px;_margin-top:-83px;;padding-left:8px;
	}
	
#relativeFrame h1 a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	}

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

#relativeFrame div#frm0 { visibility: visible }

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

#relativeFrame p{
	color:#000;margin-top:10px;
	}

#relativeFrame .date {
	font-size:11px;
	margin-top:3px;
	}



/* lead-photo
 * ---------------------------------------------------------------------------- */

#lead-photo { float:left;  margin:8px 8px 3px 3px;}

#lead-photo img{border:2px solid #000;}


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

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

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

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

#minis{
	margin:0;
	padding:4px 0px 0px 0px;
	}

#minis a img {
	opacity: .50;
	filter: alpha(opacity=50);
	border:2px solid #000;
	margin-bottom:3px;
	}

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

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


#controls {
	position:absolute;
	top:246px;_top:243px; 
	left:358px;
	background:#000;
    border:1px solid #fff;
    opacity: .8;
	filter: alpha(opacity=80);
	}

#controls div {float:left;color:#fff;}

#controls a {color:#fff;text-decoration:none;}

#controls #control-prev, #controls #control-next {background:#000;}

#controls #play-pause {border-right:1px solid #fff;border-left:1px solid #fff;padding-bottom:2px;}

#controls #control-prev {padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}

#controls #control-next {padding-left:20px;padding-right:20px;padding-bottom:4px;padding-top:4px;}


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

#sport-lead-block {padding-left:8px;}

#sport-block img {border:1px solid #000;}

#sport-block p,#sport-block h1 {background:#000;width:378px;}

#sport-block h1{padding:4px 0px 3px 5px;width:375px;}

#sport-block h1 a{color:#b0936b;font-size:14px;text-decoration:none;}

#sport-block p.date{padding-bottom:10px;color:#fff;}

#sport-block p .more {color:#b0936b;}

#sport-block p {color:#fff;font-size:11px;padding-left:5px;width:375px;padding-bottom:10px;}	






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

#sport-minis {padding-top:5px;width:370px;padding-left:8px;}

#sport-minis h1{padding-top:6px;}

#sport-minis h1 a {font-size:12px;text-decoration:none;}

#sport-minis h1 a:hover {color:#b0936b}

#sport-minis p {font-size:11px;}

#sport-minis p.date {margin-bottom:10px;}

#sport-left img{float:left;margin-right:5px;border:1px solid #000;margin-bottom:15px;}

#sport-right img{float:right;margin-left:5px;border:1px solid #000;}


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

#sec-headlines, #sec-headlines * { margin:0; padding:0; }

#sec-headlines li {color:#fff;font-size:11px;padding-left:8px;}

#sec-headlines li a {text-decoration:none;color:#b0936b;}

#sec-headlines li a:hover {text-decoration:none;color:#b0936b;}

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

#sec-headlines .sport {color:#b0936b;padding-top:8px;}

#sec-headlines .headline a{color:#fff;}

#sport-body #sec-headlines .date {padding-top:8px;color:#b0936b;}






#features-wrap, #features-wrap * { margin: 0; padding: 0 }

#features-wrap img {float:left;margin-bottom:10px;margin-right:10px;border:1px solid #000;}

#features-wrap p{margin-bottom:5px;}

#features-wrap {margin-top:10px;margin-left:10px;}

#features-wrap .features .name {padding-top:10px;}

.features a {text-decoration:none;font-size:11px;}

.features .sport a {border-bottom:1px dotted #000;}

.features .date {font-size:11px}

#features-wrap .features .year {padding-top:3px;}

.features .border {border-top:1px solid #000;width:170px;display:block;}


#promo-graphics img {margin-bottom:5px;padding-left:15px;}


/* sport-links
 * ---------------------------------------------------------------------------- */


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


#sport-links {width:290px;padding-left:10px;padding-bottom:30px;padding-top:10px;margin-bottom:5px;background:#fff;}

#sport-links a {text-decoration:none;}

#sport-links ul {margin:0;padding:0px 0px 0px 5px;}

#sport-links li {list-style-type:none;padding-bottom:3px;}



#sport-links h1 {margin:0;margin-top:10px;padding-left:5px;font-size:13px;}


/* Index Calendar/Events
 * ---------------------------------------------------------------------------- */

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

.calendar {width: 100%;_width:97%;background:#fff;}

.calendar td {padding:2px}

.calendar-body td{font-size:10px;padding-left:8px;}

#content-calendar .calendar-body td a{color: #000; font-size:10px;text-decoration:none;}

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

#content-calendar .calendar-date td { 
	background-color: #b0936b; 
	color: #000; 
	font-size:11px;
	font-weight: bold;
	}

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


/* video
 * ---------------------------------------------------------------------------- */

#video {padding-left:6px;padding-bottom:10px;}

#video-clips {margin-top:15px;margin-left:12px;margin-bottom:15px;}

#video-clips ul {margin:0;padding:0;}

#video-clips li {list-style-type:none;padding-bottom:3px;}

#video-clips li a {color: #b0936b;font-weight:normal;}

#video-clips li img {padding-right:6px;}

#video-clips li a:hover {color: #ccc;font-weight:normal;}

#video-links
{padding:10px;}

#video-links a
{color: #b0936b;}
/* sidebar
 * ---------------------------------------------------------------------------- */

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

#sidebar {margin:0;}

#sidebar h3 { margin-top:15px;}


/* 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 {
	border: solid #aaa; 
	border-width: 2px 0;
	display: block;
	padding-top: 6px;
	text-align: center;
	width: 460px
	}
	
/* ads
 * ---------------------------------------------------------------------------- */	

#footer-promos
{background:#000;
border:2px solid #b0936b;
border-top:none;
padding:10px 0 10px 0;}

#footer-promos img
{border:0px solid #b0936b;
margin-left:11px;
}



#holder-story {
	width:298px;
	height:250px;
	}

#top-banner {float:left;height:90px;background:#4d4d4d;}

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

#tickets {width:272px; height:89px;float:left;background:#fff;}


/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	background:#4d4d4d;
	padding-top:100px;
	padding-bottom:20px;
	color:#000;
	text-align:center;
	margin:0 auto;
	}
	
	#footer a:link, #footer a:visited {color:#fff;text-decoration:none;}
	#footer a:hover, #footer a:active {color:#b0936b;}