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


/* colors
 ----------------------------------------------------------------------------
	text: #000
	link: #000
 	link.hover: #000
 ----------------------------------------------------------------------------
*/


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

body 
{ 
	background: #fff;
	color: #000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
}

td
{
	font: 12px Verdana, Arial, 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; 
	height: 0.01em; 
	overflow: hidden;
        display:none;
	}

#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 }


.tablecontent-title td {background-color:#75392B; color:#FFF; font-size:12px; font-weight:bold;}

.tablecontent-header td {color: #000; background-color:#F8D39C; text-align: right; font-size:12px; font-weight:bold;}

.tablecontent-total td {color: #000; font-size:11px;  text-align: right; font-weight:bold;}

.tablecontent td {color: #000; font-size:11px; text-align: right;}



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


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

#wrap 
{ 
	background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-bg-wrap.gif") repeat-y;
	border:1px #fff solid;
}
	
#mast 
{
	background: #fff url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-masthead.gif");
	width:1000px;
	height:157px;
 }

#container
{width:996px;border:2px #fff solid;}

#hdr { float:left;

width:500px;
height:157px;
display:block;}



#index-search
{float:right;
padding-right:30px;
margin-top:45px;}
#search
{
float:left;
padding-left:60px;
margin-top:35px;
width:436px;}


#sport-skyscraper
{position:absolute;
left:1045px;
top:1px;
}



#holder-skyscraper
{
text-align:center;
margin:10px 0 5px 5px;
background:#eee;
border:1px solid #555;
width:240px;
padding:5px 0;
}

body#sport #sport-skyscraper #holder-skyscraper{
text-align:center;
margin:10px 0 5px 5px;
padding:0;
width:160px;
border:none;
}

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

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

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

#column-1 
{
	width:541px;
	
	
}


body#story #column-1 
{
	width:712px;
padding:15px;
background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-bg-story.gif");
	
	
}

#column-2 
{
	width:455px;
}

#column-2-a 
{
	width:201px;
	float:left;
	
	
}

#column-2-a img {
	margin-left:1px;
	
}

#column-2-b 
{
	width:250px;
	float:left;
}

#column-3 
{
	width:250px;
}

body#story #column-3 
{
	width:250px;
border-left:1px solid #ccc;
}


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

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

#nav {
	background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") no-repeat;
	height: 27px;
	position: relative;
	width:996px;
	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:90px; }
#nav-02 { width:130px; }
#nav-03 { width:170px; }
#nav-04 { width:110px; }
#nav-05 { width:130px; }
#nav-06 { width:80px; }
#nav-07 { width:190px; }
#nav-08 { width:96px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") 0 -27px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -90px -27px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -220px -27px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -390px -27px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -500px -27px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -630px -27px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -710px -27px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -901px -27px }


#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") 0 -27px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -90px -27px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -220px -27px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -390px -27px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -500px -27px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -630px -27px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -710px -27px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-nav.gif") -901px -27px }


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

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

	#nav ul {
		border: solid #000;
		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 #000; text-indent: 0; }


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

		_width: 100%
		}

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

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

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




/* lead-headlines-block & relativeFrame & transparency
 * ---------------------------------------------------------------------------- */


#hfrms
{
	
	width:537px;
	}
	
#hfrm0,#hfrm1,#hfrm2,#hfrm3
{
	visibility:hidden;
position:absolute;
	z-index:3;
margin-left:6px;
		width:531px;

}

#hfrm0 { 
	visibility:visible;
	}


#hfrms h1 
{color:#fff;
font-size:17px;
z-index:3;
text-decoration:none;}



#bsi-wrap
{background: url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-bg-bsi.gif") repeat-x ;
height:205px;}


#lead-headlines-block 
{ 
	width:539px;

border-top:2px solid #bdb6b0;
border-left:1px solid #bdb6b0;
border-right:1px solid #bdb6b0;
border-bottom:1px solid #bdb6b0;
margin-bottom:3px;
	
}



#transparency {
	background-color: #000;
	display: block;
	height: 35px;
	opacity: .85;
	position: absolute;
	left:5px;
	top: 631px;
_top: 634px;
	width: 537px;
	filter: alpha(opacity=85);
}



 



#lead-photo img
{
	
	width:537px;
	height:324px;

padding:0 1px 0 1px;
margin-top:2px;

}


