/* 
 ----------------------------------------------------------------------------
	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/schools/ucsb/graphics/ucsb-07-bkg.gif")repeat-y;
	color: #000;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin:0 auto; 
	padding:0 ;
	}
	
body#sport-body,body#non-sport-body { 
	background: #ececec url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bkg.gif") repeat-y;
	}

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


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

a { outline: none;color: #00278a; }


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


/* 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");}
.yahoo-off { background-image: none	}


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

#wrap { 
	
	width:981px;
	border:3px solid #fff;
	
	}
	
#mast { }

#hdr { }

#scoreboard {z-index:5; }


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

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

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

#column-1 
{
	width:456px;
	background:#fff;
}

#column-2 
{
	background: #fff url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-2nd-column-interior.gif");
	width:219px;
}
 
#column-3 
{
	width:300px; 
	background:#ffcc33;
}


body#sport-body #column-1
{
	width:681px; 
}


body#story-body #column-1-a
{
	width:681px; 
}

body#non-sport-body #column-1
{
	width:941px; 
	
}
#column-1-a
{
	width:456px; 
	float:left;
}

#column-2-a
{
	background: #fff url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-sport-column.gif")repeat-y;
	float:left;
	width:225px;
}

#column-2-a a
{
	color:#00278a;
	font-size:11px;
	text-decoration:none;
}


#search
{
	background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-search.gif") no-repeat;
	width:300px;
	height:39px;
z-index:4;
}

#non-sport-title
{
background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-bluebar.gif");
width:981px;
height:22px;	
}

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

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

#nav {
	background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") no-repeat;
	height: 21px;
	position: relative;
	width: 981px;
	z-index: 99; 
	}
	
#nav span { display:none; }

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

#nav li { float: left; }


#nav-01 { width:116px;}
#nav-02 { width:161px;}
#nav-03 { width:111px;}
#nav-04 { width:139px;}
#nav-05 { width:209px;}
#nav-06 { width:99px;}
#nav-07 { width:146px;}


#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") 	0 -21px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -116px -21px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -277px -21px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -388px -21px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -527px -21px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -736px -21px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -835px -21px }

			
#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif")		 0 -21px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -116px -21px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -277px -21px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -388px -21px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -527px -21px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -736px -21px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-nav.gif") -835px -21px }



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

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

	#nav ul {
		border: solid #00287a;
		border-width: 0 1px;
		left: -9999px;
		top: 21px;
		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 #00287a; text-indent: 0; }


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

		_width: 100%
		}

	#nav li li a:hover { 
		background: #ffcc33; 
		color: #00278a; 
		}

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

	#nav .header a, #nav .header a:hover { 
		background: #ffcc33; 
		color: #00278a; 
		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:21px;
		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: #ffcc33; color: #00278a; font-weight: bold }
/* navigation: #nav 
*/

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

#headlines-tab ul.headline-1, #headlines-tab ul.event-1 { margin:0; padding:0 }
#headlines-tab ul.headline-1 li, #headlines-tab ul.event-1 li{ float: left; list-style: none; text-indent: -9999px; }
#headlines-tab ul.headline-1 span, #headlines-tab ul.event-1 span { display: none }


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

#headlines-tab ul.headline-1 { 
	background:url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-tabs.gif");
	height: 34px; 
	width: 456px	
	}

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

#tab-headlines,#tab-features { width: 228px }


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


#headlines, #features { 
height: 330px;
padding: 8px; 
overflow: auto;  
background:#00287a; 
width:440px;
}




#story-wrap
{
	padding:20px;
}


/*INDEX BSI*/
#lead-headlines-block
{
	width:456px;
	background:#00278a;
}

#lead-photo
{
	width:450px;
	margin:0 auto;
	padding-top:5px;
	
}

#relativeFrame
{
	visibility: visible;
}

#relativeFrame div 
{
	position:absolute;
	visibility: hidden;
}

#relativeFrame div#frm0 
{ 
	visibility: visible;
}

.lead-headlines div
{
	color:#ffcc33;
	padding:10px;
	font-size:11px;
	width:436px;
}

.lead-headlines div:hover
{
	color:#fff;
}
.lead-headlines div:visited
{
	color:#ffcc33;
}

.lead-headlines h2 a
{
	margin:0;
	padding:0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.lead-headlines h2 a:hover
{
	color:#ffcc33;
}

.lead-headlines h2 a:visited
{
	color:#fff;
}
.lead-headlines a:hover
{
	color:#ffcc33;
}

.lead-headlines a:visited
{
	color:#fff;
}

p .index-date
{
	margin:0;
	padding:0;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}


#minis div
{
float:left;
padding:6px;

}
#minis a
{
	color:#fff;
	text-align:center;
}

#minis a img{
 border:2px solid #00278a;
}

#minis a:hover img, #minis div.miniOn a img{
    border:2px solid #ffcc33;
	color:#ffcc33;
}


#secondary-headlines-blocks
{
	color:#ffcc33;
}


