/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Kristin V. Hart
 	CSS Document: cal-10-display.css
 ---------------------------------------------------------------------------- 
*/

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

body { 
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg.jpg") no-repeat;
	background-position: center top;
	background-attachment: fixed;
	color: #222;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
td {
	font: 11px Verdana,Arial, 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 }

#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: #002147; 
	font-weight: bold; 
	font-size: 18px;
	display:block;
	padding-top:10px;
	}

.storyteaser, 
.StoryTeaser { color: #000; font-weight: bold; display:block;padding-bottom:12px; }

.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
 * ---------------------------------------------------------------------------- */
#stickybar {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-bg.png") repeat-x;
	width: 100%;
	height: 23px;
	position: fixed;
	top: 0px;
	z-index: 333;
	display:block;
	}
	
#stickybar-inside {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-hdr.png") no-repeat;
	width:1002px;
	height:78px;
	margin:0 auto;
	display:block;
	position:relative;
	}
	
#sticky-home {
	width:111px;
	height:69px;
	position:absolute;
	top:0px;
	left:0px;
	}	
	
		#yahoo-search {
			width:190px;
			height:11px;*height:12px;
			position:absolute;
			top:0px;
			right:0px;
			}


	#search-text {
		width:150px;
		height:10px;
		float:left;
		}

	#search-text div {
		float:left;
		color:#fff;
		padding-right:2px;
		color:#002046;
		font-size:7px;
		}	

	#search-btn {
		width:150px;
		height:18px;
		float:left;
		}

	#search-btn div {
		float:left;
		}
		
	#att-logo {
		background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-poweredby-att-stickybar.gif") no-repeat;
		width:156px;
		height:16px;
		position:absolute;
		top:0px;
		left:512px;
		}
	
	/* sticky top navigation
	 * ------------------------------------------------------------------------- */

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

	#sticky-nav {
		background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-nav.gif") no-repeat;
		height: 18px;
		position: relative;
		width: 334px;
		z-index: 200;
		left:115px;
		top:0px; 
		}

	#sticky-nav span { display:none; }

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

	#sticky-nav li { float: left; }


	#sticky-nav-01 { width:99px; }
	#sticky-nav-02 { width:120px; }
	#sticky-nav-03 { width:115px; }

	#sticky-nav-01 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-nav.gif") 0 -18px }
	#sticky-nav-02 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-nav.gif") -99px -18px }
	#sticky-nav-03 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-nav.gif") -219px -18px }

	#sticky-nav-01:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-nav.gif") 0 -18px }
	#sticky-nav-02:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-nav.gif") -99px -18px }
	#sticky-nav-03:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-stickybar-nav.gif") -219px -18px }
	
#mast {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-masthead.jpg") no-repeat;
	width:1000px;
	height:142px;
	margin:0 auto;
	}
	
#mast-flash {
	width:394px;
	height:142px;
	float:right;
	}
	
#mast img {
	float:left;
	display:block;
	}	
	
#wrap { 
	background: #fff url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-top-yellow-gradient.jpg") repeat-x;
	width:1000px;
	height:1%;
	overflow:hidden;
	margin:0 auto;
	}
	
body#story-page #wrap {
	background: #fff url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-top-yellow-gradient.jpg") repeat-x;
	width:992px;
	height:1%;
	overflow:hidden;
	margin:0 auto;
	padding-left:8px;
	}	
	

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

#column1-left {
	width:687px;
	float:left;
	}
	
	#bsi-container {
		width:670px;
		height:579px;
		position:relative;
		padding-left:8px;
		}
		
	body#sport-page #bsi-container {
		width:670px;
		height:622px;
		position:relative;
		}
	
#column1-right {
	width:313px;
	float:left;
	}

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

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

#column-1 { 
	width:668px;
	border:1px solid #ccc;
	}

#column-2 { 
	width:305px;
	padding-left:8px;
	}

#story-container {
	width:660px;
	margin:10px 0px 0px 8px;
	}


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

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

