/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Ashton R. Edwin-Kent
 	CSS Document: mioh-08-display.css
 ---------------------------------------------------------------------------- 
*/


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


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

body { 
	background:#000 url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-bg.jpg") 1001px 0px repeat-x;
    color: #000;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    margin:0;  padding:0	
}

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

#sky-search
{position:absolute;
top:385px;
left:830px;
z-index:99;
}

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 }
.image-block, .image-block img { _display:block; display:block; }
.image-block2 { _display:block; display:block; background:url("http://grfx.cstv.com/schools/mioh/graphics/mioh-10-top-stories.gif"); width:564px; height:37px;}
.image-block2 img {float:right; margin-right:25px;}
.mast-wrap { float: left; }
.clear { 
	clear: both; 
	
}
.promo-graphic {
	background: #333;
}

#print-email {
	width: 800px;
	margin: 150px 0px auto;
	background: #fff;
	text-align: center;
	clear: both;
}

.print-culture {
	margin: 0px auto;
	padding: 0px;
}

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

.sport-button {
	padding-bottom: 3px;
	z-index: 99999px;
}

.recruits {
	background: #000;
}

#vidplayertargIE {
	margin-left: 5px;
}

.photo_gradiant {
	width:542px;
	height:320px;
	background: url('http://grfx.cstv.com/schools/mioh/graphics/mioh-08-bsi-overlay.png') no-repeat;
	*background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://grfx.cstv.com/schools/mioh/graphics/mioh-08-bsi-overlay.png', sizingMethod='scale');
	}

#pngWrap {
	margin-left:1px;
	width:542px;
	height:320px;
	}

#pngBsi {
	width:542px;
	height:320px;
	background:transparent url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-bsi-overlay.png") no-repeat;
	}

.sport-header {
	background: #fff;
}

.advertisement {
	background: #000;
}

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

#wrap { 
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-07-bg-wrap.gif") repeat-y;
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	}
	
#mast {
	width: 1000px;
	margin: 0 auto;
	}

#story-content {
	width:796px;
	background:#fff;
	padding:10px;
	}

/*#story-content ul {
	margin:0;padding-left:20px;
	}
	
#story-content li {
	margin:0;padding-bottom:2px;
	}	*/


#mast-banner {
	width: 728px;
	height: 90px;
	background: #000;
	padding-bottom: 3px;
}

#holder-banner {
	width:160px;
	height:600px;
	background:#000;
}

#mast-logo2 {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-logo2.gif") no-repeat;
	width: 34px;
	height: 38px;	
}

#mast-logo5 {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-logo5.gif") no-repeat;
	width: 33px;
	height: 24px;	
}

#mast-left-player {
	width: 		780px;
	height: 	129px;
	overflow:	hidden;
	clear: 		both;
}

#mast-header {
	width: 1000px;
}

#mast-header-right {
	width: 781px;
}

#mast-header-scoreboard {
	width: 747px;
	height: 24px;
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-bg-scoreboard.gif") no-repeat;
}

#mast-header-main {
	width: 		1000px;
	height: 	191px;
	clear: 		both;
}

#mast-header-mainnav {
	padding-top: 0px;
}

#mast-player {
	width: 		350px;
	height: 	449px;
	position: 	absolute;
	top: 		0px;
	left: 		645px;
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
	z-index:5;
}

#hdr { }

#scoreboard { }

#rcontent {
	width: 250px;
	height: 118px;
	color: rgb(255, 255, 255);
	font-size: 10px;
	margin-left:25px;
}

.rcontent-div {
	border-bottom: 1px solid #fff;
}

#rcontent a:link,
#rcontent a:active,
#rcontent a:hover,
#rcontent a:visited {
	color: #fff;
	text-decoration: none;
}

#rcamera {
	display: inline;
	padding-left: 13px;
}


#title-wrap
{width:816px;
height:35px;
display:block;
}


#title-wrap img
{margin:0;
padding:0;
display:block;}

#title
{width:500px; 
height:35px; 
float:left;display:block;}

#sport-nav-wrap
{background: url('http://grfx.cstv.com/schools/mioh/graphics/mioh-09-bg-hdr.gif') no-repeat; 
position:relative;
width:316px; 
_width:314px; 
height:35px; 
float:left;display:block;
z-index:1000;}






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

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

#nav {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") no-repeat;
	height: 27px;
	position: relative;
	width: 509px;
	z-index: 99999; 
	margin-top: 11px;
	}
	
