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

/* 
 ----------------------------------------------------------------------------
	yellow: #FDD015
	blue: #004578
 ----------------------------------------------------------------------------
*/
	
	/*  STICKY HEADER  */
		#sticky-header {
			width: 1003px;
			height: 35px;
			display: block;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: 90;
		}
		#sticky-header-wrap {
			width: 1003px;
			height: 35px;
			display: block;
			position: relative;
			z-index: 666;
			overflow: hidden;
		}
		#scoreboard-wrap {
			background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-scoreboard-bg.png") no-repeat;
			width: 527px;
			height: 35px;
			display: block;
			float: left;
			padding: 0px 0px 0px 0px;
		}
		#sticky-nav-wrap {
			background: #004171;
			width: 313px;
			height: 35px;
			display: block;
			float: left;
			padding-top: 1px;
			position: relative;
			z-index: 222;
		}
		#search-wrap {
			background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-search-bg.png") no-repeat;
			width: 153px;
			height: 34px;
			display: block;
			float: left;
			padding: 1px 0px 0px 10px;
		}
		#mast {
			width: 1000px;
			height: 147px;
			display: block;
			margin-top: 35px;
			position: relative;
			z-index: 2;
		}
		#holder-skyscraper {
			position: relative;
			z-index: 2;
		}
		#yahoo {
			width: 123px;
			height: 12px;
			border: none;
			margin-top: 2px;
			float: left;
		}
		.submit { margin-top:2px; }
		#search-wrap label {
			color: #FFFFFF;
			font-size: 9px;
		}
		#school, #www {
			margin: 0px 1px 0px 2px;
			*margin: -1px 1px 0px 2px;
			float: left;
		}
		.grr { margin-top: -3px; float: left; }
		/* STICKY NAVIGATION: #stickynav
		 * ------------------------------------------------------------------------- */
		#stickynav, #stickynav * { border-collapse: collapse; margin: 0px; padding: 0px; }
		#stickynav {
			background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") no-repeat;
			height: 37px;
			position: relative;
			width: 313px;
			z-index: 333; 
		}
		#stickynav span { display: none; }
		#stickynav li, #stickynav a {
			font-size: 10px;
			text-transform: uppercase;  
			height: 37px;
			display: block;
		}
		#stickynav li { float: left; }

		#stickynav-01 { width: 31px; }
		#stickynav-02 { width: 22px; }
		#stickynav-03 { width: 48px; }
		#stickynav-04 { width: 99px; }
		#stickynav-05 { width: 113px; }

		#stickynav-01 a:hover { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") 0 -37px }
		#stickynav-02 a:hover { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") -31px -37px }
		#stickynav-03 a:hover { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") -53px -37px }
		#stickynav-04 a:hover { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") -101px -37px }
		#stickynav-05 a:hover { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") -200px -37px }

		#stickynav-01:hover>a { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") 0 -37px }
		#stickynav-02:hover>a { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") -31px -37px }
		#stickynav-03:hover>a { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") -53px -37px }
		#stickynav-04:hover>a { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") -101px -37px }
		#stickynav-05:hover>a { background: url("http://grfx.cstv.com/schools/lasa/graphics/lasa-07-sticky-nav.png") -200px -37px }
		/*--- END sticky NAVIGATION: #stickynav ---*/

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

body { 
	background: #004578 url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-body.gif") repeat-y 1000px 0;
	color: #222;
	font: 12px/18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}

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

