/* 
 ----------------------------------------------------------------------------
  Author: CSTV Online, Inc.
  CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/

/* colors
 ----------------------------------------------------------------------------
	red: #BC0E07
	blue: #032250
 ----------------------------------------------------------------------------
*/

/* default type selectors
 * ---------------------------------------------------------------------------- */

body { 
	background: #004578 url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-bg.jpg") repeat;
	color: #222;
	font: 11px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}

h1,h2,h3,h4,h5,h6 { font-size: 1.0em }

a img, :link img, :visited img, fieldset { border:none }

a:link, a:visited { color: #000; text-decoration: underline }
a:hover, a:active { color: #032250; text-decoration: underline }

a { outline: none } /* removes outline when clicking tabs */

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 
	}
	
.ad-box { 
	background-color: #fff; 
	width: 302px; 
	height: 250px; 
	padding-top: 2px; 
	padding-left: 2px 
	}


/* CSTV specific
 * ---------------------------------------------------------------------------- */

h2, 
.storyheadline, 
.StoryHeadline, 
.page-header { color: #032250; font-weight: bold; font-size: 16px }
.tableheaderwhite { color: #fff; font-weight: bold; font-size: 14px }
.storyteaser, 
.StoryTeaser { color: #032250; font-weight: bold }

.tablecontent {color: #000; font-size: 11px}

.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	}

.revClickText { color:#fff !important }


/* layout
 * ---------------------------------------------------------------------------- */

#ribbon {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-ribbon.gif") repeat-y 999px 0;
	width: 100%;	
	}

#wrap { 
	background-image: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-bg-wrap-index.gif");
	background-repeat: repeat-y;
	width: 999px 
	}
	
	body#sport #wrap { background-image: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-bg-wrap-sport.gif") }	
	body#story #wrap { background-image: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-bg-wrap-story.gif") }

#top {
	background-color: #032250;
	border-bottom: 2px solid #073D95;
	height: 100px;
	padding: 10px 0 0 0;
	text-align: center
	}

#scoreboard, #hdr { 
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-bg-scoreboard.gif") no-repeat;
	clear: both;
	height: 46px;
	width: 999px
	}
	
	#scoreboard div { float: left; }
	#scoreboard img { margin-top:13px; }
	
#hdr { 
	border-bottom: 2px solid #000;
	line-height: 46px
	}

#hdr img { 
	float: left;
	margin-top: 10px
	}

#mast-left {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-top-bar.gif") repeat-x;
	padding-top: 23px;
	float: left;
	width: 646px
	}

	#mast-left img { float: left; display: block }

#mast-right {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-bg-yahoo.gif") no-repeat;
	float: left;
	width: 353px
	}
	
	#mast-right img { display: block }

#space { margin: 10px }


/* columns
 * ---------------------------------------------------------------------------- */

#columns, #columns-four { 
	border-collapse: collapse;
	clear: both;
	margin: 0;
	padding: 0
	}

.column-one, .column-two, .column-three, .column-four { 
	margin: 0;
	padding: 0;
	vertical-align: top
	}

.column-one { width: 527px }
.column-two { width: 194px; padding-left: 5px }
.column-three { width: 268px; padding-left: 5px }

body#sport .column-one { width: 409px }
body#sport .column-two { width: 312px }

body#story .column-one { width: 999px }

#columns-four .column-one { background-color: #610303; width: 355px }
#columns-four .column-two { background-color: #fff; padding-left: 0; width: 172px }
#columns-four .column-three { width: 302px }
.column-four { background-color: #fff; width: 165px }
	.column-four .ads { text-align: center }
	.column-four .ads img.first { margin-top: 6px }
	.column-four .ads img { margin-bottom: 2px }


/* headers
 * ---------------------------------------------------------------------------- */

#hdr-features {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-hdr-special-features.gif");
	height: 41px;
	}
	
#hdr-weather {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-hdr-weather.gif");
	height: 32px;
	}
	
#hdr-poll {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-hdr-fanpoll.gif");
	height: 41px;
	}

#hdr-athlete {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-hdr-athletes.gif");
	height: 46px
	}
	
#hdr-poll {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-hdr-poll.gif");
	height: 27px;
	}

#hdr-secondary-headlines {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-hdr-more-hdl.gif");
	height: 47px;
	}
	
	body#sport #hdr-secondary-headlines {
		background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-06-sport-hdr-more-hdls.gif");
		height: 46px
		}

