/* 
 ----------------------------------------------------------------------------
  Author: CSTV Online, Inc.
  CSS Document: main.css
 ---------------------------------------------------------------------------- 
*/

/* reset the main browser defaults
 * ------------------------------------------------------------------------- */

html,body,div { margin:0; padding:0 }

a img, :link img, :visited img, fieldset { border:none }


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

body,td { font:11px Verdana, Arial, Helvetica, sans-serif }

h1,h2,h3,h4,h5,h6 { font-size:1.0em }

a { color:#b70000 }
a:hover { color:#83888b }


/* main default classes
 * ---------------------------------------------------------------------------- */

.center { text-align: center }
.left { text-align: left }
.right { text-align: right }
.clear { clear: both; }


/* cstv default classes
 * ---------------------------------------------------------------------------- */

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

.schedheader { color: #fff; font-weight: bold }
.storyheadline, .storyteaser { display: block; }
.storyheadline { color: #b70000; font-weight: bold; font-size: 13px }
.storyteaser { color: #222 }
.tableheaderwhite { color: #fff; font-size: 13px; font-weight: bold }
.pollquestion { font-weight: bold }

#content { line-height: 16px }



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

body { 	
	background: #7f0000; /*url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-bg-body.gif") repeat-y 1000px 10px*/
	}
	
#container {
	background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjo-10-bg-wings.jpg") no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
#wrap {
	width: 1000px;
	margin: 0px auto;
	display: block;
}
	
#top { 
	padding-bottom: 10px;
	text-align: center; 
	width: 1000px
	}

#scoreboard {
	height: 45px;
	width: 1000px
	}

#mast { width: 1000px }
#mast a { float: left }

#nav-search {
	background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-top-nav.gif") no-repeat;
	clear: both;
	height: 30px;
	border-bottom: 2px solid #222;
	width: 1000px
	}

#aotw { 
	background: #EBEBEB;
	height:170px;
	padding:10px 0;
	width:280px;
	}
#aotw h3 a{ color:#000; }

#aotw img { border: 1px solid #83888b; float: left; margin-right: 6px; }

#iframe-allaccess {
	background:#000; 
	border:4px solid #737373;
	border-top:0;
	height:246px;
	margin-left:3px;
	width:266px
	}
	
#wrap-allaccess {
	background: #700;
	}
	
#sponsors { 
	background: #900;
	border-top: 2px solid #000; 
	border-bottom: 2px solid #000;
	padding: 8px 0;
 	width:1000px   
	}
	
#ads-side a { color: #fefefe; text-decoration: none; }
#ads-side a:hover { color: #222 }


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

#columns {
	border-collapse: collapse;
	clear: both;
	margin: 0; 
	padding: 0;
	width: 1000px
	}
		
#column-left, #column-middle, #column-right, #column-ads { 
	margin: 0;
	padding: 0;
	vertical-align: top
	}

#column-left { background: #83888b; width: 130px }
	
#column-middle { background: #fff; width: 410px }
	
#column-right { background: #7f0000; border-left: 2px solid #7f0000; width: 280px }
	
#column-ads { background: #83888b; width: 160px }

body#story #column-right { background: #fff; border-left: 0; padding: 8px; width: 860px }

#holder-banner-promo-wrap {
	background: #000000;
	width: 1011px; 
	height: 90px;
	display: block;
	margin-left: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#holder-banner {
	width: 728px;
	height: 90px;
	float: left;
	margin: 0px 3px 0px 0px;
}
#promo-wrap {
	background: #EDEDED;
	width: 280px; 
	height: 90px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
}
	
/* headers
 * ---------------------------------------------------------------------------- */

#hdr { background:#000; margin-bottom: 8px }

#hdr-m-sports,
#hdr-w-sports,
#hdr-athletics { height: 26px; width: 140px }

#hdr-m-sports { background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-m-sports.gif") no-repeat; }
#hdr-w-sports { background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-w-sports.gif") no-repeat; }
#hdr-athletics { background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-athletics.gif") no-repeat; }

#hdr-headlines,
#hdr-features { height: 30px; width: 410px }


#hdr-index-headlines { background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-headlines-ad.gif") no-repeat; }
#hdr-headlines { background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-headlines.gif") no-repeat; }
#hdr-features { background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-features.gif") no-repeat; }

#hdr-fanpoll, 
#hdr-aotw { height: 25px; width: 280px; margin: 20px 0px 0px 0px; }

#hdr-fanpoll { background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-08-fanpoll.gif") no-repeat; height: 72px }
#hdr-aotw { background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-aotw.gif") no-repeat; height: 62px }


