/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: KRISTIN V. HART
 	CSS Document: rich-08-display.css
 ---------------------------------------------------------------------------- 
*/


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


body {
	background: #35000D;
	color: #222;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
td{
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #222;
}

#container {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-10-bg.jpg") no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
#main-wrap {
	border-right: 1px solid #FFFFFF;
	background: #010066;
	width: 998px;
	margin: 0px auto;
}

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: #fff; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }

#story-container a:link, #story-container a:visited { color: #222; text-decoration: underline; }
#story-container a:hover, #story-container a:active { color: #222; text-decoration: none; }

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 }

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


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

#wrap { 
	width:998px;
	border-left:2px solid #fff;
	position:relative;
	}

body#story #wrap {
	position:static;
	}	

#mast {
	width:998px;
	height:172px;
	background:#fff;
	margin-top:35px;
	}
	

#mast-left {
	width:124px;
	height:172px;
	float:left;
	}

#mast-right {
	width:874px;
	height:170px;
	float:left;
	padding-top:2px;
	}

#mast-banner {
	width:874px;
	height:90px;
	background:#ccc;
	}
	
#holder-banner {
	width:728px;
	height:90px;
	float:left;
	}
	
#mast-rot-image {
	width:143px;
	height:90px;
	float:left;
	}			

#mast-main {
	width:874px;
	height:80px;
	}		

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

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

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

body#story #column-1 {
	width:655px;
	padding:10px 15px 10px 10px;
	background:#fff;
	}
	
body#story #column-2 {
	width:318px;
	background:#010066;
	}
	
/* index containers
 * ---------------------------------------------------------------------------- */	

#bsi-wrap {
	width:998px;

	border-bottom:1px solid #fff;
	}

#bsi-left {
	width:400px;
	float:left;
	}

#slider-middle {
	width:282px;
	float:left;
	}

#video-right {
	width:316px;
	float:left;
	background:#010066;
	}

/* video
 * ---------------------------------------------------------------------------- */


#video-links ul {
	margin:0;padding:0;
	list-style-image: url('http://grfx.cstv.com/schools/ariz/graphics/ariz-08-video-icon.gif');
	padding-left:46px;
	width:260px;
	}

#video-ad {
	width:280px;
	padding-left:35px;
	}

body#story #video-links li a {
	color:#fff;
	text-decoration:none;
	}	

body#story #video-links li a:hover {
	color:#fff;
	text-decoration:underline;
	}	
	
#now-playing {
	width:315px;
	height:37px;
	background:#fff;
	}
	
#now-playing img {
	padding-left:88px;
	padding-top:3px;
	}
	
#now-playing p{
	margin:0;padding:0;
	color:#006;
	font-size:14px;
	text-align:center;
	padding-top:2px;
	font-weight:bold;
	}
	
#index-promos {
	width:998px;
	height:69px;
	float:left;
	margin-bottom:3px;
	}	
	
#index-promos img {
	float:left;
	border:1px solid #113764;
	}
	
/* secondary headlines
 * ---------------------------------------------------------------------------- */

.slider-headlines p {
	margin:0;padding:0;
	padding-left:10px;
	padding-right:5px;
	}	
		
.slider-headlines .headline {
	padding-bottom:5px;
	}
	
.slider-headlines .pubdate {
	font-size:10px;
	font-weight:bold;
	padding-top:3px;
	}	
	
/* bottom-wrap
 * ---------------------------------------------------------------------------- */

#bottom-wrap {
	width:998px;
	height:251px;
	background:#010066;
	}

/* spider-web sidebar - to the left of the store
 * ---------------------------------------------------------------------------- */
	
#sidebar {
	width:211px;
	height:250px;
	float:left;
	background:#000046;
	}
	
#sidebar img {display:block;}

#spiders-web-content, #spiders-web-content * { margin: 0; padding: 0; color:#fff;background:#000046;}	

#spiders-web-content ul {
	padding-left:20px;_padding-left:23px;
	padding-top:8px;
	padding-right:5px;	
	}
	
#spiders-web-content a:hover {
	text-decoration:underline;
	}
	
#spiders-web-content li {
	padding-bottom:2px;
	}		
	
#spiders-web-hdr {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-hdr-spidersweb.gif") no-repeat;
	width:209px;
	height:35px;
	display:block;
	}
	
/* store-portal
 * ---------------------------------------------------------------------------- */			
	
#store-portal {
	width:220px;
	padding-top:5px;
	float:left;
	}

/* index quad promos
 * ---------------------------------------------------------------------------- */
	
#index-quad-promos {
	width:264px;
	height:250px;
	float:left;
	}
	
#quad-left {
	width:132px;
	float:left;
	}
	
#quad-right {
	width:132px;
	float:left;
	}
	
