/* 
 ----------------------------------------------------------------------------
	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: url("http://grfx.cstv.com/schoolslt/masl/graphics/masl-09-bg.gif") repeat-y;
    font: 11px Arial, Verdana, Helvetica, sans-serif;
    margin:0;  padding:0
}

td
{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222;
}
#images-blok
{display:block;}

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 }

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

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


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

	
#mast {
	width:830px;
	height:170px;
	background:#004684;
	display:block;
}

#mast img{
display:block;
}

#mast-L{
	float:left;
	width:521px; 
	height:144px;
	display:block;
	}

#mast-R{
	float:left;
	width:308px;
	height:144px;
	display:block;
	}


#mast-R img, #mast-L img{
	display:block;
} 

#scoreboard {
	display:block;
}

#fanpoll
{
	width:190px;
	
}

.pollquestion, .pollanswers
{
	color:#000;
}
#scoreboard-wrap {
	margin:0px;
	padding:0px;
	width:730px;
	height:40px;
	float:left;
}
#search {
	background:#004585;
	text-align:center;
	width:100px;
	float:left;
	padding:0;
	margin:0;
	height:40px;
	overflow:hidden;
}


#title
{padding-left:15px;}


#side-nav-wrap
{width:180px;

margin-top:15px;
}


#image-pad
{padding-left:5px;}


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

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

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

#column-1 {width:180px; } 
#column-2 {width:456px;
background: url("http://grfx.cstv.com/schoolslt/masl/graphics/masl-09-top-crnr.gif") no-repeat;  }
#column-3 {width:190px; }

body#story #column-2 {width:650px; 
background:#fff url("http://grfx.cstv.com/schoolslt/masl/graphics/masl-09-top-crnr.gif") no-repeat;}

.story-pad
{padding:10px 5px 0 16px;}

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

#nav, #nav * { _border-collapse: collapse; list-style: none; margin: 0; padding: 0 }

#nav { 
	position: relative; 
	width: 180px;
	z-index: 99
	}

#nav li { 
	border: none;
	font-weight: bold;
	font-size: 1.1em;
	float: left;
	position: relative;
	width: 180px 


	}

#nav a { 
	padding-left:10px;
	color: #fff;
	display: block;
	padding: 2px 0 2px 2px;
	text-decoration: none;
border-bottom:1px #fff solid;
	}

#nav a:hover { 
	background:#ac1100;
	color: #fff; 
	text-decoration: none 
	}

#nav-01, #nav-02
{background:#ac1100;}
	

	
	/* navigation dropdown: vertical
	 * ------------------------------------------------------------------------- */

	#nav ul {
		left: -9999px;
		position: absolute;
		z-index: 99
		}		

	#nav ul, 
	#nav li li { background:#004684; width: 180px }

	#nav li:hover ul, 
	#nav a:hover ul { background:#004684; left: 180px; top: 0 }
	
	#nav li li { background:#004684;
 font-weight: normal; font-size: 1.0em }
	
	#nav li li a {
		color: #fff;
		display: block;
		padding: 2px;
		text-decoration: none;
		
		_width: 146px;
		}

	#nav li li a:hover, #nav li:hover>a, #nav #recreation:hover>a  { 
		background: #ac1100; 
		color: #fff;
		
		_width: 146px;
		}


/* navigation: .nav
 * ------------------------------------------------------------------------- */

.hdr-nav { background: #004684;  color: #fff; font-size: 1.0em; margin: 0; padding: 2px ;}

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

.nav { clear: both; width: 150px; }

.nav li { background: #004684; border-top: 1px solid #fff }

.nav a:link, .nav a:visited {
	color: #fff;
	display: block;
	padding: 2px;
	text-decoration: none;
	_width: 146px;
	}

.nav a:hover, .nav a:active { 
	background: #004684; 
	color: #fff;
	text-decoration: none;
	
	_width: 146px;
	}

#top-nav-wrap{
width:830px;
background:#004684 url("http://grfx.cstv.com/schoolslt/masl/graphics/masl-09-bg-top-nav.gif") no-repeat;
height:7px;
padding-top:10px;
display:block;
}

#top-nav{
float:left;
width:620px;
}


#top-nav a
{color:#fff;
padding-left:65px;
font-size:13px;
font-weight:bold;
text-decoration:none;}




#lead-headlines-wrap
{padding:0 15px 0 15px;}




#sec-headlines-wrap
{padding:0 16px 0 16px;}




#sport-nav-wrap
{
	float:right;
	color:#000;
	font-size:11px;
	padding:5px 0 20px 0;
}