/* search
 * ---------------------------------------------------------------------------- */

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

#search { 
	color: #fff;
	float: left;
	font-size: 11px;
	font-weight: bold; 
	padding-top: 6px;
	width: 380px	
	}

	#search br { line-height:0; } 

	#search input { 
		height: 18px;
		margin-bottom: 4px;
		margin-left: 5px;
		vertical-align: middle;
		}

	#search .radio { width: 10px; height: 10px }
	
	#search .submit { height: 15px; width: 45px }

#yahoo { 
	border:1px solid #ccc; 
	font-size:11px; 
	height:18px; 
	width:130px 
	}

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


/* features
 * ---------------------------------------------------------------------------- */

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

#features ul { 
	list-style: none;
	line-height: 18px; 
	margin: 10px
	}

#features a { color: #000; text-decoration: none }
	
#features a:hover { color: #83888b }


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

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

.calendar { padding:5px; width:96% }

.calendar h2 { 
	background-color:#b70000; 
	color:#fff; 
	font-weight:bold; 
	height:16px; 
	line-height:16px; 
	width:100%
	}

.calendar h3 {
	font-size:11px; 
	font-weight:bold;
	margin-bottom:4px; 
	margin-top:8px
	}

.calendar p { margin-bottom:10px; }

.calendar ul {
	display:inline-block;
	list-style:none;
	margin-bottom:8px
	}


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

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

#sidebar { background:#b70000; padding:10px; }

#sidebar table { width:260px; }

#sidebar h2 { color:#fff; font-size:18px; }

#sidebar td { color:#fff; }
#sidebar a { color:#fff; font-weight: bold; text-decoration:none }
#sidebar a:hover { color:#ccc }


/* fanpoll
 * ---------------------------------------------------------------------------- */

#fanpoll, #fanpoll * { background-color:#fff; margin:0; padding:0 }
#fanpoll { text-align:center; }
#fanpoll table { padding-left:5px; }


/* pre-footer & footer
 * ---------------------------------------------------------------------------- */

#wrap-pre-footer { 
	background:#fff; 
	border-left:140px solid #83888b; 
	padding:15px 0; 
	width:860px;
	
	_border-left: 141px solid #83888b;
	_width: 1000px
	} 

#pre-footer, #pre-footer * { margin: 0; padding: 0; }

#pre-footer {
	border-top: 2px solid #333; 
	border-bottom: 2px solid #333; 
	margin-left: 190px;
	padding-top: 6px;
	text-align: center;
	width: 480px
	}

#pre-footer a { color: #000; }
#pre-footer a:hover { color: #666 }

#email-print { margin: 10px 0 }
#email-print li { display:inline; list-style:none; margin:0 30px; padding-left:25px }
#email-print li#email { background: url("http://graphics.fansonly.com/graphics/oas-icon-email.gif") 0 2px no-repeat }
#email-print li#print { background: url("http://graphics.fansonly.com/graphics/oas-icon-print.gif") 0 2px no-repeat }

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

#footer {
	background: #fff;
	border-top: 2px solid #222;
	padding: 10px 0;
	text-align: center;
	width: 1000px
	}

#footer a { text-decoration: none }

/* banner ads
 * ---------------------------------------------------------------------------- */

#ad-holder-banner {
	width:1000px;
	padding-top:8px;
	text-align:center;
	margin:0 auto
	}
	
#ad-holder-skyscraper {
	margin:5px auto;
	width: 160px;
	}
	
body#story #ad-holder-skyscraper {
	position:absolute;
	top:300px;
	left:1050px
	}


/* tabs: #tabs-schedule
 * ---------------------------------------------------------------------------- */	

#tabs-schedule, #tabs-schedule * { margin:0; padding:0; }

#tabs-schedule {
	height: 37px;
	width: 280px;
	margin-top:20px;
	}

	#tabs-schedule li, #tabs-schedule a { display: block; height: 37px; width: 140px; }
	#tabs-schedule li { float: left; list-style: none; _display: inline; }
	#tabs-schedule span { display: none; }

.on-schedule { background:url("http://graphics.fansonly.com/schools/stjs/graphics/stjs-06-tabs-1.gif") 0 -39px; }
.on-results { background:url("http://graphics.fansonly.com/schools/stjs/graphics/stjs-06-tabs-1.gif") 0 0; }

#wrap-schedule {
	background: #f6f6f6;
	height: 220px;
	overflow: auto;
	width: 280px;
	}

