/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Taylor Neilson
 	CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/


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


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

body { 
	background: #efefef url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bg-body.gif");
	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: #444; text-decoration: underline; }
a:hover, a:active { color: #666; text-decoration: underline; }

a { outline: none }

.noborder {margin:0px; padding:0px; border:0px; display:block;}

.redarrow {color:#ff0000; font-size:8px; font-family:Arial, Verdana, sans-serif; font-weight:bold;}
#dotfade {margin-bottom:3px;}
.dotfade1 {color:#ffffff;}
.dotfade2 {color:#eeeeee;}
.dotfade3 {color:#dddddd;}
.dotfade4 {color:#cccccc;}
.dotfade5 {color:#bbbbbb;}
.dotfade6 {color:#aaaaaa;}
.dotfade7 {color:#999999;}
.dotfade8 {color:#888888;}
.dotfade9 {color:#777777;}
.dotfade10 {color:#666666;}
.dotfade11 {color:#555555;}
.dotfade12 {color:#444444;}

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

.staticheadline {font-weight:bold; color:#8b0222; font-size:16px; font-family: Verdana, Arial, Geneva, Sans-Serif; text-decoration: none;}

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


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

#wrap { 
	background: url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bg-wrap.gif") repeat-y;
	width:
	}
#sport-wrap { 
	background: url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bg-wrap.gif") repeat-y;
	width:
	}
	
#mast-wrap {width:1000px; height:106px;}

#header-banner {width:1000px; height:106px; background:#003366; display:block;}
#banner {float:left; width:731px; height:95px; margin-top:8px; }
#header-promo {float:left; width:269px; height:106px;}
	
#mast {width:650px; height:106px; float:left; background:#000; }

#hdr { }

#scoreboard {width:350px; height:106px; float:left; }

#store {width:167px; height:180px; overflow:hidden; text-align:center;}


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

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

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

#column-1 {background:#efefef; width:167px; }
#column-2 {background:#ccc; width:833px; }


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

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

#nav {
	background: url("http://graphics.fansonly.com/schools/loyo/graphics/loyo-07-index-nav-bg.jpg") no-repeat;
	height: 22px;
	position: relative;
	width: 833px;
	padding-top:6px;
	z-index: 99;
	_z-index:99;
	}
#sport-wrap #nav {
	background: url("http://graphics.fansonly.com/schools/loyo/graphics/loyo-07-sports-nav-bg.jpg") no-repeat;
	height: 22px;
	position: relative;
	width: 833px;
	padding-top:6px;
	z-index: 99;
	_z-index:99;
	}

#nav span {}
#nav li .whitemenu {color:#fff;}

#nav li, #nav a {
	font-size: 11px;
	text-decoration:none; 
	height: 22px;
	display: block;
	text-transform:uppercase;
	color:#910029;
	}

#nav li { float: left; }


#nav-01 { width:110px; }
#nav-02 { width:130px; }
#nav-03 { width:98px; }
#nav-04 { width:134px; }
#nav-05 { width:96px; }
#nav-06 { width:75px; }
#nav-07 { width:100px; }
#nav-08 { width:100px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") 0 -21px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -160px -21px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -223px -21px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -347px -21px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -398px -21px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -497px -21px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -617px -21px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -714px -21px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") 0 -21px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -160px -21px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -223px -21px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -347px -21px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -398px -21px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -497px -21px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -617px -21px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/SCHOOLABBREV/graphics/SCHOOLABBREV-07-top-nav.jpg") -714px -21px }


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

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

	#nav ul {
		border: solid #910029;
		border-width: 0 1px;
		left: -9999px;
		top: 21px;
		position:absolute;
		z-index:99
		}
		
	#nav-08 ul { margin-left: -27px; }
	
	#nav li ul {margin-top:7px;}

	#nav ul, 
	#nav li li { width: 125px; }

	#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 #910029; text-indent: 0; }


	#nav li li a {
		background: #fefefe;
		color: #910029;
		display: block;
		padding: 3px;
		font-size:10px;
		text-decoration:none;
		_width: 100%
		}

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

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

	#nav .header a, #nav .header a:hover { 
		background: #910029; 
		color: #fff; 
		font-weight: bold
		}
		
		

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

	#nav li ul li ul  {
		display: none;
		width: 125px;
		margin-left: 125px; /* width of drop down nav +2 */
		margin-top: -21px; /* height of drop down nav item +1 */
		}

	#nav li ul li:hover ul, #nav li ul li.sfhover ul { display: block; }

	#nav li ul li ul li a {
		height: 12px;
		width: 100%;
		}

	#nav li li.tall, #nav li li.tall a {
		height:14px;
		line-height:14px;
		}

	#nav ul.right { margin-left: 125px; text-align: left }
	#nav li li.header a, #nav li li.header a:hover { background-color: #BF3130; color: #fff; font-weight: bold }
/* navigation: #nav 
*/


/* tabs
 * ---------------------------------------------------------------------------- */
#headlines-tab {float:left;position:relative;display:block; margin:0px; padding:0px;}
#calendar-tab {float:left;position:relative;display:block; margin-left:7px; padding:0px;}
#headlines-tab ul.headlines-1, #calendar-tab ul.calendar-1 { margin:0; padding:0 }
#headlines-tab ul.headlines-1 li, #calendar-tab ul.calendar-1 li{ float: left; list-style: none; text-indent: -9999px; }
#headlines-tab ul.headlines-1 span, #calendar-tab ul.calendar-1 span { display: none }


/* Headline tabs: #headlines-tab
 * ---------------------------------------------------------------------------- */	

#headlines-tab ul.headlines-1 { 
	background:url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-tabs-headlines.gif") 0 -29px;
	height: 29px; 
	width:374px	
	}

#headlines-tab ul.headlines-1 li, #headlines-tab ul.headlines-1 a { display: block; height: 29px }

#tab-headlines { width: 205px;}
#tab-features { width: 169px; }


#headlines-tab.on-headlines #tab-headlines { background: url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-tabs-headlines.gif") 0 58px }
#headlines-tab.on-features #tab-features { background: url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-tabs-headlines.gif") -205px 58px }	

#features, #headlines {
height:200px; 
padding:2px;
margin:0px;
overflow:auto;
border-left:1px solid #336699;
border-right:1px solid #336699;
border-bottom:1px solid #336699;
width:368px;
}
#features span {font-size:11px; color:#003366;}
#features a {font-size:11px; color:#003366; font-weight:bold; text-decoration:none;}
#features a:hover {text-decoration:underline;}

#features ul { list-style-type: none; margin: 0; padding: 0 }


/* Events tabs: #events-tab
 * ---------------------------------------------------------------------------- */	

#calendar-tab ul.calendar-1 { 
	background:url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-tabs-events.gif") 0 -29px;
	height: 29px; 
	width: 442px	
	}

#calendar-tab ul.calendar-1 li, #calendar-tab ul.calendar-1 a { display: block; height: 29px }

#tab-calendar { width:147px;}
#tab-results {width:145px;}
#tab-records { width: 150px; }


#calendar-tab.on-calendar #tab-calendar { background: url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-tabs-events.gif") 0 58px }
#calendar-tab.on-results #tab-results { background: url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-tabs-events.gif") -147px 58px }	
#calendar-tab.on-records #tab-records { background: url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-tabs-events.gif") -292px 58px }

#calendar, #results, #records { 
width: 436px; 
height: 200px; 
margin:0px;
background:#ffffff;
padding:2px;

border-left:1px solid #336699;
border-right:1px solid #336699;
border-bottom:1px solid #336699;
overflow: auto; 
}


/* main layout 
*/

#index-mininav-wrap {width:281px; height:426px;float:left;display:block; background:url('http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bsi-rand-1.jpg');}
#index-mininav-wrap2 {width:281px; height:426px;float:left;display:block; background:url('http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bsi-rand-2.jpg');}
#index-mininav-wrap3 {width:281px; height:426px;float:left;display:block; background:url('http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bsi-rand-3.jpg');}
#index-mininav-wrap4 {width:281px; height:426px;float:left;display:block; background:url('http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bsi-rand-4.jpg');}
#index-mininav-wrap5 {width:281px; height:426px;float:left;display:block; background:url('http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bsi-rand-5.jpg');}

#index-mininav {margin-left:10px;margin-top:10px;font-size:10px;color:#fff;}
#index-mininav a{font-size:12px; color:#9ab0c7; font-weight:bold; text-decoration:none;}
#index-mininav a:hover{color:#cccccc; text-decoration:underline;}
#index-bsi {width:552px; height:426px;
background-image: url('http://graphics.fansonly.com/schools/loyo/graphics/loyo-07-bsi-main.jpg');
background-repeat: no-repeat;
background-color:#00345c;
float:left; display:block;
}
#index-bsi-photo {float:left; width:405px; height:305px; display:block; position:relative;}
#index-bsi-minis {float:right; width:117px; height:295px; display:block; margin-right:5px; margin-top:7px;}
#index-bsi-minis .miniOn {filter:alpha(opacity=99);opacity:0.99;-moz-opacity:0.99;}
#index-bsi-minis div {filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;}
#index-bsi-content {width:542px; float:left; height:100px; position:relative; overflow:auto; margin-top:5px;}

