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

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

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

body { 
	background: #004578 url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-bg-body.gif");
	color: #000;
	font: 11px/16px "Lucida Grande", Verdana, 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: #000; text-decoration: underline }
a:hover, a:active { color: #666; text-decoration: underline }

a { outline: none }

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

#holder-skyscraper { position: absolute; left: 1020px; top: 150px }

#holder-banner { 
	background-color: #000; 
	padding: 8px 0;
	min-height: 60px;  
	margin: 0 auto; 
	text-align: center
	}

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

.ads-list { 
	background:#fff; 
	border-top:2px solid #000;
	margin:0 auto; 
	padding: 10px 0;
	text-align:center 
	}

.ads-list li { display: inline; margin-left: 9px; list-style: none }

.media-guides { text-align: center; margin: 1px auto }
.media-guides a:link, .media-guides a:visited { color: #fff; text-decoration: none; }
.media-guides a:hover, .media-guides a:active { color: #ffc02b; text-decoration: none; }
.media-guides img {margin-top:10px;}

#bio-table { line-height: normal }


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

h2, 
.storyheadline, 
.StoryHeadline, 
.page-header { 
	color: #000; 
	font-weight: bold; 
	font-size: 1.3em 
	}

.storyteaser, 
.StoryTeaser, 
.teaser { color: #222; font-weight: bold; font-size: 1.1em }

.tableheader { 
	color: #DFA10D; 
	font-weight: bold; 
	border-color: #000; 
	font-size: 1.1em 
	}
	
a.mediaTitleLink:link, a.mediaTitleLink:visited { color: #fff !important }

.sponsoredText { background-color:#eee; }
.sponsoredText a:hover { background-color: #fff }

.fivevert { display: block; line-height: 5px }
.tenvert { display: block; line-height: 10px }
.twentyvert { display: block; 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	}


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

#wrap { 
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-bg-wrap.gif") repeat-y;
	width: 1001px 
	}
	
body#story #wrap { background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-bg-wrap-story.gif") repeat-y }
body#story.sport #wrap { background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-bg-wrap-story-sport.gif") repeat-y }

#mast img { float: left }

#bottom { 
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-btm-bar.gif");
	height: 27px
	}


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

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

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

#column-1 { width: 233px }
#column-2 { width: 494px }
#column-3 { width: 274px }

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

body#story #column-1 a:link, body#story #column-1 a:visited { color: #222; text-decoration: underline }
body#story #column-1 a:hover, body#story #column-1 a:active { color: #dfa10d; text-decoration: underline }

body#story #column-1 { padding: 8px; width: 1001px }
body#story.sport #column-1 { padding: 8px; width: 727px }
body#story.sport #column-2 { width: 274px }


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

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

#search { 
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-search.gif");
	float: left;
	height: 26px;
	width: 293px
	}
	
	#search form {	margin-left: 20px; margin-top: 4px; }
	
	#search input { 
		border:1px solid #fff;
		vertical-align: middle; 
		width: 120px 
		}
		
		#search input.radio { 
			border: none; 
			height:10px;
			width: 10px
			}
			
		#search input.submit { 
			border: 0; 
			cursor: pointer; 
			width: 40px 
			}
		
			
/* email
 * ---------------------------------------------------------------------------- */

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

	#email form { color: #fff; margin: 8px auto; width: 140px }
	
	#email input { 
		border:1px solid #ccc;
		margin-bottom: 4px;
		vertical-align: middle; 
		width: 140px 
		}
			
		#email input.submit { 
			border: 0; 
			cursor: pointer; 
			width: 60px 
			}


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

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

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

.calendar h2 { 
	background-color: #fff;
	color: #222;
	height: 18px; 
	line-height: 18px;
	margin-top: 10px;
	}

.calendar h3 { margin-top: 8px }

.calendar p { margin-bottom: 4px }

.calendar ul { list-style-type: none }

.calendar li { display: inline; padding-right: 4px }


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

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

#sidebar { background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-bg-sidebar.gif") repeat-y  }

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

#btm-sidebar { background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-btm-sidebar.gif") no-repeat bottom; min-height: 250px; _height: 250px; margin-left:1px; padding-bottom:5px; }

#sidebar h3 { padding-top: 15px }
#sidebar ul { margin-left: 26px; }
#sidebar div { padding-left: 5px; }


/* 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; 
	padding: 0;
	padding-left: 25px
	}
	
.photo-table .caption { font-size: .95em; margin-top: 0 }


/* navigation: #sportnav
 * ---------------------------------------------------------------------------- */

#hdr { 
	background: #000 url("http://graphics.fansonly.com/schools/wiml//graphics/wiml-07-bg-hdr.gif");
	clear:both;
	height: 20px; 
	overflow:hidden 
	}

#hdr img { _display: inline; float: left; margin-left: 157px }