#ads-side {
	margin: 5px 0px 0px 0px;
}
/* tabs: #tabs-allaccess
 * ---------------------------------------------------------------------------- */	

#wrap-tabs-allaccess {
	background:#b70000;
	padding:10px 0;
	margin-bottom: 10px;
	}

#tabs-allaccess, #tabs-allaccess * { margin:0; padding:0; }

#tabs-allaccess {
	height: 27px;
	margin-top:10px;
	width: 280px;
	}

	#tabs-allaccess li, #tabs-allaccess a { display: block; height: 27px; width: 140px; }
	#tabs-allaccess li { float: left; list-style: none; _display: inline; }
	#tabs-allaccess span { display: none; }

.on-store { background:url("http://graphics.fansonly.com/schools/stjs/graphics/sju-06-tabs-allaccess.gif") 0 0; }
.on-allaccess { background:url("http://graphics.fansonly.com/schools/stjs/graphics/sju-06-tabs-allaccess.gif") 0 -27px; }

#wrap-allaccess {
	background: #f6f6f6;
	height: 220px;
	overflow: auto;
	width: 280px;
	}
		

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

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

#nav-top {
	float: left;
	height: 18px;
	padding-top: 12px;
	width: 620px
	}

#nav-top li { display:inline; }

#nav-top a {
	color: #000;
	font-size:12px;
	font-weight: bold;
	margin-left:20px;
	margin-top: 10px;
	text-decoration: none;
	text-transform: uppercase
	}
	
	#nav-top a:hover { color: #83888b }

#nav-top li.last { margin-left:50px; }
#nav-top li.last a { color:#fff; font-size:10px }
#nav-top li.last a:hover { color: #000 }

#multiswapper-wrap {
	width: 403px;
	height: 169px;
	margin: 0px auto;
	margin-bottom: 2px;
}
#store-bg {
	background: #E9E9E9;
	border: 1px solid #949494;
	width: 260px;
	height: 130px;
	margin: 0px auto;
	padding: 7px 0px 0px 0px;
	/*margin-top: 8px;*/
}
#store-portal {
	background: #FFFFFF;
	border: 1px solid #949494;
	width: 245px;
	height: 123px;
	margin: 0px auto;
}

/* MW Sports Navigation: #mw-sports-nav
 * ------------------------------------------------------------------------- */
#mw-sports-nav, #mw-sports-nav * { border-collapse: collapse; margin: 0; padding: 0 }

#mw-sports-nav {
	background: url("http://grfx.cstv.com/schools/stjs/graphics/stjs-10-sports-nav.gif") no-repeat;
	height: 52px;
	position: relative;
	width: 140px;
	z-index: 99; 
}
	
#mw-sports-nav span { display:none; }

#mw-sports-nav li, #mw-sports-nav a {
	font-size: 11px;
	font-weight: bold;  
	height: 26px;
	display: block;
}

#mw-sports-nav li { float: left; }


#mw-sports-nav-01 { width:140px; }
#mw-sports-nav-02 { width:140px; }

#mw-sports-nav-01 a:hover { background: url("http://grfx.cstv.com/schools/stjs/graphics/stjs-10-sports-nav.gif") -140px 0 }
#mw-sports-nav-02 a:hover { background: url("http://grfx.cstv.com/schools/stjs/graphics/stjs-10-sports-nav.gif") -140px -26px }

#mw-sports-nav-01:hover>a { background: url("http://grfx.cstv.com/schools/stjs/graphics/stjs-10-sports-nav.gif") -140px 0 }
#mw-sports-nav-02:hover>a { background: url("http://grfx.cstv.com/schools/stjs/graphics/stjs-10-sports-nav.gif") -140px -26px }

#mw-sports-nav-01 ul {
	border: solid #FFFFFF;
	border-width: 0px 1px;
	border-top: 1px #FFFFFF solid;
	left: -9999px;
	top: 0px;
	position: absolute;
	z-index: 99;
	margin-left: 140px;
}
#mw-sports-nav-02 ul {
	border: solid #FFFFFF;
	border-width: 0px 1px;
	border-top: 1px #FFFFFF solid;
	left: -9999px;
	top: 26px;
	position: absolute;
	z-index: 99;
	margin-left: 140px;
}
#mw-sports-nav ul, 
#mw-sports-nav li li { width: 150px } 

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

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

#mw-sports-nav li li { border-bottom: 1px solid #FFFFFF; text-indent: 0; }

#mw-sports-nav li li a {
	background: #83888B;
	color: #FFFFFF;
	display: block;
	padding: 3px;
	text-decoration: none;
	_width: 100%;
}