#hdr-sidebar {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-hdr-more-links.gif") no-repeat;
	height: 36px;
	margin-left: -5px;
	}
			

/* poll
 * ---------------------------------------------------------------------------- */

#poll table {  padding-left: 2px }

#poll img { display: none }

#poll table table img { display: block }

.pollquestion { font-weight: bold }


/* athlete
 * ---------------------------------------------------------------------------- */

#athlete, #athlete * { margin: 0; padding: 0 }

#athlete { color: #fff; padding: 8px }

#athlete img { border: 1px solid #000; float: left; margin: 0 5px 5px 0 }

#athlete a:link, #athlete a:visited { color: #fff }
#athlete a:hover, #athlete a:active { color: #ccc }


/* features
 * ---------------------------------------------------------------------------- */

#features, #features * { margin: 0; padding: 0 }
#features { 
	color: #fff; 
	height: 193px;
	overflow: auto;
	padding: 8px 
	}
#features a:link, #features a:visited { color: #fff }
#features a:hover, #features a:active { color: #ccc }
#features p { margin-bottom: 8px }


/* calendar 
 * ---------------------------------------------------------------------------- */

.calendar, .calendar * { border-collapse: collapse; margin: 0; padding: 0  }
.calendar { width: 100%; _width: 96% }
.calendar td { padding: 1px 3px }
.calendar td.dailydate { background-color: #042250; color: #fff; font-weight: bold; }
.calendar tr.categories td { font-weight: bold; }


/* search & login forms
 * ---------------------------------------------------------------------------- */

#search, #search *,
#login, #login * { margin: 0; padding: 0 }

#search { color: #fff; height: 49px }
	
	#search form { 
		padding: 15px 0 0 40px
		}
	
	#search input { 
		border:1px solid #fff;
		vertical-align: middle; 
		width: 130px 
		}
		
		#search input.radio { 
			border: none; 
			height:10px;
			width: 10px
			}
			
		#search input.submit { 
			background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-btn-go.gif");
			border: 0; 
			cursor: pointer;
			height: 19px; 
			width: 28px 
			}
			
#login { color: #fff; padding: 10px; padding-left: 30px }

#login input { border: 1px solid #fff; font-size: 11px; margin-bottom: 5px; width: 200px }

#login input.submit { 
	cursor: pointer;
	width: 60px
	}
	
#login a:link, #login a:visited { color: #fff }
#login a:hover, #login a:active { color: #ccc }
			

/* sportnav
 * ---------------------------------------------------------------------------- */

#sportnav, #sportnav * { margin: 0; padding: 0 }

#sportnav { 
	font-size: 12px;
	color: #fff;
	float: right;
	width: 333px
	}

#sportnav li {
	border-left: 1px solid #fff;
	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 { color: #fff; text-decoration: none }
#sportnav a:hover, #sportnav a:active { color: #ccc }


/* sidebar
 * ---------------------------------------------------------------------------- */

#sidebar, #sidebar * { margin: 0; padding: 0 }

#sidebar { color: #000; margin: 12px }

#sidebar h3 { color: #000; margin-top: 15px }

#sidebar a:link, #sidebar a:visited { color: #000 }
#sidebar a:hover, #sidebar a:active { color: #BC0E07 }

/* ads: banner & skyscraper
 * ---------------------------------------------------------------------------- */

#holder-skyscraper { 
	margin: 16px auto;
	text-align: center
	}
	
body#index #holder-skyscraper, body#story #holder-skyscraper { 
	position: absolute;
	top: 100px;
	left: 1050px
	}


/* pre-footer & footer
 * ---------------------------------------------------------------------------- */

#pre-footer, #pre-footer * { margin: 0; padding: 0; }

#pre-footer {
	border: solid #aaa; 
	border-width: 2px 0;
	display: block;
	margin: 10px auto;
	padding-top: 6px;
	text-align: center;
	width: 460px
	}

	#pre-footer a:link, #pre-footer a:visited { color: #444; }
	#pre-footer a:hover, #pre-footer a:active { color: #666 }

#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 }
	
#footer {
	background-color: #032250;
	border-top: 2px solid #fff;
	color: #fff;
	padding: 20px;
	text-align: center
	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #ccc }