#sport-headline-wrap
{
	
	width:537px;
	
border-top:2px solid #bdb6b0;
border-left:1px solid #bdb6b0;
border-right:1px solid #bdb6b0;
border-bottom:1px solid #bdb6b0;
padding:2px 1px 0 1px;
margin:0 0 3px 0;
}


#relativeFrame 
{
	position:relative;
width:525px;

	
}

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

}

#relativeFrame div#frm0 
{ 
	visibility: visible;
}





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

#lead-headlines
{width:517px;
padding:10px;
}


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


#lead-headlines h2
{color:#000;
text-decoration:none;
font-size:12px;
font-weight:100;
padding:0 10px 15px 0;}

#lead-headlines h2 a
{color:#5d2e24;
font-size:10px;}

p.pubdate
{
	color:#000;
	font-size:9px;
	font-weight:bold;
}

.more a
{
	color:#620001;
	font-size:11px;
}



.headline a
{
	font-size: 17px;
	color:#000;
	font-weight:bold;
}



#synopsis
 {
	font-size: 11px;
	font-weight: bold;
	color:#000;
	}
	
body#page-sport .lead-headlines { padding: 8px }






#sec-headlines-wrap
{
	width:517px;
height:150px;
overflow:auto;
border-top:2px solid #bdb6b0;
border-bottom:1px solid #bdb6b0;
border-left:1px solid #bdb6b0;
border-right:1px solid #bdb6b0;
margin:1px;
padding:10px;
background: #efc491 url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-bg-moreheadlines.gif") repeat-x;
_background-attachment: fixed; 
}

#sec-headlines a
{
	
	text-decoration:none;
	color:#5d2e24;
	font-size:11px;
line-height:15px;
}