#mw-sports-nav li li a:hover { 
	background: #222222; 
	color: #FFFFFF 
}
/* ------ END #mw-sports-nav ------ */

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

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

.nav-side { 
	list-style: none; 
	padding: 6px 0;
	width:140px
	}

.nav-side a {
	color: #fff;
	display:block;
	padding:3px 4px;
	font-weight:bold; 
	text-decoration: none;
	
	_width: 100%
	}

#nav-m-sports { background:#222 }
#nav-w-sports { background:#900 }

#nav-m-sports a:hover,
#nav-w-sports a:hover { background-color: #eee; color: #222 }

#nav-athletics a:hover { background:#222; color: #eee }


/* navigation: #sportnav
 * ------------------------------------------------------------------------- */

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

#sportnav { text-align:center; }

body#story #sportnav { margin-bottom:15px; }

#sportnav li {
    display: inline;
    line-height: 20px;
    padding: 0 4px 0 9px;
	border-left: 1px solid #000
	}

	#sportnav li.first { 
		border-left: none;
		padding-left: 0
		}

#sportnav a { 
	color: #900; 
	font-weight: bold; 
	text-decoration: none; 
	text-transform: uppercase
	}

#sportnav a:hover { color: #666 }


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

#bsi {
	background: #fff;
	width: 410px
	}


/* relativeFrame & photo
 * ---------------------------------------------------------------------------- */

#relativeFrame { 
	height: 150px;
	position: relative; 
	z-index: 1 
	}

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

	#relativeFrame div#frm0 { visibility: visible }

img.photo {
	border: 4px solid #72777e; 
	margin-left: 1px
	}



/* .content-lead
 * ---------------------------------------------------------------------------- */

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

.content-lead { margin: 10px 8px 20px 8px }

.content-lead a { color: #000; font-weight:bold; text-decoration: none }
.content-lead a:hover { color: #83888B }

.content-lead h3 { 
	font-size: 12px;
	margin-bottom: 8px 
	}

.content-lead p { font-size: 11px; line-height: 16px; }

.content-lead p.date {
	font-size: 10px; 
	font-style: italic;
	margin: 0
	}


/* content-secondary
 * ---------------------------------------------------------------------------- */

.content-secondary, .content-secondary * { margin:0; padding:0; }

.content-secondary { margin: 10px 8px }

.content-secondary a { color: #000; font-weight:bold; text-decoration: none }
.content-secondary a:hover { color: #83888B }

.content-secondary h3 { font-size: 11px; margin-bottom:6px }

.content-secondary p { 
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 16px
	}

.content-secondary p.date { 
	font-size: 10px; 
	font-style: italic;
	margin: 0
	}

.content-secondary img { float:left; margin:0 4px 15px 0 }


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

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

#wrap-mini { 
	margin: 20px 0 10px 0;
	width: 100%;
	}

#wrap-mini a { 
	float: left;
	background-color: #222;
	height: 122px;
	margin-left: 5px;
	width: 96px;
	}

#wrap-mini a img {
	opacity: .40;
	filter: alpha(opacity=40);
	}

#wrap-mini a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
	}

#wrap-mini div.miniOn a img { 
	opacity: 1;
	filter: alpha(opacity=100);
	}


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

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

#nav-bsi {
	background: url("http://graphics.ocsn.com/schools/stjs/graphics/stjs-06-player-bkg.gif") no-repeat;
	clear: both;
	height: 37px;
	margin-left: 1px;
	width: 408px
	}

#nav-bsi ul { float: right; margin:10px 26px 0 0; _margin-right: 14px; }

#nav-bsi li { 
	float:left;	
	list-style: none
	}
	
/*AutoStats*/
.stats-fieldh td {padding:3px; text-align:center; border-bottom: 1px dotted #aaa;} /*Passing Table*/
.stats-fieldh thead {background:#990000; color: #fff; text-transform:uppercase;} /*Passing Table*/
.yr2013, .yr2012, .yr2011, .yr2010, .yr2009, .yr2008, .yr2007, .yrtotl {font-weight:700;}
.yrtotl, .gstotl, .gptotl, .gltotl, .astotl, .pttotl, .shtotl, .sptotl, .sgtotl, .sttotl, .gwtotl, .psattotl, .dstotl, .mntotl, .gatotl, .svtotl, .gvtotl, .sototl, .wntotl, .lototl, .titotl { font-weight:700; background:#ddd;}



#toolbox{
position: absolute;
width: 125px;
border: 1px solid #000000;
padding: 4px;
background-color: #990000;
visibility: hidden;
z-index: 100;
}