/* tabs: #tabs
 * ---------------------------------------------------------------------------- */	

#tabs { color: #fff }

#tabs a:link, #tabs a:visited { color: #fff }
#tabs a:hover, #tabs a:active { color: #ccc }

#tabs ul.tabs { 
	background:url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-tabs.gif");
	height: 41px;
	margin:0; 
	padding:0;
	width: 527px	
	}


#tabs ul.tabs li { float: left; list-style: none }

#tabs ul.tabs li, #tabs ul.tabs a { display: block; height: 41px }

#tabs ul.tabs span { display: none }

#tab-events { width: 175px }
#tab-tickets { width: 175px }
#tab-promo { width: 175px }

#tabs.on-events ul.tabs { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-tabs.gif") }
#tabs.on-tickets ul.tabs { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-tabs.gif") 0 -41px }
#tabs.on-promo ul.tabs { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-tabs.gif") 0 -82px }

#events, #tickets, #promo { height: 300px; overflow: auto; padding: 8px }



/* navigation: #nav
 * ------------------------------------------------------------------------- */

#nav, #nav * { margin: 0; padding: 0 }

#nav {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif");
	clear: both;
	height: 28px;
	position: relative;
	width: 999px;
	z-index: 99
	}

#nav li, #nav a {  
	height: 28px;
	display: block 
	}
	
#nav span { display: none }
	
#nav li { 
	display: inline; 
	float: left;
	}

#nav-01 { width: 104px }
#nav-02 { width: 124px; margin-left: 1px }
#nav-03 { width: 96px; margin-left: 1px }
#nav-04 { width: 99px; margin-left: 1px }
#nav-05 { width: 77px; margin-left: 1px }
#nav-06 { width: 110px; margin-left: 1px}
#nav-07 { width: 109px; margin-left: 1px }
#nav-08 { width: 104px; margin-left: 1px }

#nav-01 a:hover { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif")    0px -28px }
#nav-02 a:hover { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -105px -28px }
#nav-03 a:hover { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -230px -28px }
#nav-04 a:hover { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -327px -28px }
#nav-05 a:hover { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -427px -28px }
#nav-06 a:hover { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -505px -28px }
#nav-07 a:hover { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -616px -28px }
#nav-08 a:hover { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -726px -28px }

#nav-01:hover>a { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif")    0px -28px }
#nav-02:hover>a { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -105px -28px }
#nav-03:hover>a { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -230px -28px }
#nav-04:hover>a { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -327px -28px }
#nav-05:hover>a { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -427px -28px }
#nav-06:hover>a { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -505px -28px }
#nav-07:hover>a { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -616px -28px }
#nav-08:hover>a { background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-nav.gif") -726px -28px }


/* navigation dropdown: #nav
 * ------------------------------------------------------------------------- */

#nav ul {
	border: solid #bbb;
	border-width: 0 1px;
	left: -9999px;
	top: 28px;
	position:absolute;
	z-index:99
	}

#nav ul.multi { float: left; margin-left: 122px }

#nav ul, #nav li li { width: 120px }

#nav li li, #nav li li a { height: auto }

#nav li:hover ul, #nav a:hover ul { left: auto; }

#nav li li.hdr a, #nav li li.hdr a:hover { background-color: #CC2127; color: #fff; font-weight:bold; }

#nav li li a {
	background: #eee;
	border-bottom: 1px solid #bbb;	
	color: #444;
	display: block;
	padding: 2px 3px;
	text-decoration: none;

	_width: 100%
	}

#nav li li a:hover { 
	background: #fff; 
	color: #000 
	}


/* bsi & relativeFrame & photo
 * ---------------------------------------------------------------------------- */

#top-bsi, #top-lead-photo {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-top-lead-headlines.gif") no-repeat;
	height: 40px;
	position: relative;
	z-index: 2
	}
	
#top-bsi ul { float: right; margin: 0; padding: 12px 46px 0 0 }
#top-bsi li { display: inline; list-style-type: none }
	
#top-lead-photo {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-top-lead-photo.gif") no-repeat;
	height: 36px
	}
	
#btm-lead-photo {
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-btm-lead-photo.gif") no-repeat;
	overflow: hidden;
	height: 8px
	}

#bsi { 
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-bg-lead-headlines.gif") no-repeat 0 25px;
	padding-bottom: 5px
	}