h4 { color: #444 }

h5 { color: #666 }

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

a:link, a:visited { color: #004578; text-decoration: underline }
a:hover, a:active { color: #777; text-decoration: underline }

body#story pre { overflow:auto; width:800px }

/* 
 ----------------------------------------------------------------------------
pre { background-color: #fff; padding-right: 10px } -->
 ---------------------------------------------------------------------------- 
*/


/* classes
 * ---------------------------------------------------------------------------- */

.center { text-align: center }
.left { text-align: left }
.right { text-align: right }

.img-left { float: right; margin: 0 6px 4px }
.img-right { float: right; margin: 0 0 4px 6px }

.clear { 
	clear: both; 
	height: 0.01em; 
	overflow: hidden 
	}

.hdr-blank { 
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-hdr-blank.gif");
	clear: both;
	height: 33px
	}
	

/* CSTV specific
 * ---------------------------------------------------------------------------- */

h2, 
.storyheadline, 
.StoryHeadline, 
.page-header { color: #004578; 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://graphics.fansonly.com/schools/uri/graphics/yahoo-search5.gif") no-repeat }
.yahoo-off { background-image: none	}

.pollquestion { color: #004578; font-weight: bold }

.photo-caption { float: left; margin-right: 10px; margin-top: 15px }
.photo-caption p { text-align: center }


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

#wrap { 
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-wrap.gif") repeat-y;
	width: 1000px 
	}

	
body#story #wrap { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-wrap-story.gif") repeat-y }

#top { 
	background-color: #004578; 
	height: 90px;
	padding: 0 0 0 0;
	text-align: center;
	width: 1000px 
	}

#scoreboard { 
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-scoreboard.gif");
	float: left;
	height: 42px;
	width: 672px
	}

#mast { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-mast-static.jpg") no-repeat left }

#mast img, #mast object { float: left }

#pre-columns {
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-pre-columns.gif") repeat-x;
	clear: left;
	height: 33px
	}
	
#today {
	color: #ddd;
	display: block;
	float: left;
	font-weight: bold;
	height: 33px;
	line-height:33px;
	text-align:center;
	width: 162px
	}

#bio-table font { line-height:normal }

.ads-column-middle { margin: 0 auto; padding: 8px 0; text-align: center }

.ads-column-middle li {
	list-style-type: none;
	display: inline;
	padding: 8px
	}

#space { margin: 10px 20px }


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

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

#column-left, #column-middle, #column-right { 
	margin: 0;
	padding: 0;
	vertical-align: top
	}

#column-left { width: 162px }
#column-middle { width: 567px }
#column-right { width: 271px }

#column-left, #column-left a:link, #column-left a:visited { color: #fff }

#bg-column-middle { 
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-sports-mid-column.jpg") repeat-x;
	height: 300px; 
	margin-bottom: -300px;
	margin-left: 1px;	
	width: 565px
	}
	
body#story #column-right { width: 838px }


/* headers
 * ---------------------------------------------------------------------------- */
	
#hdr {
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-sports-hdr.jpg") repeat-x;
	margin-left: 1px;
	height: 33px;
	width: 564px
	}
	
	#hdr img { margin: 6px 0 0 15px }

body#story #hdr { 
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-story-hdr.jpg") repeat-x;
	width: 837px
	}
	
#hdr-secondary-headlines {
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-hdr-secondary-headlines.gif");
	height: 33px	
	}
	

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

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

#search {
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-search.gif");
	color:#fff;	
	float: left;
	font-size: 10px;
	height: 42px;
	width: 328px
	}
	
	#search form { margin-left: 5px; margin-top: 6px }
	
	#search input { 
		border:1px solid #fff;
		vertical-align: middle; 
		width: 125px 
		}
		
		#search input.radio { border: none; width: 10px; height:10px }
		#search input.submit { border: 0; cursor: pointer; width: 30px }
	

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

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

.calendar h2, .calendar h3, .calendar p, .calendar ul { padding-left: 10px }

.calendar h2 { 
	background-color: #004578;
	color: #fff;
	font-size: 13px;
	height: 18px; 
	line-height: 18px; 
	}

.calendar h3 {
	font-size: 12px; 
	margin-bottom: 2px; 
	margin-top: 8px;
	}

	.calendar h3 a:link, .calendar h3 a:visited { text-decoration: none }

.calendar p { margin-bottom: 4px }

.calendar ul { list-style-type: none; margin-bottom: 12px }
.calendar li { display: inline; padding-right: 6px }


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

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

#sidebar { 
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-side-gradient.gif") repeat-x;
	min-height: 120px;
	_height: 120px;
	color: #fff; 
	padding: 0 12px 12px 12px;
	}

#sidebar a:link, #sidebar a:visited { color: #fff }
#sidebar a:hover, #sidebar a:active { color: #FDD015 }

#sidebar h3 { color: #FDD015; padding-top: 8px }

#hdr-sidebar {
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-hdr-side-nav.gif");
	height: 16px;
	}


/* fanpoll / athlete of the week
 * ---------------------------------------------------------------------------- */