#frame_photo {margin-left:11px; margin-top:21px; border:1px solid #003366;}
#sport-frame_photo {margin-left:20px; margin-top:14px; border:1px solid #003366;}
#relativeFrame{position:relative;}

/*    headline panels  */
#frm0{position:absolute; margin-left:10px;width:500px;}
#frm1{position:absolute; visibility:hidden;margin-left:10px;width:500px;}
#frm2{position:absolute; visibility:hidden;margin-left:10px;width:500px;}
#frm3{position:absolute; visibility:hidden;margin-left:10px;width:500px;}
/*    headline panels  */

/*    Minis  */
#mini0{position:relative; width:112px; height:67px; margin-top:2px; border:1px solid #336699;}
#mini1{position:relative; width:112px; height:67px; margin-top:2px; border:1px solid #336699; display:none;}
#mini2{position:relative; width:112px; height:67px; margin-top:2px; border:1px solid #336699; display:none;}
#mini3{position:relative; width:112px; height:67px; margin-top:2px; border:1px solid #336699; display:none;}
/*    Minis  */

#bsiRotate-L {color:#336699; font-size:10px; text-decoration:none; float:left; width:60px; height:12px; padding-left:7px; padding-top:2px;}
#bsiRotate-L a {color:#336699; font-size:10px; text-decoration:none; float:left; width:60px; height:12px; padding-left:7px; padding-top:2px;}