#tab-bsi {
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-headlines.gif") no-repeat; /*change to your button image*/
	width: 670px;
	height: 33px;
	}

	#tab-bsi li, #tab-bsi a {display:block; height: 33px; } /**/

	#tab-tab1 {width:172px;}
	#tab-tab2 {width:163px;}
	#tab-tab3 {width:163px;}
	#tab-tab4 {width:172px;}   

	#tab-bsi li { float: left; list-style: none; _display: inline; }
	#tab-bsi span { display: none; }

#tab-bsi.on-tab1 #tab-tab1 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-headlines.gif")  0px -33px; } 
#tab-bsi.on-tab2 #tab-tab2 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-headlines.gif") -172px -33px; }
#tab-bsi.on-tab3 #tab-tab3 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-headlines.gif") -335px -33px; }
#tab-bsi.on-tab4 #tab-tab4 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-headlines.gif") -498px -33px; }

#wrap-bsi {
	background: #fff url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-tabs.gif") no-repeat;
	width: 668px;
	height: 543px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	} /*dimensions of the box your content appears in*/

#wrap-bsi a { color: #002147; }/*any links displayed within content area*/
#wrap-bsi a:hover { color: #002147; }

#content-tab1 {
	width:648px;
	margin-left:10px;
	}
	
#content-tab3 {
	width: 647px;
	height: 541px;
	overflow:auto;
	background:#fff;
	margin-left:11px;
	}	
	
	/* CALENDAR
	 * ---------------------------------------------------------------------------- */
	.calendar, .calendar * { 
		border-collapse: collapse; 
		margin:0px; 
		padding:0px; 
		}

	.calendar { width: 100%; _width:96%; }

	.calendar td { padding: 2px }

	#content-tab3 .calendar tr.calendar-body td a { color:#002147; text-decoration:none; }
	#content-tab3 .calendar td a:link { color:#002147; text-decoration:none; }
	#content-tab3 .calendar td a:visited { color:#002147; text-decoration:none; }
	#content-tab3 .calendar td a:hover { color:#002147; text-decoration:underline; }


	.calendar tr.calendar-date td {
		background-color:#002147; 
		color:#ffc82e;
		font-weight:bold;
		padding-top:2px;
		font-size:10px;
		}

	.calendar tr.calendar-headers td { 
		color:#002147;
		font-weight:bold;
		}

	.calendar tr.calendar-body td { 
		color:#002147;
		}
		
/* navigation: #nav
 * ------------------------------------------------------------------------- */

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

#nav {
	background: transparent url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") no-repeat;
	height: 29px;
	position: relative;
	width: 1000px;
	z-index: 99;
	margin:0 auto;
	}

#nav span { display:none; }

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

#nav li { float: left; }

#nav-01 { width:80px; }
#nav-02 { width:110px; }
#nav-03 { width:150px; }
#nav-04 { width:130px; }
#nav-05 { width:86px; }
#nav-06 { width:95px; }
#nav-07 { width:111px; }
#nav-08 { width:145px; }
#nav-09 { width:93px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") 0 -29px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -80px -29px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -190px -29px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -340px -29px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -470px -29px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -556px -29px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -651px -29px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -762px -29px }
#nav-09 a:hover { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -907px -29px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") 0 -29px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -80px -29px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -190px -29px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -340px -29px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -470px -29px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -556px -29px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -651px -29px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -762px -29px }
#nav-09:hover>a { background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-nav.gif") -907px -29px }


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


/* dropdown w/background 
 * ----------------------*/
#nav ul.panel {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-panel-nav.png") no-repeat;
	position: absolute;
	color: #fff;
	top: 29px;
	left: -9999px;
	width: 1000px;
	height: 255px;
	z-index: 98;
	padding:0px;
	display:block;
	overflow:hidden;
	}

	#nav li li { width:145px; } 

	#nav li li, 
	#nav li li a { height:auto; }

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

