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

/* colors
 ----------------------------------------------------------------------------
	dark: #000
	light: #fff
 ----------------------------------------------------------------------------
*/

/* default type selectors
 * ---------------------------------------------------------------------------- */
.syndication a{
    float:left;
    padding:0 5px;
    border:1px solid #fff;
    border-width:0 1px 0 0;
    line-height:10px;
    margin-bottom:5px;
}
body { 
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-bg-body.gif") repeat 0 3px;
	color: #fff;
	font: 11px/16px "Lucida Grande", Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}

h1 { font-size: 1.4em }
h2 { font-size: 1.3em }
h3 { font-size: 1.2em }

h4,h5,h6 { font-size: 1.1em }

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

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

a { outline: none }

pre { background-color: #fff; padding-right: 10px; width: 550px; overflow: auto; }


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

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

.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: #293873; 
	font-weight: bold; 
	font-size: 1.3em 
	}

.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	}

td.boxborder {border: #002B7F 1px solid; font-size:10px; color:#002B7F; background-color:#dddddd; } 
td.boxborderrecent {border: #F7E79C 1px solid; font-size:10px; background-color:#dddddd; } 
td.gallerynav {border: #F7E79C 1px solid; font-size:10px; background-color:#002B7F;} 
.mostrecent{color:#002B7F; font-size:10px;  font-weight:600;text-decoration:underline;} 
.mostrecent:hover{text-decoration:none;} 
.gallerydate {font-size:10px; font-weight:bold; color:#002B7F;} 
.gallerysport {font-size:10px; color:#002B7F;} 
.gallerymainlinks {width:128; margin-left: 6; color: #e4d99b !important; font-size:10px; text-decoration:none; font-weight:600;} 
.gallerymainlinks:hover {text-decoration:underline; color: #fff !important; } 
.galleryseasonlink {color:#ffffff; font-size:10px; text-decoration:none;} 
.galleryseasonlink:hover {text-decoration:underline; } 
.galleryseason {width:100; margin-left:20; color:#ffffff; font-size:10px; }

.dottedBorder { background-color: #eee !important; margin: 10px auto; }
.dottedBorder a { color: #222 !important;}
.dottedBorder a:hover { background-color: #ccc !important;}

.pdcstmargin1 {margin: 25px 30px 10px 40px }


/* icons
 * ---------------------------------------------------------------------------- */

#icons-wrap {
	background: #000 url("http://graphics.fansonly.com/graphics/icons/icons-bkg.gif") repeat-x;
	height: 39px;
	text-align: center;
	width: 100% !important
	}

	#icons-wrap img{
		behavior: url("/library/pngbehavior.htc");
		color: #fff;
		display: inline;
		margin: 0 7px 0 7px
		}
	
#center-icons { 
	margin: 0 auto
	}


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

#gradient { 
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-bg-gradient.gif") repeat-x;
	width: 100%
	}


#wrap {
	margin: 0 auto;
	position: relative;
	width: 992px 
	}
	
#mast {
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-mast-index-1.jpg");
	height: 375px;
	position: relative;
	}
	
	#mast h1 { margin: 0; padding: 0 }

	#mast a { 
		display: block; 
		height: 374px; 
		position: absolute; 
		text-indent: -9999px;
		width: 353px 
		}
		
#scoreboard { 
	background:url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-scoreboard.gif");
	height: 25px;
	}

#hdr-headlines {
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-hdr-headlines.gif");
	height: 22px
	}

#hdr-extras {
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-hdr-extras.gif");
	height: 22px
	}
	
#content { padding: 0 8px }

#ads-rotate { margin: 0 auto; text-align: center }
	
#ads-side { margin: 10px auto }

#holder-banner { position:absolute; top:4px; left:200px }
#holder-skyscraper { position:absolute; top:158px; left:1000px }

body#page-sport #holder-skyscraper { position: relative; top:0; left:0; margin: 10px auto; text-align: center }

/* athlete
 * ---------------------------------------------------------------------------- */
	
#hdr-athlete {
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-hdr-saotw.gif");
	height: 22px;
	}

#athlete {
	padding: 4px;
	}
	
	#athlete img { border: 2px solid #e4d99b }
	
	#athlete p, #athlete h3 { margin-top: 0 }

#photo-athlete { float:left; margin: 0 5px 5px 0 }


/* ticker & banner
 * ---------------------------------------------------------------------------- */

#block-ticker-banner { 
	background:url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-bg-ticker.jpg") no-repeat bottom left;
	height: 111px;
	position: relative;
	}
	
	#ticker {
		position: absolute;
		top: 92px;
		left: 135px;
		}


/* buttons bottom
 * ---------------------------------------------------------------------------- */

#buttons-bottom * { margin: 0; padding:0 } 

#buttons-bottom ul { border: 1px solid #cabf8e; height: 145px; }