#bsiRotate-R {color:#336699; font-size:10px; text-decoration:none; float:right; width:40px; height:12px; padding-top:2px;}
#bsiRotate-R a {color:#336699; font-size:10px; text-decoration:none; float:right;width:40px; height:12px; padding-top:2px;}

.topsportname {color:#fff; font-size:11px;}
.toppubdate {color:#fff; font-size:11px;}
.topheadline a {color:#fff; font-size:14px; font-weight:bold; text-decoration:none;}
.topheadline a:hover {color:#fff; font-size:14px; font-weight:bold;text-decoration:underline;}
.topsynopsis {color:#fff; font-size:12px;}
.topmore a {color:#fff; font-size:11px; text-decoration:underline; font-weight:bold;}
.topmore a:hover {color:#fff; font-size:11px;text-decoration:underline;}

.secsportname {color:#003366; font-size:11px;}
.secpubdate {color:#003366; font-size:11px;}
.secheadline a {color:#003366; font-size:11px; font-weight:bold; text-decoration:none;}
.secheadline a:hover {color:#003366; font-size:11px; font-weight:bold;text-decoration:underline;}
.secteaser {color:#003366; font-size:11px; text-decoration:none;}
.secteaser a {color:#336699; font-size:11px; text-decoration:underline;}
.secteaser a :hover {color:#336699; font-size:11px; text-decoration:none;}

#index-banner {width:833px; height:94px; background:#cccccc;float:left; text-align:center; border-top:3px solid #fff; border-bottom:3px solid #fff;}
#index-banner img {margin:3px;}
#index-tabs-wrap {width:823px; height:234px;display:block; float:left;margin:0px;padding:0px;
background:#fff;
background:url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-index-tabs-bg.gif") no-repeat scroll;
background-image:url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-index-tabs-bg.gif") fixed;
background-attachment:scroll;
background-position:75px 20px;
background-color:#fff;
border-left:5px solid #ccc;

}
#index-promos {width:833px; height:48px;float:left;display:block; border-top:3px solid #fff;padding-top:3px;}
#index-promos img {border:1px solid #336699;}
.index-promos-images img {border:1px solid #336699;}
.index-promos-images {float:left; padding-left:5px;}


#sport-bsi {width:833px; height:423px; background:#00345c;}
#sport-bsi-photo {width:435px; height:293px; background:url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bsi-sport.jpg"); float:left; position:relative;}

#sport-bsi-lead {width:192px; height:293px; float:left; position:relative;}

#sport-middle-wrap {width:833px; height:90px; background:#ccc; border-top:3px solid #fff; border-bottom:3px solid #fff;}
#sport-bsi-secondaries {width:648px; height:75px; float:left; margin-top:10px; margin-bottom:5px;}
.sport-bsi-secthumbs {float:left; height:67px; width:112px; border:1px solid #003366; margin-right:5px; margin-left:7px;}
.sport-bsi-seccontent {float:left; height:75px; width:190px;}
.sport-toppubdate {color:#003366; font-size:10px;}
.sport-topheadline a {color:#003366; font-size:11px; font-weight:bold; text-decoration:none;}
.sport-topheadline a:hover {color:#003366; font-size:11px; font-weight:bold;text-decoration:underline;}
.sport-topsynopsis {color:#003366; font-size:10px;}
.sport-topmore a {color:#336699; font-size:11px; text-decoration:underline; font-weight:bold;}
.sport-topmore a:hover {color:#336699; font-size:11px;text-decoration:underline;}

#sport-sidebar-image {width:180px; height:75px; float:left; background:#000000; margin-top:5px;}
#sport-sidebar-wrap {width:202px; height:293px; background:url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-bg-sidebar.jpg"); float:right; position:relative;
background-position:0px -8px;
}
#sport-sidebar {width:177px; height:263px; margin-top:5px; margin-left:20px; padding-right:3px; overflow:auto;}
#sidebarsportlinks h2 { font-size:13px; color:#336699; }
#sidebarsportlinks div a {font-size:10px; color:#ffffff; text-decoration:none;}
#sidebarsportlinks div a:hover {font-size:10px; color:#ffffff; text-decoration:underline;}
#sportNav {margin-left:12px; margin-top:-5px;}
#sportNav a {font-size:11px; color:#fff; text-transform:uppercase; text-decoration:none;}
#sportNav a:hover {font-size:11px; color:#fff; text-transform:uppercase; text-decoration:underline;}

#story-padding {width:813px; padding:10px;}
#story-padding li {margin-left:5px;}
#story-header {width:833px; background:#00345c; height:40px; border-bottom:3px solid #fff;}
#story-promos {width:833px; height:98px;float:left;display:block; padding-top:3px;}
#story-promos-images .index-promos-images img {border:1px solid #336699;}
#header-banner {width:1000px; background:#003366;}
/* sidebar
 * ---------------------------------------------------------------------------- */

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

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }


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

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

.calendar td { padding: 2px }

.calendar tr.calendar-date { 
	background-color: #910029; 
	color: #fff;
	font-color:#ffffff;
	font-weight: bold
	}
	
.calendar-date {color:#fff; font-size:12px; font-weight:bold;}
.calendar tr.calendar-headers td { font-weight: bold; background:#00345c; color:#fff; }

.calendar-headers td {background:#00345c color:#fff; font-size:10px;}

.records-header {background:#910029; color:#fff; text-align:center; font-size:12px;}
.records-title {background:#00345c; color:#fff; text-align:center; font-size:10px;}


/* 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: #3f5d9d url("http://grfx.cstv.com/schools/loyo/graphics/loyo-07-footer-bg.jpg") repeat-x;
	color: #fff;
	text-align: center;
	width:833px;
	height:250px;
	margin-left:167px;
	}
	
#footer a:link, #footer a:visited { color: #fff }
#footer a:hover, #footer a:active { color: #fff }
.footer-images {float:left; position:relative; display:block;}
.footer-images img{margin-left:95px; display:block;}