#sport-nav-wrap a
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#sport-nav-wrap a:hover
{color:#ffc82e;}

#side-nav
{
	width:150px;
}

#side-nav a
{
	color:#fff;
	text-decoration:none;
	line-height:18px;
	font-size:11px;
	padding-left:5px;
}



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

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

#relativeFrame {
	position: relative; 
	width:430px;
	z-index: 1
}

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

#relativeFrame div#frm0 { visibility: visible }



#relativeFrame h1 a
{color:#004684;
font-weight:bold;
font-size:14px;
text-decoration:none;}

#relativeFrame a
{color:#004684;
font-weight:bold;
font-size:12px;
text-decoration:none;}


#sec-leads-wrap
{width:430px;
margin-top:20px;
color:#004684;}

#leads-grp-2 img
{float:left;
padding-right:10px;
padding-bottom:25px;

}




#leads-grp-2 a
{color:#004684;
font-weight:bold;
font-size:12px;
text-decoration:none;}

#leads-grp-2 .pubdate
{color:#004684;
font-weight:bold;
font-size:11px;
margin:0;
padding:0;}


#controls, #controls * { float:left;margin: 0; padding: 0 }

#controls{
background:#ffcc00;
width:42px;
}
#controls img{
float:left;
display:block;
}


#controls-wrap
{background:#ac1100;
width:190px;
height:20px;
padding-left:240px;
margin-bottom:10px;
}


#numbers img
{float:left;}

#sec-headlines-wrap
{margin-top:10px;
color:#004684;}

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

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


#sec-headlines-wrap .pubdate
{color:#004684;
font-size:11px;
font-weight:bold;
margin:0;
padding:0;}




.lead-headlines
{padding:0 16px 0 16px;color:#004684;}

#sportheadline1 img
{float:left;
padding-right:10px;}


#headline1 img, #headline2 img, #headline3 img
{float:right;
padding-left:10px;}

.more
{font-weight:bold}
.date
{font-weight:bold;
margin:0;
padding:0;}





h3 {margin:0;padding:0;}

#sportheadline1 h3 a, #headline2 h3 a, #headline3 h3 a
{color:#004684;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
text-decoration:none;
}

#sportheadline1, #headline2, #headline3
{margin-bottom:20px;}

#sportheadline1 a, #headline2 a, #headline3 a
{color:#004684;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;text-decoration:none;}

#sportheadline1 .date, #headline2 .date, #headline3 .date
{color:#004684;
font-size:11px;
margin:0;
padding:0;}


.sport-nav-links
{color:#004684;
padding-top:10px;
font-size:11px;}

.sport-nav-links a
{color:#004684;
text-decoration:none;
font-size:11px;}



#features-wrap
{
	margin-top:10px;
	width:180px;
padding:5px;
}


#features-wrap a
{
	color:#004684;
	text-decoration:none;
	
}

#features-wrap a:hover
{color:#000;}

#feature-date
{
	font-size:11px;
}

#events-wrap
{
	height:235px;
	overflow:auto;
	width:143px;
	margin:0 0 6px 0;
}

#calendar-wrap
{padding:7px;}

.calendar, .calendar * { font-size:12px;margin: 0; padding:0;color:#0053a1; }

.calendar h3, .calendar p, .calendar ul { padding-left:5px }

.calendar p { margin-bottom: 4px }

.calendar p.date { 
	
	color: #000;
	margin:7px 0;
	font-weight:bold; 
	line-height: 18px
}

.calendar ul { list-style-type: none;color:#0053a1; }

.calendar li { display: inline; padding-right: 4px;color:#0053a1; }

.calendar a
{
	color:#0053a1;
	font-size:12px;
}

.calendar-headers
{background:#e6e9ee;
color:#00694e;}




#side-promos img
{
	padding:3px 0 3px 0;
}


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

#sidebar-wrap
{width:175px;
padding-left:7px;color:#004684;
margin:5px 0 5px 0;

}
#sidebar-wrap a
{color:#004684;
line-height:20px;}

#sidebar h2
{font-size:11px;
color:#004684;font-weight:bold;}

#sidebar h2
{padding:0;
margin:0;}


#sidebar h2  a
{color:#004684;}

.sidebartitle 
{color:#004684;}

.sidebarheadline
{color:#004684;font-weight:bold;}

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

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

	.calendar { width: 100% }

	.calendar td { padding: 2px }

	.calendar tr.calendar-date { 
				background: #005fbc; 
				}
.calendar a
{color:#005fbc;}

.calendar tr.calendar-date td 
{color:#fff;
font-weight: bold;}


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

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

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

#print-footer a
{
	text-decoration:none;
	color:#004684;
	font-size:12px;
}
/* footer
 * ---------------------------------------------------------------------------- */
	
#story-foot
{padding-left:177px;}


#footer {
padding-top:15px;;
	width:830px;
	background:#004684;
text-align:center;
	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #666 }