#buttons-bottom li {
	list-style-type: none;
	float: left;
	}
	
	
/* hdr & sportnav
 * ---------------------------------------------------------------------------- */

#block-hdr-sportnav {
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-bg-hdr.gif") repeat-x;
	position: relative;
	height: 21px;
	width: 636px;
	}
	
	body#page-story #block-hdr-sportnav { margin-bottom: 10px }	
	
#hdr { position: absolute; }	


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

#columns {
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-bg-columns.gif") repeat-y;
	border-bottom: 1px solid #f7e79c;
	width: 992px;
	clear: both;
	margin: 0;
	padding: 0
	}

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

#column-1, #column-2, #headlines, #side { 
	float: left;
	margin: 0;
	padding: 0;
	_display: inline;
	}

#column-1 { margin-left: 1px; width: 353px }
#column-2 { margin-left: 1px; width: 637px }

body#page-story #column-2 { color: #222; font-size: 12px }

body#page-story #column-2 a:link, body#page-story #column-2 a:visited { color: #BF3130 }
body#page-story #column-2 a:hover, body#page-story #column-2 a:active { color: #1B264E }

#headlines { width: 397px }
#side { margin-left: 1px; width: 238px }


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

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

#search { position: absolute; top: 330px; left: 80px }
	
	#search form { color: #e4d99b; }
	
	#search input { 
		border: 1px solid #e4d99b;
		vertical-align: middle; 
		width: 140px; 
		}
		
		#search input.radio { 
			border: none; 
			height:10px;
			width: 10px;
			}
			
		#search input.submit {
			background-color: #e4d99b;
			border: 1px solid #fff; 
			cursor: pointer; 
			width: 40px; 
			}
	

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

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

.calendar { width: 315px  }

.calendar td { padding: 1px 3px }

.calendar td.dailydate {
	color: #fff; 
	font-weight: bold
	}

.calendar tr.categories td { 
	background-color: #e4d99b; 
	color: #26356E; 
	font-weight: bold 
	}

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

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

.calendar-gt { width: 600px  }

.calendar-gt td { padding: 1px 3px }

.calendar-gt td.dailydate {
	color: #fff; 
	font-weight: bold
	}

.calendar-gt tr.categories td { 
	background-color: #e4d99b; 
	color: #26356E; 
	font-weight: bold 
	}

.calendar-gt tr.calendar-info td {color: #000; font-size:11px;}

.calendar-gt tr.calendar-info td a:active{color: #000; font-size:11px;text-decoration:none;}
.calendar-gt tr.calendar-info td a:visited{color: #08336a; font-size:11px;}
.calendar-gt tr.calendar-info td a:link{color: #08336a; font-size:11px;}


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

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

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

#sidebar { margin: 0; padding: 4px 8px 8px 8px; font-size: 1.2em; }

#sidebar h3 { margin-top: 10px }



/* photo-table
 * ---------------------------------------------------------------------------- */

.photo-table ul { margin: 5px 0; padding:0;}

.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: .95em }


/* 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://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 }
		
		
/* pre-footer
 * ---------------------------------------------------------------------------- */

#pre-footer {
	border: solid #aaa; 
	border-width: 2px 0;
	margin: 10px 0;
	margin-left: 420px;
	display: block;
	padding-top: 6px;
	text-align: center;
	width: 460px
	}
	
	
	#pre-footer a:link, #pre-footer a:visited { color: #BF3130 }
	#pre-footer a:hover, #pre-footer a:active { color: #1B264E }
	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	color: #fff;
	padding: 20px;
	text-align: center
	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #ccc }
	
	
/* navigation: #nav
 * ------------------------------------------------------------------------- */

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

#nav {
	background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif");
	height: 22px;
	position: relative;
	width: 992px;
	z-index: 99;
	}

#nav li, #nav a {  
	height: 22px;
	display: block 
	}

#nav li { float: left }

#nav span { display:none }

#nav-01 { width: 109px }
#nav-02 { width: 112px }
#nav-03 { width:  94px }
#nav-04 { width: 120px }
#nav-05 { width: 152px }
#nav-06 { width: 103px }
#nav-07 { width: 134px }
#nav-08 { width: 168px }		

#nav-01 a:hover { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif")    0px -22px }
#nav-02 a:hover { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -109px -22px }
#nav-03 a:hover { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -221px -22px }
#nav-04 a:hover { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -315px -22px }
#nav-05 a:hover { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -435px -22px }
#nav-06 a:hover { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -587px -22px }
#nav-07 a:hover { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -690px -22px }
#nav-08 a:hover { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -824px -22px }