/* dropdown w/background
 * ---------------------------------------------------- */
#nav li.background:hover ul, 
#nav .background a:hover ul { left: 0px; padding-top:3px; }

#nav li li { text-indent: 0; }

#nav li li a {
	color: #fff;
	display: block;
	padding: 2px;
	text-decoration:none;
	_width: 145px;
	line-height:10px;
	}

#nav #content-box1 a {
	color: none;
	display: block;
	text-decoration:none;
	border-bottom:0px;
	padding:0px;
	}	

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

#nav li li a:hover { 
	background: none; 
	color: #002147;
	background:#ffc82e;
	}	

#nav ul li.header { 
	background:none; 
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	}


/* dropdown w/background
 * ---------------------------------------------------- */

#nav li.background li a {
	color: #fff;
	display: block;
	padding: 2px;
	text-decoration:none;
	_width: 145px;
	}

#nav li.background li a:hover {
	color: #002147;
	background:#ffc82e;
	}

#nav li.background li #content-box1 a:hover {
	color: none; 
	background:none;
	}	

/* normal dropdown
 * ----------------------*/
#nav ul.generic {
	border:none;
	border-width:0 1px;
	left:-9999px;
	_top:29px;
	top:29px;
	position:absolute;
	z-index:99;
	width:145px;
	margin-top:10px;
	margin-left:50px;
	margin-right:10px;
	}

#nav ul.right2 {
	border:none;
	border-width:0 1px;
	left:-9999px;
	_top:24px;
	top:24px;
	position:absolute;
	z-index:99;
	width:145px;
	margin-left:200px; 
	text-align:left;
	margin-top:15px;
	margin-right:10px;
	}

#nav ul.right3 {
	border:none;
	border-width:0 1px;
	left:-9999px;
	_top:24px;
	top:24px;
	position:absolute;
	z-index:99;
	width:145px;
	margin-left:350px; 
	text-align:left;
	margin-top:15px;
	margin-right:10px;
	}

#nav ul.right4 {
	border:none;
	border-width:0 1px;
	left:-9999px;
	_top:24px;
	top:24px;
	position:absolute;
	z-index:99;
	width:145px;
	margin-left:500px; 
	text-align:left;
	margin-top:15px;
	margin-right:10px;
	}

#nav ul.right5 {
	border:none;
	border-width:0 1px;
	left:-9999px;
	_top:24px;
	top:24px;
	position:absolute;
	z-index:99;
	width:145px;
	margin-left:650px; 
	text-align:left;
	margin-top:25px;
	margin-right:10px;
	}		

/* dropdown w/background
 * ---------------------------------------------------- */
#content-box1 {
	width: 340px;
	height: 150px;
	position:absolute;
	top:43px;
	left:628px;
	background:#036;
	z-index:99;
	}

#content-box1 span {
	display:block;
	width:132px;
	float:left;
	}	

#content-box1 .title {
	font-size:12px;
	color:#c00;
	}

#content-box1 .body {
	color:#8e8e8c;
	}

#content-box1 .nav a {
	font-size:10px;
	color:#c00;
	background:none;
	}

#content-box1 .nav a:hover {
	font-size:10px;
	color:#fff;
	background:none;
	}	

.nav-text {
	width:383px;
	height:20px;
	position:absolute;
	top:210px;
	left:617px;
	}


/* sport bsi tabs
 * ---------------------------------------------------------------------------- */

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

#tab-sport-bsi {
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-sprts-headlines.gif") no-repeat; /*change to your button image*/
	width: 670px;
	height: 33px;
	}

	#tab-sport-bsi li, #tab-sport-bsi a {display:block; height: 33px; } /**/

	#sport-tab1 {width:172px;}
	#sport-tab2 {width:163px;}
	#sport-tab3 {width:163px;}
	#sport-tab4 {width:172px;}   

	#tab-sport-bsi li { float: left; list-style: none; _display: inline; }
	#tab-sport-bsi span { display: none; }