#nav span { display:none; }

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

#nav li { float: left; }


#nav-01 { width:74px; }
#nav-02 { width:83px; }
#nav-03 { width:100px; }
#nav-04 { width:147px; }
#nav-05 { width:104px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") 0 -27px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") -74px -27px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") -157px -27px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") -257px -27px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") -404px -27px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") 0 -27px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") -74px -27px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") -157px -27px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") -257px -27px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-nav.gif") -404px -27px }

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

NAVIGATION DROP DOWNS:
Text OFF Color = #fff 
Text ON Color = #b91f25 
Background OFF Color = #000 
Background ON Color = #000 
Border = #c2c3c6 1px

 */

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

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


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

		_width: 100%
		}

	#nav li li a:hover { 
		background: #000; 
		color: #b91f25; 
		}

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

	#nav .header a, #nav .header a:hover { 
		background: #000; 
		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: #BF3130; color: #fff; font-weight: bold }

/* sportnav
 * ---------------------------------------------------------------------------- */

	#sportnav {
		
		padding: 14px 0px 0px 24px;
		margin: 0px;
		width: 292px;
		
		
	}

	#sportnav, #sportnav li a:link, #sportnav li a:visited, #sportnav li a:hover, #sportnav li a:active {
		color: #fff;
		/*color: #b91f25;*/
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10px;
	}

	#sportnav ul {
		padding: 0px;
		margin: 0px;
	}

	#sportnav li {
		display: inline;
		_display: inline;
	}

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

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

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

	.calendar p { margin-bottom: 4px }

	.calendar p.date { 
		background-color: #fff;
		color: #222;
		height: 18px;
		margin-bottom: 0; 
		line-height: 18px
		}

	.calendar ul { list-style-type: none }

	.calendar li { display: inline; padding-right: 4px }

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

#columns {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-bg-content.gif") repeat-x;
	margin: 0px auto;
	width: 1000px;
}

#column-1, #column-1-bottom {
	width: 830px;
}

#column-1-sport {
	width: 830px;
}

#column-1-sport-header {
	width: 816px;
	background: #fff;
/*    padding: 6px; */
}

#column-1-sportsbar {
	width: 497px;
	height: 35px;
}

#bsi-wrap, #column-1-top-bsi {
	background: url('http://grfx.cstv.com/schools/mioh/graphics/mioh-08-bsi-bg.gif') repeat-x;
	width:544px;
}	
	
#column-1-top-aa-bg {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-bg-aa.gif") no-repeat;
	width: 285px;
}

#aa-sport-header {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-hdr-aa-sport.gif") no-repeat;
	width: 266px;
	height: 76px;
}

#column-1-top-store {
	padding-left: 11px;
}

#column-1-top-aa-store {
	width: 			280px;
	position: 		relative;
	z-index:		9999;
}

#cstvad {
	position: 		relative;
	z-index:		9999;	
}
#column-1-top{
	width:830px;
}

#column-1-bottom-miami {
	padding-left: 20px;
	padding-top: 6px;
	width: 371px;
}

#column-2 {
	width: 160px;
	display:block;
	float:left;
}

#column-2-mast-player-index {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-bg-search.gif") no-repeat -17px 0px;
	width:		170px;
	height:		165px;
}

#column-2-mast-player-index2 {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-bg-search.gif") no-repeat 0px 0px;
	width:		17px;
	height:		37px;
}

#column-2-mast-player {
/*	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-bg-search.gif") no-repeat -9px 0px;*/
	/*background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-bg-search.gif") no-repeat -17px 0px;
	*/width:		170px;
	height:		165px;
}

#column-2-mast-player-story {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-mast-bg-search.gif") no-repeat -3px 0px;
	width:		170px;
	height:		165px;
}


.column-wrap {
	float: left;
}

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

#lead-headlines {
	width: 542px;
}

#lead-headlines p {
	margin-top: -70px;
}

#lead-headlines h1 {
	margin-top: -70px;
}

#lead-headlines h1 a:link,
#lead-headlines h1 a:active,
#lead-headlines h1 a:hover,
#lead-headlines h1 a:visited {
	color: #000;
	text-decoration: none;
}

#sub-headlines {
	
}

#sub-headlines div {
	padding-left: 4px;
}

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

#relativeFrame {
	margin-top: -58px;
	position: relative; 
	width:542px;
	z-index: 1
}