.sec-date
{
	color:#ffcc33;
	font-size:11px;
}
.sec-headline a
{
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

.sec-headline a:hover
{
	color:#ffcc33;
}

.sec-headline a:visited
{
	color:#fff;
}

#sport-lead-headlines-block
{
	width:456px;
	background:#00278a;
}

#sport-lead-photo
{
	width:450px;
	margin:0 auto;
	padding-top:5px;
}


.sport-lead-headlines
{
	color:#fff;
	padding:10px;
	font-size:11px;
	width:436px;
}

.sport-lead-headlines h2 a
{
	margin:0;
	padding:0;
	color:#ffcc33;
	font-size:14px;
	font-weight:bold;
}

.sport-lead-headlines h2 a:hover
{
color:#fff;	
}
.sport-lead-headlines h2 a:visited
{
color:#ffcc33;	
}

.sport-lead-headlines a
{
color:#ffcc33;	
}

.sport-lead-headlines a:hover
{
color:#fff;	
}

.sport-lead-headlines a:visited
{
color:#ffcc33;	
}

#sport-secondary-headlines-blocks
{
	color:#ffcc33;
}


.sport-sec-date
{
	color:#ffcc33;
	font-size:11px;
}
.sport-sec-headline a
{
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

.sport-sec-headline a:hover
{
	color:#ffcc33;
}

.sport-sec-headline a:visited
{
	color:#ffcc33;
}
.lead-headlines a
{
color:#fff;
}
#potw
{
	width:209px;
	height:190px;
	padding:5px;
}

#weather
{
	background:#fff;
	width:219px;
	text-align:center;
}


#index-features
{
	color:#fff;
}

#index-features a
{
	color:#ffcc33;
}
#index-features a:hover
{
	color:#ffcc33;	
}

/*SPORTS*/
#sport-header-wrap
{

	width:681px;
	
}

.sport-nav-links
{
	color:#ffcc33;
word-spacing:7px;
_word-spacing:0px;
padding-top:2px;
text-transform:uppercase;
}

.sport-nav-links a
{
color:#ffcc33;	
}
.sport-nav-links a:hover
{
color:#fff;	
}
#sport-header
{
	width:310px;
	height:22px;
	float:left;
}

#sport-nav
{
	background: url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-curve.gif");
	width:371px;	
	height:22px;
	float:left;
	color:#ffcc33;
}


#sport-headlines
{
	background: #e2e2e2 url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-moreheadlines.gif");
	width:424px;
	padding:10px;	
}

td .sportpubdate
{
	color:#000;
	font-weight:bold;
	font-size:12px;
}

td .sportteaser
{
	color:#000;
	font-size:12px;
}

.secsportheadline a
{
	color:#000;
	font-size:12px;
}

div .secpubdate
{
	color:#000;
	font-weight:bold;
	font-size:12px;
}

div .secsportheadline a
{
	color:#000;
	font-size:12px;
}

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

#sidebar, #sidebar * { margin: 0; padding: 5px; }
#sidebar-wrap
{
	width:190px;
	_width:190px;
	padding:15px;
	background:url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-2nd-column-interior.gif");
}


#sidebar-wrap ul{
margin:0;
margin-left:20px;
padding:0;
}


#sidebar-wrap li{
margin:10;
padding:0;
}


#sidebar-wrap h3
{
color:#00278a;
margin:0;
margin-top:15px;
padding:0;
font-size:11px;
}

#sidebar-wrap ul li
{
color:#00278a;

}



#sidebar{
width:1230px;

 line-height:normal;
}


#sidebar div{
padding-bottom:3px;
}

#sidebar { color: #000278a;  }

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

#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 {
	
	width: 981px;
	background:#00278a;
	}
	
	#pre-footer img
	{
		padding-right:75px;
		padding-top:3px;
	}

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer 
{
	padding: 20px;
	margin:0 auto;
	text-align:center;
}
	
	#footer a:link, #footer a:visited { color: #000; }
	#footer a:hover, #footer a:active { color: #00278a; }
	

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


#video{
	width:289px;
	padding:0 5px 0 5px;
}	



#video-ad{
	width:234px;
	margin:0 auto;
	padding-bottom:10px;
}	


#events
{
	height:250px;
	overflow:auto;
}

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

.calendar { width: 100%; _width: 96% }
.calendar td { padding: 1px 3px; }
.calendar td.dailydate {background:#00278a; color: #ffcc33; font-size:11px;text-transform:uppercase;}
.calendar tr.categories td { background: #ccc ; color: #00278a; font-size:10px;text-transform:uppercase;}
.calendar tr.calendar-info td {color: #000;background:#fff; font-size:10px; padding:2px;}

.calendar tr.calendar-info td a:active{color: #000; font-size:10px;}
.calendar tr.calendar-info td a:visited{color: #000; font-size:10px;}
.calendar tr.calendar-info td a:link{color: #000; font-size:10px;}





#fanpoll-wrap
{
	background:#eaeaea url("http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-fanpoll.gif");
	padding:25px;
	width:296px;
}


/* ads
 * ---------------------------------------------------------------------------- */
		
#holder-skyscraper{

}

#holder-banner{
	width:728px;
	height:90px;
	margin:0 auto;
}

body#sport-body #holder-banner, body#non-sport-body #holder-banner{
	margin-top:3px;
	padding-bottom:3px;
}

#holder-banner-bot{
	width:728px;
	height:90px;
	margin:0 auto;
	margin-top:50px;
	display:block;
}

/* Others
 * ---------------------------------------------------------------------------- */
#ticker{
	background:url('http://grfx.cstv.com/schools/ucsb/graphics/ucsb-07-bg-scroll.jpg');
	width:523px;
	height:33px;
	float:left;
	display:block;
}
#site-url{
	width:507px;
	height:33px;
	float:left;	
}