#index-quad-promos img {padding-top:4px}

/* story ad
 * ---------------------------------------------------------------------------- */				
	
#holder-story {
	width:300px;
	height:250px;
	background:#ccc;
	float:left;
	}
	
body#story #holder-story {
	margin-left:9px;
	margin-top:20px;
	float:none;
	}
	
/* information header - sport-sidebar
 * ---------------------------------------------------------------------------- */		
	
#info-hdr {
	background: url("http://grfx.cstv.com/schools/rich/graphics/slider-bar-off.gif") no-repeat;
	width:282px;
	height:24px;
	}

#info-content, #info-content * { margin: 0; padding: 0;}

#info-content {
	width:280px;
	height:138px;
	padding-left:2px;
	overflow:auto;
	margin-bottom:2px;
	}

#info-content ul {
	padding-left:20px;
	list-style-type:none;
	padding-top:1px;
	}

#info-content ul a {text-decoration:none;}

#info-content ul a:hover {text-decoration:underline;}

#info-content h3 {
	color:#fff;
	padding:0px 0px 2px 0px;
	font-size:11px;
	}

#info-content div {
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
	padding-top:8px;
	}
	
/* relativeFrame
 * ---------------------------------------------------------------------------- */	

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

#relativeFrame {
	position: relative; 
	width:389px;
	padding-left:6px;
	z-index: 1
	}

#relativeFrame div {
	width:389px;
	position: absolute; 
	visibility: hidden;
	z-index: 1;
	}
	
#relativeFrame .headline {
	font-weight:bold;
	font-size:16px;
	padding:10px 0px 8px 0px;
	}
	
	#relativeFrame .synopsislink {
	font-weight:bold;
	font-size:10px;
	color:#fff;
	text-decoration:underline;
	}
	
	#relativeFrame .synopsislink:hover {
	color: #cc0034;
	text-decoration:none;}
	
	
#relativeFrame .sport {
	font-size:10px;
	padding-bottom:5px;
	}
	
#relativeFrame div#frm0 { visibility: visible }

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

#minis-spacer {
	width:282px;
	height:171px;
	}

#minis, #minis *{
	margin:0;
	padding:0;
	color:#fff;	
	}
	
#minis {
	width:282px;
	position:absolute;
	top:30px;
	left:400px;
	}	

#minis .mini-para {
	float:left;
	padding-left:5px;
	color:#fff;
	}
	
#minis img{
	color:#fff;
	padding-right:5px;
	}	
	
#minis img {
	width:27px;
	height:18px;
	float:left;
	}

#minis #mini0 {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-bsi-1-on.gif") no-repeat;
	width:280px;
	height:41px;
	}

#minis #mini1 {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-bsi-2-off.gif") no-repeat;
	width:280px;
	height:41px;
	}

#minis #mini2 {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-bsi-3-off.gif") no-repeat;
	width:280px;
	height:41px;
	}

#minis #mini3 {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-bsi-4-off.gif") no-repeat;
	width:280px;
	height:41px;
	}
	
#minis .mini-num .sport a {
	color:#fff;
	text-decoration:none;
	}
	
#minis .mini-num .sport a:hover {
	color:#fff;
	text-decoration:underline;
	}		


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

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

.calendar h3, .calendar p, .calendar ul { padding-left: 10px; font-size:11px;}

.calendar p { margin-bottom: 4px }

.calendar p.date { 
	height: 18px;
	margin-bottom: 0; 
	line-height: 18px
	}

.calendar ul { list-style-type: none;padding-bottom:12px; }

.calendar li { display: inline; padding-right: 4px }			
	
/* accordion tabs
 * ---------------------------------------------------------------------------- */	

.Accordion {
	overflow: hidden;
	width: 282px; /* container width */
	}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
	}

#Accordion1 {
	color:#fff;
	}


/* This container houses the title for the panel.*/
.AccordionPanelTab {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-slider-off.jpg") no-repeat;
	width:282px;
	height:24px;
	border-bottom: solid 1px #000;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	}

.AccordionPanelTab img {
	height:24px;
	display:block;
	}

/* It's important to note that you should never put any padding on the panel's content area 
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel Content container.
 */
.AccordionPanelContent {
	overflow: auto;
	width:280px;
	height:180px;
	color:#fff;
	background:#010066;
	_background-attachment:fixed;
	}

/* This is an example of how to change the appearance of the panel tab that is currently open.*/
.AccordionPanelOpen .AccordionPanelTab{
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-slider-on.jpg") no-repeat;
	color:#fff;
	}

/* This is an example of how to change the appearance of the panel tab as the mouse hovers over it.*/
.AccordionPanelTabHover {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-slider-on.jpg") no-repeat;
	width:282px;
	height:24px;
	}

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}		

