/* 
 ----------------------------------------------------------------------------
	Company: CBS Interactive.
	Author: Stanley J. Haag
 	CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/

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


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

body { 
	background: #505050 url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-index.gif") repeat-x;
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0; 
	padding:0 
	}



body#story { 
	background: #505050 url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-interior.gif") repeat-x;
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0; 
	padding:0; 
	}

body#story .goldlink {color:#9A8344;}


body#sport-body { 
	background: #505050 url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-interior.gif") repeat-x;
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0; 
	padding:0 
	}

#index
{margin-top:27px;
background: #505050;}

	
td{
font: 11px Verdana, Arial, 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: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; 
	
	}

#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 { 
	background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-body.gif") repeat-y;
	width:1000px;
	margin:0 auto;
	}

#mast-wrap
{width:1000px;
	margin:0 auto;}
	
#ads-top-wrap
{width:1000px;
height:90px;}


#alerts
{background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-alerts.gif");
width:195px;
height:85px;}

#alerts-no
{background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-alerts-no.gif");
width:195px;
height:85px;}




#top-ad
{float:left;
width:728px;
height:90px;}

#top-promo
{float:left;
padding-left:5px;}

#search-top
{background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-hdr-yahoo.gif') no-repeat;
		width:1000px;
		height:30px;
		display:block;
}


#search-L
{float:left;
width:590px;
height:30px;
}

#search
{float:left;
width:410px;
padding-top:7px;
height:23px;
overflow:hidden;
}

#icons
{position:relative;
top:-30px;
}

body#story #icons, body#sport-body #icons
{position:relative;
top:-20px;
}
	
	#mast{
		width:1000px;
		height:150px;
		display:block;
		}



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

#galleryblock li{
	list-style:none;
	width:200px;
	text-align:center;
	display:block;
	}
	
#galleryblock img{
	display:block;
	page-break-before: always;
	}
	
	
#galleryblock{
width:218px;
margin-left:25px;
}


	#mast-top{
		background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-hdr-top.gif');
		width:1000px;
		height:16px;
		display:block;
		}

	#mast-left{
		width:478px;
		height:150px;
		display:block;
		float:left;
		}

	#mast-right{
		width:522px;
		height:150px;
		display:block;
		float:left;
		}

	#mast-right div{
		float:left;
		}

	#scoreboard{
		background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-scoreboard.gif');
		width:522px;
		height:65px;
		display:block;
		}

	#aotw-top{
		background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-athlete-top.gif');
		width:301px;
		height:36px;
		display:block;
		}

	#aotw-body{
		background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-athlete-bg.gif');
		width:301px;
		height:88px;
		display:block;
		}

	#aotw-bot{
		background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-athlete-btm.gif') no-repeat;
		width:301px;
		height:17px;
		display:block;
		padding-bottom:3px;
		}


		#sidebar-top{
			background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-inside-top.gif');
			width:301px;
			height:36px;
			display:block;
			}

		#sidebar-body{
			background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-inside-bg.gif');
			width:301px;
			height:78px;
			display:block;
			}

		#sidebar-bot{
			background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-inside-btm.gif') no-repeat;
			width:301px;
			height:17px;
			display:block;
			padding-bottom:3px;
			}


	#sec-headlines-top{
		background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-more-hdls-top.gif');
		width:301px;
		height:36px;
		display:block;
		}

	#sec-headlines-body{
		background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-more-hdls-bg.gif');
		width:287px;
		height:228px;
		display:block;
		padding:7px;
		}

		



	#sec-headlines-bot{
		background: url('http://grfx.cstv.com/schools/oakl/graphics/oakl-08-more-hdls-btm.gif') no-repeat;
		width:301px;
		height:18px;
		padding-bottom:3px;
		display:block;
		}


#secondary-headlines-wrap
{background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-callendar-bg.gif");
width:394px;

padding:5px 18px 5px 18px;

color:#000;
font-size:11px;
}


#secondary-headlines-wrap img
{padding-right:3px;}

#secondary-headlines-wrap a
{font-weight:bold;
color:#000;
font-size:11px;
text-decoration:none;
}

#more-hdls-sport
{height:200px;
overflow:auto;
}

	#holder-story-ad{
		width:300px;
		height:250px;
		display:block;
		
		margin-bottom:3px;
		}

	#slide-tab-wrap
{
margin:4px 0 0 0;}


#col2-promos a
{
color:#000;
padding-top:6px;
text-decoration:none;}



#col1-promos
{width:429px;
height:100px;
border:1px #000 solid;
margin-top:5px;}

/*

#col3-bg-wrap
{width:243px;
background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-3rd-sub-bg.gif");}


#col3-promos
{
width:243px;
height:160px;

background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-3rd-sub-bg.gif");
}

*/