body#story #hdr img { margin-left: 0 }	

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

	#sportnav { 
		font-size: 12px;
		_display: inline;
		float: right;
		}


	#sportnav li {
		border-left: 1px solid #FECD32;
		display: inline;
		font-weight: bold;
		line-height: 20px;
		list-style-type: none;
		padding: 0 7px 0 9px
		}

	#sportnav li.first { border-left: none }
	
	#sportnav a:link, #sportnav a:visited { color: #FECD32; text-decoration: none }
	#sportnav a:hover, #sportnav a:active { color: #eee; text-decoration: none }
	

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

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

.lead-headlines { 
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-bg-lead-headlines.gif") repeat-y
	}
	
	#lead-story { background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-btm-lead-headlines.gif") no-repeat bottom }

.lead-headlines img { border-bottom: 1px solid #fff; margin-bottom: 10px }

.lead-headlines h2 { 
	margin-bottom: 8px;
	padding: 0 8px
	}

.lead-headlines p {
	padding: 0 8px 16px 8px
	}

	.lead-headlines p.date { margin: 0; padding: 0 }

#separate-headlines {
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-white-curve.gif");
	overflow: hidden;
	height: 11px
	}

#top-headlines-split {
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-top-headlines-split.gif");
	overflow: hidden;
	height: 12px
	}
		
#headlines-split {
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-bg-headlines-split.gif") repeat-y;
	overflow:auto;
	width: 494px;
	}
	
	#headlines-split div { float: left; width: 200px; _display: inline; margin-left: 30px }
	#headlines-split div img { float: right; margin: 0 0 5px 5px }
	#headlines-split h2, #headlines-split p { padding:0; margin:0 }
	#headlines-split h2 { margin-bottom:10px; }

#btm-headlines-split {
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-btm-headlines-split.gif");
	height: 10px;
	overflow: hidden;
	margin-bottom: 10px;
	clear: both;
	}


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

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

.secondary-headlines { color: #fff; padding: 8px }

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

.secondary-headlines p.date { 
	font-size: .95em; 
	margin: 0
	}
	
#hdr-secondary-headlines { 
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-hdr-secondary-headlines.gif");
	height: 38px
	}
	

/* email-print
 * ---------------------------------------------------------------------------- */

.email-print, .email-print * { margin: 0; padding: 0 }

.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;
	clear: both;
	display: block;
	text-align: center;
	margin: 10px 0 10px 280px;
	width: 460px
	}
	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	background: #024579 url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-bg-footer.gif") repeat-x top;
	color: #fff;
	padding: 20px;
	text-align: center
	}
	
	#footer a:link, #footer a:visited { color: #ccc; text-decoration: none }
	#footer a:hover, #footer a:active { color: #fff }


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

#tabSet ul.tabs { margin:0; padding:0 }

#tabSet ul.tabs li { float: left; list-style: none }

#tabSet ul.tabs span { display: none }


/* tabs: #tabSet
 * ---------------------------------------------------------------------------- */	

#tabSet { 
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-btm-tabs.gif") bottom no-repeat; 
	margin-bottom: 16px;
	padding-bottom: 11px
	}

#tabSet ul.tabs { 
	background: #717171 url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-tabs.gif") no-repeat;
	height: 25px; 
	width: 274px	
	}

#tabSet ul.tabs li, #tabSet ul.tabs a { display: block; height: 25px }

#tab-events { width: 90px }
#tab-results { width: 90px }
#tab-tickets { width: 90px }

#tabSet.on-events ul.tabs { background: #717171 url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-tabs.gif") no-repeat }
#tabSet.on-results ul.tabs { background: #717171 url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-tabs.gif") no-repeat 0 -25px }
#tabSet.on-tickets ul.tabs { background: #717171 url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-tabs.gif") no-repeat 0 -50px }

#events, #results, #tickets {
	background-color: #D2D2D2;
	height: 250px;
	overflow: auto
	}

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

#nav, #nav * { _border-collapse: collapse; list-style-type: none; margin: 0; padding: 0 }

#nav {
	background: url("http://graphics.fansonly.com/schools/wiml/graphics/wiml-07-nav.gif");
	height: 26px;
	line-height: 26px;
	float: left;
	position: relative; 
	width: 708px;
	}

#nav li { 
	float: left;
	position: relative;
	width: 110px 
	}
	
	#nav li.short { width: 80px }
	#nav li.long { width: 160px }

#nav a { 
	color: #222;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;

	_width: 100%;
	}

#nav a:hover { 
	background: #455681; 
	color: #fff;
	text-decoration: none 
	}

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

	#nav ul {
		left: -9999px;
		position: absolute;
		z-index: 99
		}		

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

	#nav li:hover ul, 
	#nav a:hover ul { left: 0; top: 26px }

	#nav li li { line-height: normal }

	#nav li li a {
		background-color: #eee;
		border: 1px solid #fff;
		border-top: none;
		color: #222;
		display: block;
		font-weight: normal;
		padding: 4px;
		text-align: left;
		text-decoration: none;
		text-transform: none
		}

	#nav li li a:hover, #nav li:hover>a  { 
		background: #455681; 
		color: #fff 
		}