#poll {	float: left; width: 284px }
#athlete {	float: left; width: 283px }

#hdr-poll { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-hdr-poll.gif"); height: 33px }
#hdr-athlete { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-hdr-athlete.gif"); height: 33px }

#content-poll, #content-athlete {
	background: #fff url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-tabs.gif") repeat-x;
	border-right: 1px solid #000;
	height: 220px;
	font-size: 11px;
	line-height: 16px;
	padding:4px 8px;
	margin-left: 1px;
	overflow: auto
	}

#content-athlete {
	padding-top: 8px;
	margin-left: 0
	}
	
	#content-athlete h3 { margin: 0 }
	#content-athlete p { margin-top: 0; margin-bottom: 4px }
	

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


#wrap-pre-footer { 
	margin-left: 350px;
	padding: 15px 0
	} 

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

#pre-footer {
	border-top: 2px solid #aaa; 
	border-bottom: 2px solid #aaa;
	display: block;
	padding-top: 6px;
	text-align: center;
	width: 460px
	}

#pre-footer a { color: #333; }
#pre-footer a:hover { color: #aaa }

#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 {
	background: #024579 url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-footer.gif") repeat-x top;
	color: #fff;
	padding: 20px;
	text-align: center
	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #ccc }


/* banner & skyscraper
 * ---------------------------------------------------------------------------- */

#holder-skyscraper { margin:15px auto; text-align:center; }

body#story #skyscraper { 
	left: 1050px;
	position: absolute;
	top: 100px
	}
		

/* navigation: .nav-left
 * ------------------------------------------------------------------------- */

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

.nav-left { border-top: 1px solid #87AEC4; font-size: 11px; line-height: 14px }

.nav-left li { border-bottom: 1px dotted #4B8BB0 }

.nav-left li a:link, .nav-left li a:visited { 
	background-color: #005594;
	color: #fff;
	display: block;
	font-weight: bold; 
	padding: 3px 0 3px 8px;
	text-decoration: none;
	width: 154px 
	}
	
.nav-left li a:hover, .nav-left li a:active { background-color: #67A3CF; color: #fff; text-decoration: none }
	

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

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

#nav-top {
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-nav.gif");
	float: left;
	font-size: 11px;
	height: 33px;
	position: relative;
	width: 567px 
	}

#nav-top li, #nav-top a {  
	height: 33px;
	display: block 
	}
	
#nav-top span { display: none }
	
#nav-top li { float: left }

#nav-top-01 { width: 116px }
#nav-top-02 { width: 133px }	
#nav-top-03 { width: 113px }	
#nav-top-04 { width: 71px }	
#nav-top-05 { width: 134px }

#nav-top-01 a:hover { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-nav.gif")    0px -33px }
#nav-top-02 a:hover { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-nav.gif") -116px -33px }
#nav-top-03 a:hover { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-nav.gif") -249px -33px }	
#nav-top-04 a:hover { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-nav.gif") -362px -33px }	
#nav-top-05 a:hover { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-nav.gif") -433px -33px }

#nav-top-01:hover>a { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-nav.gif")    0px -33px }
#nav-top-02:hover>a { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-nav.gif") -116px -33px }


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

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

#nav-top ul, #nav-top li li { width: 150px }

#nav-top li li, #nav-top li li a { height: auto }

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

#nav-top li li a {
	background: #ebebeb;
	border-bottom: 1px solid #aaa;	
	color: #222;
	display: block;
	padding:2px 3px;
	text-decoration:none;

	_width: 100%
	}

#nav-top li li a:hover { 
	background: #FDD015; 
	color: #000 
	}

	
	
/* sportnav
 * ---------------------------------------------------------------------------- */

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

#sportnav { 
	font-size: 12px;
	margin: 5px auto 15px auto;
	text-align: center
	}

#sportnav li {
	border-left: 1px solid #004578;
	display: inline;
	font-weight: bold;
	list-style-type: none;
	padding: 0 5px 0 7px
	}

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

#sportnav a:link, #sportnav a:visited { text-decoration: none }

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

#tabs-1 ul.tabs,
#tabs-2 ul.tabs { margin:0; padding:0 }

#tabs-1 ul.tabs li,
#tabs-2 ul.tabs li { float: left; list-style: none }