#tab-sport-bsi.on-sport-tab1 #sport-tab1 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-sprts-headlines.gif")  0px -33px; } 
#tab-sport-bsi.on-sport-tab2 #sport-tab2 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-sprts-headlines.gif") -172px -33px; }
#tab-sport-bsi.on-sport-tab3 #sport-tab3 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-sprts-headlines.gif") -335px -33px; }
#tab-sport-bsi.on-sport-tab4 #sport-tab4 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-sprts-headlines.gif") -498px -33px; }

#wrap-sport-bsi {
	background: #fff url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-sprts-tabs.gif") no-repeat;
	width: 668px;
	height: 543px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	} /*dimensions of the box your content appears in*/

#content-sport-tab1 {
	padding-left:10px;
	}
	
#content-sport-tab3,
#content-sport-tab4,
#content-tab4 {
	width: 647px;
	height: 541px;
	overflow:auto;
	background:#fff;
	margin-left:11px;
	}
	
#content-tab2 .img-header {
	position:absolute;
	top:40px;
	left:200px;
	z-index:97;
	}
	
#content-sport-tab2 .img-header {
	position:absolute;
	top:70px;
	left:200px;
	z-index:97;
	}	
	
#content-tab4 .img-header,
#content-sport-tab-4 .img-header {
	padding:5px 0px 0px 6px;
	}		
	
	.blog_category, .blog_category * {
		margin:0;padding:0;
		}

	.blog_category li {
		list-style-type:none;
		padding:10px 8px;
		}

	.blog_category p.date {
		color:#666;
		}	

	.blog_category h2 a:link {
		color:#002147;
		text-decoration:none;
		font-size:13px;
		}
		
	.blog_category h2 a:visited {
		color:#002147;
		text-decoration:none;
		font-size:13px;
		}
		

	.blog_category h2 a:hover {
		color:#002147;
		text-decoration:underline;
		}
		
	.blog_category {
		
		}	
				

/* BSI PNG
 * ---------------------------------------------------------------------------- */
.photo_gradiant {
	z-index:1;
	width:648px;
	height:450px;
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bsi-top.png") no-repeat;
	*background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://grfx.cstv.com/schools/cal/graphics/cal-10-bsi-top.png', sizingMethod='scale');
	}

#pngBsi {
	z-index:2;
	width:648px;
	height:450px;
	background:#002046;	
	/*background:100px 0px no-repeat;*/
	}
	
#pngWrap {
	display:block;
	z-index:5;
	width:648px;
	height:450px;
	background:#002046;
	}

/* RelativeFrame
 * ---------------------------------------------------------------------------- */
#relativeFrame, #relativeFrame *{
	margin:0;
	padding:0;	
	}	
	
#transparency {
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bsi-overlay.png") no-repeat;
	width:648px;
	height:110px;
	position:absolute;
	top:373px;
	}
	
body#sport-page #transparency{
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bsi-overlay.png") no-repeat;
	width:648px;
	height:110px;
	position:absolute;
	top:408px;
	}		

#relativeFrame {
	position: relative; 
	width:648px;
	height:110px;
	z-index: 1;
	color:#fff;
	top:-108px;
	}

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

#relativeFrame div#frm0 { visibility: visible }

#relativeFrame h1 {
	padding:8px 0px 8px 9px;
	}

#relativeFrame h1 a {
	font-size:20px;
	text-decoration:none;
	color:#ffc82e;
	}
	
#relativeFrame h1 a:hover {
	text-decoration:underline;
	color:#ffc82e;
	}	
	
#relativeFrame .synopsis {
	padding:0px 8px 0px 9px;
	}
	
#relativeFrame .synopsis a {
	color:#ffc82e;
	text-decoration:none;
	}	
	
#relativeFrame .synopsis a:hover {
	color:#ffc82e;
	text-decoration:underline;
	}	