#title-wrap
{background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-titles-sport.gif") no-repeat;
height:58px;
width:430px;
margin-bottom:2px;
}

#story-title-wrap
{background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-bg-titles-story.gif") no-repeat;
height:58px;
width:732px;
margin-bottom:2px;


}


#title
{padding-top:5px;}


#sport-nav
{color:#ccb281;
margin:9px;
font-size:10px;
padding-left:3px;

}

.sport-nav-links a
{font-size:9px;
color:#ccb281;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;}

#aotw-imgs
{float:right;
width:97px;
height:90px;
}

#aotw-imgs img
{
width:75px;
height:80px;
}

#aotw-txt
{color:#fff;
float:right;
font-size:11px;
width:189px;
padding:0 0 0 15px;
}

#aotw-txt a
{color:#fff;}

#sidebar-wrap
{
width:264px;
height:224px;
overflow:auto;
padding:0 0 10px 15px;
}

#sidebar-wrap a
{color:#000;
text-decoration:none;
line-height:18px;
}

#sidebar-wrap h3 {
padding:7px 0 3px 0;
margin:0;
}

#top-ads
{width:1000px;
height:86px;
display:block;
padding:20px 0 25px 0;
margin: auto;}	

#top-banner
{float:left;
width:728px;
height:86px;
}

#top-promo-ad
{float:left;}




#video a
{color:#fff;
text-decoration:none;}

#video
{background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-3rd-sub-bg.gif");
width:228px;
padding:5px 0 0 15px;}


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

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

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

#column-1 {width:430px; padding:0 0 0 5px; }
#column-2 {width:301px; padding:0 0 0 3px; }
#column-3 {width:253px; padding:4px 5px 0 7px; }

body#story #column-1
{width:732px; 
padding:5px 3px 0 5px;
}


#story-pad
{background:#fff;
border:1px solid #000;

padding:10px;


}

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

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

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

#column-1-promos {width:430px; padding:0 0 0 5px; }
#column-2-promos {width:301px; padding:0 0 0 3px; }
#column-3-promos {width:253px; padding:4px 5px 0 7px; }

body#story #column-1-promos
{width:732px; 
padding:5px 3px 0 5px;
}


#story-pad-promos
{background:#000;
border:1px solid #000;
padding:10px;
color:#fff;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}


#story-pad-promos h1 { font-size: 18px; color:#fff; }
#story-pad-promos h2 { font-size: 16px; color:#fff; }
#story-pad-promos h3 { font-size: 14px; color:#fff; }


#story-pad-promos a {color:#fff;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

#story-pad-promos a:hover 
{text-decoration: none;}



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

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

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }


#lead-headlines-block
{background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-top-story-bg.gif");
height:435px;
width:430px;}

#lead-photo
{
background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-top-story-frame.gif") no-repeat;
width:406px;
height:264x;
padding:12px;
}


#relativeFrame, #relativeFrame *{
	margin:0;
	padding:0;	
color:#fff;
font-size:11px;
}

#relativeFrame {
	position: relative; 
	width:410px;
	z-index: 1
padding:10px;
}

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

#relativeFrame div#frm0 { visibility: visible }

#relativeFrame h1 a
{color:#af8b33;
font-size:12px;
text-decoration:none;
}

#relativeFrame h1 a:hover
{
text-decoration:underline;
}

#relativeFrame a
{text-decoration:none;
color:#af8b33;
font-size:10px;}

#relativeFrame h1
{padding-bottom:7px;}

.goldlinks
{color:#af8b33;
font-size:12px;
text-decoration:none;
font-weight: bold;
}

.goldlinks:hover
{text-decoration:underline;}


#numbers-wrap
{height:18px;
margin:0 0 5px 0;}

#numbers div
{float:left;
padding:2px;
height:18px;
}

#numbers
{padding-left:293px}


#sec-hdls-wrap
{height:230px;
overflow:auto;
width:279px;}

#sec-headlines-wrap
{
padding:0 15px 0 10px;}

#sec-headlines-wrap img
{padding-right:2px;}

#sec-headlines-wrap a
{color:#000;
font-size:10px;
text-decoration:none;}

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

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

#nav {
	background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") no-repeat;
	height: 43px;
	position: relative;
	width: 1000px;
	z-index: 99; 
	}
	