#tabs-1 ul.tabs span,
#tabs-2 ul.tabs span { display: none }

#tabs-1 { font-size: 11px; margin-top: -33px; position: relative }

#tabs-2 { clear: both }
	
	
#events, #results, #gameday { 
	background: #fff url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-tabs.gif") repeat-x;
	width: 269px;
	margin-left: 1px;
	height: 250px; 
	overflow: auto 
	}
	
#headlines, #features { 
	background: #fff url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-tabs.gif") repeat-x;
	width: 565px;
	margin-left: 1px;
	height: 350px;
	padding-top: 10px;
	overflow: auto 
	}


/* tabs: #tabs-1
 * ---------------------------------------------------------------------------- */	

#tabs-1 ul.tabs { 
	background:url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-tabs-1.gif");
	height: 34px; 
	width: 271px	
	}

#tabs-1 ul.tabs li, #tabs-1 ul.tabs a { display: block; height: 34px }

#tab-events { width: 74px }
#tab-results { width: 82px }
#tab-gameday { width: 115px }

#tabs-1.on-events ul.tabs { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-tabs-1.gif") }
#tabs-1.on-results ul.tabs { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-tabs-1.gif") 0 -34px }
#tabs-1.on-gameday ul.tabs { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-tabs-1.gif") 0 -68px }


/* tabs: #tabs-2
 * ---------------------------------------------------------------------------- */	

#tabs-2 ul.tabs { 
	background:url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-tabs-2.gif");
	height: 34px; 
	width: 567px	
	}

#tabs-2 ul.tabs li, #tabs-2 ul.tabs a { display: block; height: 34px }

#tab-headlines { width: 143px }
#tab-features { width: 156px }

#tabs-2.on-headlines ul.tabs { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-tabs-2.gif") }
#tabs-2.on-features ul.tabs { background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-tabs-2.gif") 0 -34px }


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

#bsi { 
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-bg-lead-headlines.gif") repeat-y;
	}
	
#bsi-top {
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-top-lead-headlines.gif") no-repeat top;
	padding-top: 10px
	}
	
#bsi-btm {
	background: url("http://graphics.fansonly.com/schools/lasa/graphics/lasa-07-btm-lead-headlines.gif") repeat-y;
	height: 14px	
	}

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

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

	#relativeFrame div#frm0 { visibility: visible }

#frame_photo { 
	border: 1px solid #000; 
	float: left;
	margin: 0 6px 5px 11px
	}

#lead-photo {
	margin-left: 5px;
	text-align: center
	}

#lead-photo img { border: 1px solid #eee; margin-top: 7px }


/* lead-headlines
 * ---------------------------------------------------------------------------- */	

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

.lead-headlines {
	clear: both;
	margin: 0 15px;
	padding: 8px 0
	}	
	
.lead-headlines a:link, .lead-headlines a:visited { text-decoration: none }

.lead-headlines h3 { 
	font-size: 14px;
	margin-bottom: 8px 
	}

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

.lead-headlines .photo { float: left; margin: 0 10px 20px 0 }
.lead-headlines .photo img { border: 1px solid #B0C2D0 }
.lead-headlines .story { float: left; margin: 0 0 20px 0; width: 360px }

body#sport .lead-headlines { margin: 0 20px }
body#sport .lead-headlines h3 { margin-bottom: 4px }


/* .seconary-headlines
 * ---------------------------------------------------------------------------- */

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

.secondary-headlines {
	margin: 0 7px 0 6px;
	padding: 8px 12px
	}

.secondary-headlines a:link, .secondary-headlines a:visited { text-decoration: none }

.secondary-headlines h3 { font-size: 12px; margin-bottom: 12px }

#features .secondary-headlines h3 { margin-bottom: 2px }

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

.secondary-headlines p.date { 
	font-size: 12px; 
	margin: 0
	}

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


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

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

#wrap-mini { 
	margin: 0 0 0 4px;
	float: left;
	}

#wrap-mini div { margin-bottom:10px }

#wrap-mini a { 
	height: 55px;
	width: 90px;
	}

#wrap-mini a img { border: 2px solid #B0C2D0 }
#wrap-mini a:hover img, #wrap-mini div.miniOn a img { border: 2px solid #FDD015 }