#minis {
	margin:0;
	padding:0;
	width:648px;
    position:absolute;
    top:485px;
    left:10px;
	}
	
body#sport-page #minis {
	margin:0;
	padding:0;
	width:648px;
    position:absolute;
    top:520px;
    left:10px;
	}	

#mini0, #mini1, #mini2, #mini3 {
	float:left;
	width:128px;
	height:87px;
    position:relative;
	margin-left:30px;_margin-left:26px;
	}

#minis a img {
	padding:8px 0px 0px 2px;
	opacity: .50;
	filter: alpha(opacity=50);
	}
	
#minis a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
#minis div.miniOn a {	
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-bis-thumbs-arrow.png") no-repeat;
	width:128px;
	height:87px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	display:block;
	}
	
#minis div.miniOn a img {
	width:124px;
	height:77px;
	}
	
.mini-teaser {
	background:#000000;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	height:14px;
	left:0px;
	opacity:0.8;
	filter:alpha(opacity=80);
	overflow:hidden;
	padding:1px 1px 1px 3px;
	position:absolute;
	text-align:left;
	top:69px;
	_top:69px;
	*top:69px;
	width:120px;
	_width:120px;
	*width:120px;
	z-index:1;
	margin-left:2px;
	}
	

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

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

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

#vid0, #vid1, #vid2, #vid3, #vid4 {
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-btn-bsi-play.png") no-repeat;
	opacity: .65;
	filter: alpha(opacity=50);
	position:absolute;
	top:0px;
	left:0px;
	width:124px !important;
	height:77px !important;
	z-index:10;
	}

#bsi-video-wrap { display:none; }


#bsi-flash-video {
	display:block;
	width:600px;
	height:340px;
	z-index:96;
	position:absolute;
	top:0px;
	left:23px;
	}
	

#flash-video {
	width:648px;
	margin-left:10px;
	height:450px;
	background:#fff;
	position:relative;
	}
	
	#flash-video-position {
		position:absolute;
		top:50px;
		left:23px;
		}	


/* carousel
 * ---------------------------------------------------------------------------- */
	
#carousel {
	clear:left;
	width:984px;
	height:141px;
	padding:10px 0px 0px 0px;
	}	
		

/* tabs student athlete top right - second column
 * ---------------------------------------------------------------------------- */

#tab-two, #tab-two * { margin:0; padding:0; }

#tab-two {
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-student-athlete.gif") no-repeat; /*change to your button image*/
	width: 305px;
	height: 25px;
	margin-top:6px;
	}

	#tab-two li, #tab-two a {display:block; height: 25px; } /**/

	#tab-tab5 {width:152px;}
	#tab-tab6 {width:153px;}  

	#tab-two li { float: left; list-style: none; _display: inline; }
	#tab-two span { display: none; }

#tab-two.on-tab5 #tab-tab5 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-student-athlete.gif")  0px -25px; } 
#tab-two.on-tab6 #tab-tab6 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-student-athlete.gif") -152px -25px; }

#wrap-two {
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-tabs-stud-athlete.jpg") no-repeat;
	width: 305px;
	height: 92px;
	} /*dimensions of the box your content appears in*/
	
	#wrap-two div {
		padding-left:8px;
		}

#wrap-two a { color: #002147; }/*any links displayed within content area*/
#wrap-two a:hover { color: #ffc82e; }



/* tabs secondary headlines and around the web - second column
 * ---------------------------------------------------------------------------- */


#tab-seven, #tab-seven * { margin:0; padding:0; }

#tab-seven {
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-moreheadlines.gif") no-repeat; /*change to your button image*/
	width: 305px;
	height: 25px;
	}

	#tab-seven li, #tab-seven a {display:block; height: 25px; } /**/

	#tab-tab7 {width:152px;}
	#tab-tab8 {width:153px;}  

	#tab-seven li { float: left; list-style: none; _display: inline; }
	#tab-seven span { display: none; }