#nav span { display:none; }

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

#nav li { float: left; }


#nav-01 { width:90px; }
#nav-02 { width:141px; }
#nav-03 { width:100px; }
#nav-04 { width:114px; }
#nav-05 { width:132px; }
#nav-06 { width:92px; }
#nav-07 { width:82px; }
#nav-08 { width:82px; }
#nav-09 { width:167px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") 0 -43px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -90px -43px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -231px -43px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -331px -43px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -445px -43px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -577px -43px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -669px -43px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -751px -43px }
#nav-09 a:hover { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -833px -43px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") 0 -43px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -90px -43px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -231px -43px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -331px -43px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -445px -43px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -577px -43px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -669px -43px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -751px -43px }
#nav-09:hover>a { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-10-navigation.gif") -833px -43px }


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

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

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


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

		_width: 100%
		}

	#nav li li a:hover { 
		background: #000; 
		color: #af8b33 
		}

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

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






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

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


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

#calendar-tab ul.event-1 { 
	background:url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-tabs-callendar.gif");
	height: 38px; 
	width: 430px	
	}

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

#tab-calendar, #tab-results { width: 215px }


#calendar-tab.on-calendar #tab-calendar { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-tabs-callendar.gif") 0 -38px }
#calendar-tab.on-results #tab-results { background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-tabs-callendar.gif") -215px -38px }	

#calendar, #results 
{ background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-callendar-bg.gif");
height:195px; 
padding:0 0 0 15px; 
width:414px; 
}

#calendar-wrap
{
width:398px;
margin-right:15px;
height:195px;
overflow:auto;}

.calendar-text {width:380px; }
.calendar-text td { ;padding: 1px 3px; }
.calendar-text td.dailydate {color: #000; font-size:10px;
font-weight:bold;text-transform:uppercase; border-bottom:1px 
solid #gold;}

.calendar-text tr.categories td 
{ border-bottom:1px #af8b33 solid;
color: #000; font-size:10px;
text-transform:uppercase;
}
.calendar-text tr.calendar-text-info td {color: #000; font-size:9px;}
.calendar-text tr.calendar-text-info td a:active{color: #000; font-size:9px;text-decoration:none;}
.calendar-text tr.calendar-text-info td a:visited{color: #000; font-size:9px;text-decoration:none;}
.calendar-text tr.calendar-text-info td a:link{color: #000; font-size:9px;text-decoration:none;}




#census-table
{width:243px;}

.pollborder
{}

.pollbg
{}

.pollquestion
{color:#fff;}

.pollquestion a
{color:#fff;} 

.pollanswers
{color:#fff;}




.Accordion {
	/*border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;*/
	overflow: hidden;
	width: 243px; /* container width */
}

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

background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-photo-gallery-off.gif") no-repeat;
}

#dark{
	
}

/* This container houses the title for the panel.*/
.AccordionPanelTab {
	
	
	
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* 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;
	margin: 0px;
	padding: 0;
	height: 160px;
background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-3rd-sub-bg.gif");
color:#fff;

}

.AccordionPanelContent a
{color:#fff;}


/* This is an example of how to change the appearance of the panel 
tab that is currently open.*/
.AccordionPanelOpen .AccordionPanelTab, #dark.AccordionPanelOpen {
	background: url("http://grfx.cstv.com/schools/oakl/graphics/oakl-08-photo-gallery-on.gif");
	color:#fff;
}

/* This is an example of how to change the appearance of the panel 
tab as the mouse hovers over it.*/
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/*  Accordion has focus. */
.AccordionFocused .AccordionPanelTab {
	/*background-color: #555;*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: 555;
}

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

#print-foot
{text-align:center;
padding:25px;}

#footer-ads
{width:1000px;
height:90px;
padding-top:15px;
display:block;
margin:auto;}	

#footer-banner
{float:left;
width:728px;
height:90px;
}

#footer-promo-ad
{float:left;}

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
margin-top:25px;
	text-align:center;
	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #666 }
	
	
.CampsSport 	{ 	font-family: Verdana, Arial, helvetica, Geneva, Sans-Serif; 	text-decoration: none; 	font-size:14px; 	color:#ffffff; 	font-weight: 800; 	background-color: #000000; 	} 
.CampsSportSub 	{         color: #ffffff; 	font-size:12px; 	font-weight: 700; 	} 
.CampsHeader 	{ 	background-color: #9A8348; 	color: #000000; 	font-size:14px; 	font-weight:800; 	}