#relativeFrame div {
	width:524px;
	position: absolute; 
	visibility: hidden;
	z-index: 1;
	padding-left: 10px;
}

#relativeFrame div#frm0 { visibility: visible }

#relativeFrame a:link,
#relativeFrame a:hover,
#relativeFrame a:visited,
#relativeFrame a:active {
	color: #000;
	text-decoration: none;
}

#minis{
	margin:0;
	padding:0;
	width:542px;
	padding-top: 12px;
	z-index: 99999;
}

#minis div{
	float:left;
	width:120px;
	padding-left: 10px;
}

#minis img {
	padding-bottom: 2px;
}

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

#controls {
	display:none;
}

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

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

#controls li {
	float: left; 
	list-style: none; 
	_display: inline; 
}

#secondary-headlines {
}

#secondary-headlines h1 {
	font-size: 1.2em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#secondary-headlines p {
	font-size: 0.95em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#secondary-headlines .pubdate {
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 25px;
	margin-bottom: 0px;
}

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

	#column-1-headlines {
		float: left;
		background: none no-repeat scroll 0%;
		margin-left:0px;
		margin-top:0px;
		padding-left:0px;
		padding-top:6px;
		z-index:99999;
		width: 429px;
		}

	#headlines-tab ul {
		background: #000 url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-tabs-headlines.gif") no-repeat;
		height: 36px; 
		width: 439px;
		}

	#column-1-headlines ul { margin:0; padding:0 }
	#column-1-headlines ul li { float: left; list-style: none;  text-indent: -9999px; }
	#column-1-headlines ul li, #column-1-headlines ul a { 
		color:#443120;
		display: block;
		height: 36px;
		text-align:center;
		text-decoration:none;
		}

	#tab-hea {
		width: 148px;
		}
	
	#tab-cal {
		width: 137px;
		}
	
	#tab-fea {
		width: 146px;
		}
	
	
	.fea h1 {font-size:11px;margin:0;padding-top:3px;width:128px;text-align:center;}

	.fea h1 p {margin:0;padding-bottom:10px;text-align:center;}
	
	.fea p {text-align:center;margin:0;padding:3px 0px 6px 0px;}
	.fea p a {color:#b91f25;}

	.fea div {width:128px;margin:0 auto;float:left;}
	
	.fea #container div {
		width:128px;
		margin:10px 0px 0px 8px;
		}

	#column-1-headlines.hea #tab-hea { color: #000; background: #fff url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-tabs-headlines.gif") 0 -36px }
	#column-1-headlines.cal #tab-cal { color: #000; background: #fff url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-tabs-headlines.gif") -148px 36px }
	#column-1-headlines.fea #tab-fea { color: #000; background: #fff url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-tabs-headlines.gif") -285px 36px }

#tab-container {
	background: url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-tabs-headlines.gif") no-repeat;
	width:439px;
	height:36px;	
}

#container {
	background: #fff url("http://grfx.cstv.com/schools/mioh/graphics/mioh-09-bg-headlines.gif") no-repeat scroll;
	width: 429px;
	height: 328px;
	border-left: 5px solid #b92025;
	border-bottom: 5px solid #b92025;
	border-right: 5px solid #b92025;
	overflow: auto;
}

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

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	background: #000 url("http://grfx.cstv.com/schools/mioh/graphics/mioh-08-bg-footer.gif") repeat-x top;
	text-align: center;
	width: 1000px;
	margin: 0px auto;
	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #fff }
	
#footer-btn-wrap {
/*	width: 1018px; */
	width: 1006px;
}

body#sport-body #footer-btn-wrap {margin-top:70px;}

#footer-btn-wrap-sport,
#footer-btn-wrap-non-sport {
	width: 1000px;
}

.footer-btn-div {
	float: left;
}

/* disclaimer
 * ---------------------------------------------------------------------------- */

#disclaimer {
	color: #222;
	width: 1000px;
	margin: 0px auto;
	text-align: center;
	padding-bottom: 20px;
	clear: both;
	}
	
	#disclaimer a:link, #disclaimer a:visited { color: #fff }
	#disclaimer a:hover, #disclaimer a:active { color: #fff }

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

	.calendar { width: 413px; }

	.calendar td { padding: 2px }

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

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

	.calendar tr.calendar-headers td { font-weight: bold }
	
/* video
 * ---------------------------------------------------------------------------- */
	#video-ad {background-color:#000000; width:266px; margin-left:5px;}
	
	#storyNav{
	position:relative;
	z-index:800;
	}