#nav-01:hover>a { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif")    0px -22px }
#nav-02:hover>a { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -109px -22px }
#nav-03:hover>a { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -221px -22px }
#nav-04:hover>a { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -315px -22px }
#nav-05:hover>a { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -435px -22px }
#nav-06:hover>a { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -587px -22px }
#nav-07:hover>a { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -690px -22px }
#nav-08:hover>a { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-nav.gif") -824px -22px }


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

	#nav ul {
		border: solid #9F976D;
		border-width: 0 1px;
		left: -9999px;
		top: 22px;
		position:absolute;
		z-index:99
		}
		
		#nav ul.right { margin-left: 150px; text-align: left }
	
	#nav li li.header a, #nav li li.header a:hover { background-color: #BF3130; color: #fff; font-weight: bold }
	
	#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 #9F976D }

	#nav li li a {
		background: #e4d99b;
		color: #222;
		display: block;
		padding: 2px;
		text-decoration:none;

		_width: 100%
		}

	#nav li li a:hover { 
		background: #26356E; 
		color: #fff 
		}
		
		
/* navigation: #sportnav
 * ------------------------------------------------------------------------- */	

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

	#sportnav { 
		position: relative;
		top: 3px;
		float: right;
		}


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

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

body#page-story #column-2 #sportnav a:link, body#page-story #column-2 #sportnav a:visited { color: #e4d99b }
body#page-story #column-2 #sportnav a:hover, body#page-story #column-2 #sportnav a:active { color: #fff }


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

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

#tabs-1 ul.tabs li { float: left; list-style: none; text-indent: -9999px; }

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

#tabs-1 h2, #tabs-1 h3 { margin: 0 0 4px 0 }

body#page-story #tabs-1, body#page-sport #tabs-1 { border-bottom: 1px solid #e4d99b }

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

#tabs-1 ul.tabs { 
	background:url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-tabs-calendar.gif");
	height: 22px; 
	width: 353px	
	}

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

#tab-events { width: 118px }
#tab-store { width: 118px }
#tab-tickets { width: 117px }

#tabs-1.on-events #tab-events { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-tabs-calendar.gif") 0 -22px }
#tabs-1.on-store #tab-store { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-tabs-calendar.gif") -118px -22px }	
#tabs-1.on-tickets #tab-tickets { background: url("http://graphics.fansonly.com/schools/tuls/graphics/tuls-07-tabs-calendar.gif") -236px -22px }

#events, #store, #tickets { height: 320px; padding: 8px; overflow: auto; }

#store { text-align: center; font-size: 1.1em }
#store ul { list-style-type: none; margin: 0; padding: 0 }


/* lead-headlines-block & relativeFrame & transparency
 * ---------------------------------------------------------------------------- */

#lead-headlines-block { 
	font-size: 10px;
	line-height: 13px;
	height: 374px;
	position: relative 
	}

#lead-headlines-block a:link, #lead-headlines-block a:visited { color: #e4d99b }
#lead-headlines-block a:hover, #lead-headlines-block a:active { color: #ccc }

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

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

	#relativeFrame div#frm0 { visibility: visible }

#transparency {
	background-color: #000;
	display: block;
	height: 135px;
	opacity: .85;
	position: absolute;
	left: 1px;
	top: 240px;
	width: 396px;

	filter: alpha(opacity=85);
	}

/* lead-photo
 * ---------------------------------------------------------------------------- */

.lead-photo { position: absolute }
body#page-sport .lead-photo { position: relative }


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

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

.lead-headlines div { 
	color: #fff;
	width: 390px;
	padding: 5px;
	position: absolute;

	top: 236px
	}

.lead-headlines h2 {
	font-size: 11px;
	margin-bottom: 4px 
	}

.lead-headlines p.date {
	font-size: .95em;
	font-weight: bold;
	margin: 0
	}
	
	body#page-sport .lead-headlines { padding: 8px }


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

#block-secondary-headlines { height: 336px; overflow: auto }

body#page-sport #block-secondary-headlines { height: auto; overflow: visible }

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

.secondary-headlines { clear:both; padding: 8px; font-size: .95em; }

.secondary-headlines a:link, .secondary-headlines a:visited { color: #e4d99b }
.secondary-headlines a:hover, .secondary-headlines a:active { color: #ccc }

.secondary-headlines h3, .secondary-headlines p { 
	margin-bottom: 12px 
	}

.secondary-headlines h3 { margin-bottom: 4px }

.secondary-headlines p.date {
	color: #e4d99b;
	font-size: .90em; 
	font-weight: bold;
	margin: 0
	}

.secondary-headlines img { float:left; border: 2px solid #e4d99b; margin:0 4px 15px 0 }


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

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

#minis { 
	position: absolute;
	left: 16px;
	top: 318px;
	}

#minis div { float: left; margin-right: 2px; border: 1px solid #eee; _display: inline }

#minis div#mini3 { margin-right: 0 }

#minis a, #minis div, #minis img { 
	height: 52px;
	width: 88px;
	}

#minis a img {
	opacity: .70;
	filter: alpha(opacity=70);
	}
#minis a:hover img, #minis div.miniOn a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