#relativeFrame {
	background-color: #fff;
	height: 140px;
	padding: 7px 8px 12px 8px;
	position: relative; 
	z-index: 1 
	}

	#relativeFrame div {
		position: absolute; 
		visibility: hidden;
		z-index: 1;
		width: 500px
		}

	#relativeFrame div#frm0 { visibility: visible }

#frame_photo { 
	float: left; 
	margin-top: -40px; 
	position: relative; 
	z-index: 1
	}


/* lead-headlines
 * ---------------------------------------------------------------------------- */	

.lead-headlines, .lead-headlines * { margin: 0; padding: 0 }

.lead-headlines {
	clear: both;
	padding: 0 0 4px 0
	}
	
body#sport .lead-headlines { background-color: #fff; padding: 12px 8px }

.lead-headlines a:link, .lead-headlines a:visited { color: #BC0E07; font-weight:bold; text-decoration: none }
.lead-headlines a:hover, .lead-headlines a:active { color: #032250 }

.lead-headlines h3 { 
	font-size: 14px;
	margin-bottom: 8px 
	}

.lead-headlines p.date {
	font-size: 10px; 
	font-style: italic;
	margin: 0
	}
	
#lead-photo img { 
	margin-top: -26px;
	position: relative;
	z-index: 1
	}


/* .seconary-headlines
 * ---------------------------------------------------------------------------- */

.secondary-headlines, .secondary-headlines * { margin:0; padding:0; }       

.secondary-headlines {
	height: 200px;
	overflow: auto;
	padding: 8px 6px;
	margin-bottom: 8px
	}
	
	body#sport .secondary-headlines { color: #fff; height: auto; overflow: visible; padding-top: 16px }
	body#sport .secondary-headlines a:link, body#sport .secondary-headlines a:visited { color: #fff; text-decoration: none }
	body#sport .secondary-headlines a:hover, body#sport .secondary-headlines a:active { color: #ccc }
	body#sport .secondary-headlines h3 { margin-bottom: 0 }

.secondary-headlines li { 
	background: url("http://graphics.fansonly.com/schools/hou/graphics/hou-07-arrows-black.gif") no-repeat 0px 5px;
	list-style-type: none;
	padding-left: 14px;
	margin-bottom: 10px;
	line-height: normal
	}
	
.secondary-headlines a:link, .secondary-headlines a:visited { color: #000; text-decoration: none }
.secondary-headlines a:hover, .secondary-headlines a:active { color: #BC0E07 }

.secondary-headlines h3 { font-size: 10px; margin-bottom: 8px; line-height: normal }

.secondary-headlines p { 
	margin-bottom: 16px
	}

.secondary-headlines p.date { 
	font-size: 11px; 
	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: 10px 0 0 17px;
	float: left;
	}

#wrap-mini div { margin-bottom:1px }

#wrap-mini a { 
	height: 55px;
	width: 90px;
	}

#wrap-mini a img { border: 1px solid #033E98 }
#wrap-mini a:hover img, #wrap-mini div.miniOn a img { border: 1px solid #CC0001 }	

/***************** Photo Gallery Index *********************************/
td.boxborder {border: #00274b 1px solid; font-size:10px; color:#ffffff; background-color:#cc0000; }
td.boxborderrecent {border: #00274b 1px solid; font-size:10px; background-color:#cc0000; }
td.gallerynav {border: #00274b 1px solid; font-size:10px; background-color:#dddddd;}
.mostrecent{color:#ffffff; font-size:10px;  font-weight:600;text-decoration:underline;}
.mostrecent:hover{text-decoration:none;}
.gallerydate {font-size:10px; font-weight:bold; color:#ffffff;}
.gallerytitle {font-size:10px; color:#ffffff;}
.gallerysport {font-size:10px; color:#ffffff;}
.gallerymainlinks {width:128; margin-left: 6; color:#00274b; font-size:10px; text-decoration:none; font-weight:600;}
.gallerymainlinks:hover {text-decoration:underline; }
.galleryseasonlink {color:#cc0000; font-size:10px; text-decoration:none;}
.galleryseasonlink:hover {text-decoration:underline; }
.galleryseason {width:100; margin-left:20; color:#cc0000; font-size:10px; }
/***************** Photo Gallery Index *********************************/