/* sport-hdr
 * ---------------------------------------------------------------------------- */

#sport-hdr-wrap {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-bg-sportsnav.gif");
	width:998px;
	height:36px;
	}
	
#sport-hdr div {
	clear:both;
	}	
	
#sport-hdr {
	width:400px;
	height:36px;
	float:left;
	}
	
/* sport-nav 
 * ---------------------------------------------------------------------------- */

#sport-hdr-wrap #sport-nav {
	width:400px;
	height:24px;
	float:left;
	color:#fff;
	padding-top:12px;
	}

#sport-nav ul {
	margin:0;
	padding:0;
	}

#sport-nav li {
	display:inline;
	color:#fff;
	}

#sport-nav li a {
	color:#fff;
	text-decoration:none;
	}

#sport-nav li a:hover {
	color:#fff;
	text-decoration:underline;
	}

#sport-nav .divider {
	padding-right:3px;
	padding-left:3px;
	color:#fff;
	}
												

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

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

	#nav {
		background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") no-repeat;
		height: 25px;
		position: relative;
		width: 998px;
		z-index: 99; 
		}

	#nav span { display:none; }

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

	#nav li { float: left; }


	#nav-01 { width:60px; }
	#nav-02 { width:85px; }
	#nav-03 { width:67px; }
	#nav-04 { width:148px; }
	#nav-05 { width:175px; }
	#nav-06 { width:61px; }
	#nav-07 { width:103px; }
	#nav-08 { width:91px; }
	#nav-09 { width:96px; }
	#nav-10 { width:112px; }

	#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") 0 -25px }
	#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -60px -25px }
	#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -145px -25px }
	#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -212px -25px }
	#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -360px -25px }
	#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -535px -25px }
	#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -596px -25px }
	#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -699px -25px }
	#nav-09 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -790px -25px }
	#nav-10 a:hover { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -886px -25px }

	#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") 0 -25px }
	#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -60px -25px }
	#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -145px -25px }
	#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -212px -25px }
	#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -360px -25px }
	#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -535px -25px }
	#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -596px -25px }
	#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -699px -25px }
	#nav-09:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -790px -25px }
	#nav-10:hover>a { background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-nav.gif") -886px -25px }

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

	#nav ul {
		border: solid #010066;
		border-width: 0 1px;
		left: -9999px;
		top: 25px;
		position:absolute;
		z-index:99
		}

	#nav-10 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 #010066; text-indent: 0; }


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

		_width: 100%
		}

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

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

	#nav .header a, #nav .header a:hover { 
		background: #010066; ; 
		color: #fff; 
		font-weight: bold
		}
		
		/* Son of Suckerfish: 2nd Tier Drop Down
	 * ------------------------------------------------------------------------- */

	#nav li ul li ul  {
		display: none;
		width: 150px;
		margin-left: 150px; 
border: solid #021e4d;
		border-width:1px 1px 0 1px;

		}

#sub-nav-univ
{margin-top:110px;
	}

#sub-nav-stud
{margin-top:175px;}

#sub-nav-fans
{margin-top:155px;}

#sub-nav-promo
{margin-top:155px;}

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

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

	#nav li li.tall, #nav li li.tall a {
		height:26px;
		line-height: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 }


/* printer-footer
 * ---------------------------------------------------------------------------- */
#printer-footer {
	width:680px;
	background:#fff;
	padding-bottom:10px;
	}

#printer-footer-inside {
	width:450px;
	padding:8px 0px 5px 0px;
	margin-top:10px;

	}

	#printer-footer-inside a:link, #printer-footer-inside a:visited {color: #000;text-decoration:none;}
	#printer-footer-inside a:hover, #printer-footer-inside a:active {text-decoration:underline;}

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

/* footer
 * ---------------------------------------------------------------------------- */

#footer-promos {
	background: url("http://grfx.cstv.com/schools/rich/graphics/rich-08-bg-btm-logos.jpg") repeat-x;
	width:996px;
	height:80px;
	border-top:1px solid #fff;
	clear:both;
	}
	
#footer-promos img{
	float:left;
	}
	
#footer-promos img#one {
	padding-left:79px;
	padding-right:173px;
	}

#footer-promos img#two {
	padding-right:173px;
	}
	
#footer-promos img#three {
	padding-right:194px;
	}				

#footer {
	width:996px;
	background:#010066;
	color: #222;
	padding: 20px 0px 20px 0px;
	text-align: center
	}

	#footer a:link, #footer a:visited { color: #fff;text-decoration:none;}
	#footer a:hover, #footer a:active { text-decoration:underline;}
	
	body#story #footer a:link, body#story #footer a:visited { color: #fff;text-decoration:none;}
	body#story #footer a:hover, body#story #footer a:active { text-decoration:underline;}