#sec-headlines a:hover
{color:#000;}
#sec-headlines
{
	
	color:#5d2e24;
	font-size:11px;
}

#secondary-headlines h2 a:hover
{
	font-weight:900;
	text-decoration:underline;
	color:#ea6f31;
	font-size:12px;
}



#secondary-headlines h2 
{
 	margin-top:0;
	margin-bottom:0;
}

#secondary-headlines
{
    color:#000;
	font-size:11px;
}
	
	
#secondary-photo
{
	padding:0px 10px 10px 0px;
	width:75px;
}

/* minis
 * ------------------------------------------------------------------------- */	


#minis-wrap
{
margin:15px 0 0 5px;
}


#minis
{ 
	margin:5px 0 0 0; 

}



#minis div 
{
	float:left; 
padding:3px;
	_padding:2px;
}

#minis a img
{
opacity: .50;
	filter: alpha(opacity=50);

	}




#minis a, #minis div, #minis img 
{ 
	height: 105px;
	width: 126px;

}




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


#control-numbers
{
	position:absolute;
top:668px;
_top:670px;
left:395px;
z-index:999;

}

#sport-control-numbers
{
	position:absolute;
top:690px;
_top:692px;
left:395px;
z-index:999;

}



/*CALENDAR*/
.calendar, .calendar * { 
	border-collapse: collapse; 
	margin: 0px; 
	padding: 0px;
	  
}
#events-wrap
{height:258px;
overflow:auto;
border-top:2px solid #bdb6b0;
border-bottom:1px solid #bdb6b0;
border-left:1px solid #bdb6b0;
border-right:1px solid #bdb6b0;
padding:2px;
background: #efc491 url("http://grfx.cstv.com/schools/stbo/graphics/stbo-08-bg-moreheadlines.gif") repeat-x;
}
.calendar { width: 100%;}
.calendar td { padding: 1px 3px; }
.calendar td.dailydate { background:#5d2e24;color: #e6b67c; font-weight: bold;font-size:11px; }
.calendar tr.categories td { background:#bdb6b0;color: #5d2e24; font-weight: bold;font-size:11px;}
.calendar tr.calendar-info td {color: #5d2e24; font-size:11px;}

.calendar tr.calendar-info td a:active{color: #5d2e24; font-size:11px;text-decoration:none;}
.calendar tr.calendar-info td a:visited{color: #000; font-size:11px;}
.calendar tr.calendar-info td a:link{color: #5d2e24; font-size:11px;}
/*CALENDAR*/


#sport-events{
margin-left:1px;
width:187px;
height:185px;
overflow:auto;
border-top:2px solid #bdb6b0;
border-left:1px solid #bdb6b0;
border-right:1px solid #bdb6b0;
border-bottom:1px solid #bdb6b0;
margin-bottom:3px;font-size:10px;
color:#5d2e24;
padding:5px;
background:#eee;
}

#sport-calendar a
{
color:#5d2e24;
font-size:10px;
}

#sport-cal-date
{
color:#5d2e24;font-size:10px;
font-weight:bold;
}





#student-corner-wrap
{
border-left:1px solid #bdb6b0;
border-right:1px solid #bdb6b0;
border-bottom:1px solid #bdb6b0;
width:450px;
height:170px;
}


#saotw
{float:left;
width:228px;
background:#eaeaea;
}

#saotw-photo
{float:left;
width:72px;
padding:3px 3px 0 7px;
}

#saotw-info
{float:left;
width:140px;}

#saotw-info a
{color:#5d2e24;font-size:10px;
}


#stu-spot
{float:left;
width:218px;
background:#ccc;
margin-left:4px;
_margin-left:0;}

#stuspot-photo
{float:left;
width:72px;
padding:3px 3px 0 7px;}

#stuspot-info
{float:left;
width:134px;}

#stuspot-info a
{color:#5d2e24;font-size:10px;}





/* SPORTS
 * ---------------------------------------------------------------------------- */

#story-headline-wrap
{margin-bottom:40px;

width:712px;}

#sport-title
{float:left;
color:#5d2e24;
font-size:15px;
text-transform:uppercase;
font-weight:bold;}


#story-title
{
color:#5d2e24;
font-size:15px;
text-transform:uppercase;
font-weight:bold;
}

#sport-nav
{float:right;
color:#5d2e24;
text-decoration:none;
font-size:10px;
font-weight:bold;
padding-right:10px;}

#sport-nav a
{color:#5d2e24;
text-decoration:none;
font-size:10px;
font-weight:bold;}

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

 







#sport-lead-headline
{position: absolute;
top:545px;
left:10px;
width:517px;
z-index:3;
color:#000;
font-size:12px;}

#sport-lead-headline a
{color:#5d2e24;
text-decoration:none;
font-size:10px;}

#sport-lead-headline h2 a
{color:#fff;
z-index:3;
font-size:15px;
text-decoration:none;

}


#sport-transparency {
	background-color: #000;
	display: block;
	height: 35px;
	opacity: .85;
	position: absolute;
	left:5px;
	top: 651px;
	_top: 654px;
	width: 537px;
	filter: alpha(opacity=85);
}


#sport-lead-headlines
{width:537px;
position:absolute;
top:-82px;
_top:-70px;
left:10px;}


#sport-lead-headlines h1 a
{color:#fff;
text-decoration:none;
font-size:15px;
z-index:3;}


#sport-lead-headlines h2
{color:#000;
text-decoration:none;
font-size:12px;
font-weight:100;
padding:0 10px 15px 0;}

#sport-lead-headlines h2 a
{color:#5d2e24;
font-size:10px;}



#sport-minis-wrap
{position:absolute;
top:680px;}



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

#sidebar
{background:#e6b67c;
padding:3px;
width:195px;
background: url(http://grfx.cstv.com/schools/stbo/graphics/stbo-08-bg-sportlinks.gif);
height:347px;
overflow:auto;


}

.sidebarlink a
{color:#5d2e24;
text-decoration:none;
font-size:11px;}

.sidebarlink 
{color:#5d2e24;
text-decoration:none;
font-size:11px;} 

.sidebarheader
{color:#5d2e24;
font-weight:bold;
font-size:11px;}

.sidebarlink a:hover
{color:#000;}

#video-ad{
width:240px;
background:#777;
padding:5px 2px 3px 7px;
height:64px;
}

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

#footer-imgs 
{
	width:985px;
text-align:center;
margin-top:25px;
}

#footer-imgs img
{padding:0 75px 0 75px;}


/* footer
 * ---------------------------------------------------------------------------- */
	
#print-foot
{margin-top:55px;
text-align:center;
}

#footer {
	
	padding: 20px;
	text-align: center
	}
	
	#footer a:link, #footer a:visited { color: #444 }
	#footer a:hover, #footer a:active { color: #666 }