#tab-seven.on-tab7 #tab-tab7 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-moreheadlines.gif")  0px -25px; } 
#tab-seven.on-tab8 #tab-tab8 { background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-tabs-moreheadlines.gif") -152px -25px; }

#wrap-seven {
	background:url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-tabs-headlines.jpg") no-repeat;
	width: 305px;
	height: 99px;
	} /*dimensions of the box your content appears in*/

#wrap-seven a { color: #002147; }/*any links displayed within content area*/
#wrap-seven a:hover { color: #ffc82e; }

#content-tab7 {
	height:99px;
	overflow:hidden;
	}	
	
#content-tab7, #content-tab7 *,
#content-tab8, #content-tab8 * {
	margin:0;padding:0;
	color:#002147;
	}
	
#content-tab7 ul {
	padding-left:23px;
	}
	
#content-tab7 ul li {
	padding-top:2px;
	}		
	
#content-tab7 h1 a {
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	}
	
#content-tab7 h1 a:hover {
	text-decoration:underline;
	font-size:11px;
	color:#002147;
	}
	
#content-tab8 {
	height:99px;
	width:284px;
	overflow:auto;
	font-size:10px;
	padding:0px 8px;
	}

#content-tab8 p.title {
	font-weight:bold;
	padding:4px 0px 0px 0px;
	}
	
#content-tab8 a {
	text-decoration:none;
	color:#002147;
	}
	
#content-tab8 a:hover {
	text-decoration:underline;
	color:#002147;
	}		
							


/* bsi bottom  auctions, shop, facilities, visiting berkley
 * ---------------------------------------------------------------------------- */

#bsi-btm {
	width:671px;
	height:308px;
	padding-left:8px;
	padding-top:9px;
	}
	
#bsi-btm div, #bsi-btm div {
	margin:0;padding:0;
	}	
	
#bsi-btm div {
	float:left;
	color:#002147;
	}
	
#bsi-btm div a {
	color:#002147;
	text-decoration:none;
	}
	
#bsi-btm div a:hover {
	color:#002147;
	text-decoration:underline;
	}		
	
#auctions {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-auctions.gif") no-repeat;
	width:318px;
	height:124px;
	position:relative;
	}
	
#auctions .img-header {
	width:102px;
	height:15px;
	position:absolute;
	right:2px;
	bottom:2px;
	}		

#shop {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-shop.gif") no-repeat;
	width:330px;
	height:149px;
	position:relative;
	}
	
#shop .img-header {
	width:92px;
	height:15px;
	position:absolute;
	right:2px;
	bottom:2px;
	}	

#facilities {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-facilities.gif") no-repeat;
	width:330px;
	height:149px;
	position:relative;
	}

#visiting {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-visitingberkeley.gif") no-repeat;
	width:330px;
	height:149px;
	position:relative;
	}
	
#visiting img,
#facilities img {
	float:left;
	padding-top:29px;
	padding-left:4px;
	}
	
#visiting ul,
#facilities ul	{
	width:138px;
	position:absolute;
	top:29px;
	right:8px;
	list-style-type:disc;
	}
	
#visiting li a,
#facilities li a {
	font-size:10px;
	}	
	
#shop img,
#auctions img {
	float:left;
	padding-top:39px;
	padding-left:12px;
	}

#shop p,
#auctions p {
	padding:29px 0px 0px 12px;
	width:197px;
	float:left;
	}					
	
	
#slidertabs-wrap {
	width:305px;
	margin-top:9px;
	float:left;
	margin-bottom:5px;
	}
	
#shop span.title{
	display:block;
	font-weight:bold;
	}	
	

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

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

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

#Accordion1 {
	color:#fff;
	outline:none;
	}

/* This container houses the title for the panel.*/
.AccordionPanelTab {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-accordian-tab-off.gif") no-repeat;
	width:297px;
	height:18px;
	padding:6px 0px 0px 8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color:#002147;
	font-weight:bold;
	}	

/* 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: hidden;
	width:303px;
	height:136px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#000;
	_background-attachment:fixed;
	}
	
.slider-links,
.slider-headlines,
.slider-three {
	width:291px;
	height:126px;
	overflow:auto;
	padding:5px;
	}
	
.slider-links p.title {
	font-weight:bold;
	color:#002147;
	margin:0;padding:5px 0px 5px 0px;
	}
	
.slider-links a {
	color:#002147;
	text-decoration:none;
	}
	
.slider-links a:hover {
	color:#002147;
	text-decoration:underline;
	}
	
.slider-headlines, .slider-headlines * {
	margin:0;padding:0;
	color:#002147;
	}
	
.slider-headlines {
	padding-left:16px;
	}
	
.slider-headlines li {
	padding:4px 0px 2px 0px;
	}		
	
.slider-headlines h1 a {
	color:#002147;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	}
	
.slider-headlines h1 a:hover {
	color:#002147;
	text-decoration:underline;
	}
	
.slider-three, .slider-three * {
	font-size:10px;
	}
	
.slider-three p.title {
	margin:0;padding:0;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	color:#002147;
	}
	
.slider-three a {
	color:#002147;
	text-decoration:none;
	}
	
.slider-three a:hover {
	color:#002147;
	text-decoration:underline;
	}						
					

/* 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/cal/graphics/cal-10-accordian-tab-on.gif") 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/cal/graphics/cal-10-accordian-tab-on.gif") no-repeat;
	width:297px;
	height:18px;
	color:#fff;
	}

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #fff;
	}

.slider-teamlinks {
	background:#002649;
	color:#fff;
	}

.slider-teamlinks h3 {
	margin:0;padding:0;
	}

.slider-teamlinks a {
	color:#fff;
	}

.slider-teamlinks a:hover {
	color:#fff;
	}	


/* banner ad
 * ---------------------------------------------------------------------------- */

#banner-wrap {
	width:1000px;
	height:90px;
	padding-top:7px;
	}
	
#holder-banner {
	width:728px;
	height:90px;
	float:left;
	}
	
#banner-promo {
	width:272px;
	height:90px;
	float:left;
	background:#ccc;
	}
	
#holder-story {
	margin:9px 0px;
	}
	
/* sport navs
 * ---------------------------------------------------------------------------- */

#sport-nav {
	
	}

#sport-nav .sportnav-links {
	color:#ffc82e;
	}

#sport-nav .sportnav-links a {
	color:#ffc82e;
	text-decoration:none;
	padding:0px 10px;
	}
	
#sport-nav .sportnav-links a:hover {
	color:#ffc82e;
	text-decoration:underline;
	}		

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	background: #002147 url("http://grfx.cstv.com/schools/cal/graphics/cal-10-bg-ftr.gif") repeat-x;
	height:760px;
	clear:left;
	}
	
#footer-inside {
	background: url("http://grfx.cstv.com/schools/cal/graphics/cal-10-ftr-callogo.gif") no-repeat;
	width:1000px;
	height:760px;
	margin:0 auto;
	}
	
	#btm-nav {
		clear:both;
		width:1000px;
		height:250px;
		padding-top:86px;
		}
		
	#btm-nav-right {
		width:400px;
		float:right;
		}	
	
	#btm-nav-left div {
		width:160px;
		float:left;
		padding-left:80px;
		}
		
	#btm-nav-left div ul {
		margin:0;padding:0;
		}
		
	#btm-nav-left div li {
		list-style-type:none;
		color:#fff;
		}	
		
	#btm-nav-left div li a {
		color:#fff;
		text-decoration:none;
		}
		
	#btm-nav-left div li a:hover {
		color:#ffc82e;
		}
		
	#btm-nav-left div li.header {
		font-weight:bold;
		}	
		
	#footer div a {
		color:#fff;
		text-decoration:none;
		}
		
	#footer div a:hover {
		color:#fff;
		text-decoration:underline;
		}