/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Kristin V. Hart
 	CSS Document: fau-08-display.css
 ---------------------------------------------------------------------------- 
*/


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


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

body { 
	background: #00386b url("http://grfx.cstv.com/schools/fau/graphics/fau-09-index-bg.jpg") no-repeat top center;
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#story-page { 
	background: #00386b url("http://grfx.cstv.com/schools/fau/graphics/fau-09-interior-bg.jpg") no-repeat top center;
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}	

body#headlines { 
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
	background:#00386b;
	}	
	
td {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	}

h1 { font-size: 18px; margin:0;padding:0; }
h2 { font-size: 16px; margin:0;padding:0;}
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; 
	height: 0.01em; 
	overflow: hidden;
        display:none;
	}

#revLayeredAd .revClickText  {
	color:#fff;
	}

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

h2, 
.storyheadline, 
.StoryHeadline, 
.page-header { 
	color: #970000; 
	font-weight: bold; 
	font-size: 16px;
	display:block;
	}
	
.StoryCaption {
	font-size:9px;
	font-style:italic;
	}	

.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 { 
	width:989px;
	margin:0 auto;
	}
	
#mast {
	width:989px;
	height:124px;
	display:block;
	position:relative;
	}
	
#store-portal {
	position:absolute;
	top:25px;
	right:15px;
	}	

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

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

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

#column-1 {
	width:673px;
	background:#fff;
	padding:15px 25px;
	}
	
#column-2 {
	width:259px;
	padding-left:9px;
	}


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

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

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }

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

#nav-wrap {
	width:989px;
	height:40px;
	}
	
#yahoo-search {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-search.gif") no-repeat;
	width:170px;
	height:40px;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 0 0 60px;
}	
	
/* navigation: #nav
* ------------------------------------------------------------------------- */

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

#nav {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") no-repeat;
	height: 40px;
	position: relative;
	width: 759px;
	z-index: 99;
	float:left; 
	}

#nav span { display:none; }

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

#nav li { float: left; }

#nav-01 { width:79px; }
#nav-02 { width:91px; }
#nav-03 { width:166px; }
#nav-04 { width:95px; }
#nav-05 { width:78px; }
#nav-06 { width:83px; }
#nav-07 { width:59px; }
#nav-08 { width:108px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") 0 -40px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -79px -40px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -170px -40px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -336px -40px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -431px -40px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -509px -40px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -592px -40px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -651px -40px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") 0 -40px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -79px -40px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -170px -40px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -336px -40px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -431px -40px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -509px -40px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -592px -40px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-navigation.gif") -651px -40px }


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

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

#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 #970000; text-indent: 0; }


#nav li li a {
	background: #fff;
	color: #970000;
	display: block;
	padding: 3px;
	text-decoration:none;
	_width: 100%;
	}

#nav li li a:hover { 
	background: #00386b; 
	color: #fff; 
	}

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

#nav .header a, #nav .header a:hover { 
	background: #00386b; 
	color: #fff; 
	font-weight: bold;
	}

	/* navigation: #nav1
	* ------------------------------------------------------------------------- */

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

	#nav1 {
		background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") no-repeat;
		height: 40px;
		position: relative;
		width: 759px;
		z-index: 99;
		float:left; 
		}

	#nav1 span { display:none; }

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

	#nav1 li { float: left; }

	#nav1-01 { width:70px; }
	#nav1-02 { width:75px; }
	#nav1-03 { width:148px; }
	#nav1-04 { width:87px; }
	#nav1-05 { width:73px; }
	#nav1-06 { width:76px; }
	#nav1-07 { width:129px; }
	#nav1-08 { width:101px; }

	#nav1-01 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") 0 -40px }
	#nav1-02 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -70px -40px }
	#nav1-03 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -145px -40px }
	#nav1-04 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -293px -40px }
	#nav1-05 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -380px -40px }
	#nav1-06 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -453px -40px }
	#nav1-07 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -529px -40px }
	#nav1-08 a:hover { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -658px -40px }

	#nav1-01:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") 0 -40px }
	#nav1-02:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -70px -40px }
	#nav1-03:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -145px -40px }
	#nav1-04:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -293px -40px }
	#nav1-05:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -380px -40px }
	#nav1-06:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -453px -40px }
	#nav1-07:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -529px -40px }
	#nav1-08:hover>a { background: url("http://grfx.cstv.com/schools/fau/graphics/fau-10-nav.gif") -658px -40px }


	/* navigation dropdown: #nav1
	 * ------------------------------------------------------------------------- */

	#nav1 ul {
		border: solid #970000;
		border-width: 0 1px;
		left: -9999px;
		top: 40px;
		position:absolute;
		z-index:99;
		}

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

	#nav1 li li, 
	#nav1 li li a { height: auto; }

	#nav1 li:hover ul, 
	#nav1 a:hover ul { left: auto; }

	#nav1 li li { border-bottom: 1px solid #970000; text-indent: 0; }


	#nav1 li li a {
		background: #fff;
		color: #970000;
		display: block;
		padding: 3px;
		text-decoration:none;
		_width: 100%;
		}

	#nav1 li li a:hover { 
		background: #00386b; 
		color: #fff; 
		}

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

	#nav1 .header a, #nav1 .header a:hover { 
		background: #00386b; 
		color: #fff; 
		font-weight: bold;
		}


/* 	  BSI
	* ---------------------------------------------------------------------------- */		

#bsi-container {
	width:989px;
	height:355px;
	position:relative;
	z-index:2;
	}
	
#media-icons {
	width:360px;
	height:43px;
	position:absolute;
	top:0;
	right:10px;
	}	

#bsi-tabs {
	width:723px;
	overflow:hidden;
	height:343px;
	display:block;
	float:left;
	padding-top:10px;
	}
	
#bsi-right {
	width:257px;
	height:307px;
	float:left;
	margin-left:8px;
	margin-top:45px;
	}
	
h2#calendar-hdr span {display:none;}

h2#calendar-hdr {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-index-calendar-hdr.gif") no-repeat;
	width:257px;
	height:38px;
	}		
	
#calendar-bg {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-index-calendar-bg.gif") no-repeat;
	width:257px;
	height:166px;
	background-position: center bottom;
	}
	
#calendar-bg .scroll {
	width:245px;
	height:158px;
	overflow:auto;
	margin-left:7px;
	}
	
/* BSI
 * ---------------------------------------------------------------------------- */	

#relativeFrame, #relativeFrame * { margin:0px; padding:0px; }

#relativeFrame {
	position:absolute; 
	width:230px;
	z-index:5;
	top:20px;
	left:20px;
	}

#relativeFrame div {
	width:230px;
	position:absolute; 
	visibility:hidden;
	z-index:20;
	}
#relativeFrame div#frm0 { visibility:visible; }

#relativeFrame h1 a {
	font-size:14px;
	}

#relativeFrame a:link { color:#970000; text-decoration:none; }
#relativeFrame a:visited { color:#970000; text-decoration:none; }
#relativeFrame a:hover { color:#00386b; text-decoration:none; }


#relativeFrame p.pubdate { 
	margin:15px 0px 20px 0px; 
	color:#00386b;
	font-weight:bold;
	font-size:11px; 
	}
	
#relativeFrame p.synopsis { margin-top:5px; font-weight:bold;font-size:11px; }

#minis {
	margin:0px;
	top:230px;
	position:absolute;
	padding:0px;
	width:230px;
	height:50px;
	padding:5px;
	padding-left:15px;
	}

#mini0, #mini1, #mini2, #mini3 {
	float:left;
	width:46px;
	height:47px;
	margin:4px;
	position:relative;
	}
	
#mini0 a, #mini1 a, #mini2 a, #mini3 a, #mini4 a {
	float:left;
	width:46px;
	height:47px;
	}
	
#minis a img {
	opacity: .50;
	filter: alpha(opacity=50);
	border:1px solid #00386b;
	}

#minis a:hover img, #minis div.miniOn a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	border:1px solid #970000;
	}

#minis img {
	border-width:0;
	}

#vid0, #vid1, #vid2, #vid3{
	background: url("http://grfx.cstv.com/schools/usc/graphics/usc-09-play-btn.gif") no-repeat;
	opacity: .60;
	filter: alpha(opacity=60);
	position:absolute;
	top:12px;
	left:11px;
	width:28px !important;
	height:28px !important;
	z-index:99;
	}
	
#frame_photo {
	display:block;
	position:relative;
	}

#video-wrap {
	display:none;
	width:456px;
	height:286px;
	position:absolute;
	left:258px;
	top:10px;
	z-index:5;
	}

#flash-video {
	display:block;
	width:456px;
	height:286px;
	z-index:96;
	}
	
/* BSI LTL PNG
 * ---------------------------------------------------------------------------- */
.photo_gradiant {
	width:723px;
	height:307px;
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-bsi-top.png") no-repeat;
	*background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://grfx.cstv.com/schools/fau/graphics/fau-09-bsi-top.png', sizingMethod='scale');
	}
	
#pngBsi {
	width:723px;
	height:307px;	
	background-repeat:no-repeat;
	background-position:133px 4px;
	}
	
#pngWrap {
	display:block;
	width:723px;
	height:307px;
	}
	
#sec-headlines-wrap {
	background:url("http://grfx.cstv.com/schools/fau/graphics/fau-09-bg-tabs-headlines.gif") no-repeat;
	width:723px;
	height:305px;
	overflow:auto;
	background-attachment:fixed;
	}
	
#sec-headlines, #sec-headlines * {
	margin:0;padding:0;
	}
	
#sec-headlines {
	padding:10px 10px 5px 20px
	}

#sec-headlines h1 {
	padding-left:10px;
	}
	
#sec-headlines h1 a {
	font-size:11px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	}
	
#sec-headlines .pubdate {
	color:#970000;
	font-size:10px;
	}
	
#sec-headlines .pubdate img {
	padding-right:6px;
	}		
	
	
/* slider tabs
 * ---------------------------------------------------------------------------- */	

#tab-calendar {
	background:url("http://grfx.cstv.com/schools/fau/graphics/fau-09-tab-off.gif") no-repeat;
	width:257px;
	height:38px;
	display:block;
	}

#tab-sidelines {
	background:url("http://grfx.cstv.com/schools/fau/graphics/fau-09-tab-on.gif") no-repeat;
	width:257px;
	height:38px;
	display:block;
	}

#tab-sidelines:hover,
#tab-calendar:hover { cursor:pointer; }

#tabs-bg-calendar {
	background:url("http://grfx.cstv.com/schools/fau/graphics/fau-09-tab-bg.gif") no-repeat;
	width:257px;
	height:231px;
	display:none;
	}

#tabs-bg-sidelines {
	background:url("http://grfx.cstv.com/schools/fau/graphics/fau-09-tab-bg.gif") no-repeat;
	width:257px;
	height:231px;
	display:block;
	}	

#tabs-wrap-calendar {
	width:257px;
	height:231px;
	display:none;
	}
	
#tabs-wrap-sidelines {
	width:257px;
	height:231px;
	}
			
#tabs-wrap-calendar, #tabs-wrap-calendar *,
#tabs-wrap-sidelines, #tabs-wrap-sidelines * {
	margin:0;padding:0;
	color:#970000;
	}

#tabs-wrap-calendar .scroll {
	width:244px;
	height:224px;
	overflow:auto;
	margin-left:7px;
	}

#tabs-wrap-sidelines .scroll {
	width:252px;
	height:224px;
	overflow:auto;
	margin-left:7px;
	}	

#tabs-wrap-sidelines .scroll, #tabs-wrap-sidelines .scroll * {
	margin:0;padding:0;
	}


#tabs-wrap-sidelines .scroll li {
	list-style-type:disc;
	padding-left:23px;
	color:#970000;
	}


#tabs-wrap-sidelines .scroll li a {
	text-decoration:none;
	color:#970000;
	font-size:10px;
	}

#tabs-wrap-sidelines .scroll li img {display:inline;}	

#tabs-wrap-sidelines .scroll li a:hover {
	text-decoration:underline;
	}

#tabs-wrap-sidelines .scroll h3,
#tabs-wrap-sidelines .scroll div {
	padding:5px 0px 1px 14px;
	color:#970000;
	font-size:12px;
	}	
	

/* calendar
 * ---------------------------------------------------------------------------- */
	
.calendar, .calendar *,
#tabs-wrap-calendar .scroll .calendar, #tabs-wrap-calendar .scroll .calendar * { margin:0;padding:0; color:#000;}

.calendar table,
#tabs-wrap-calendar .scroll .calendar table {
	border-collapse:collapse;
	color:#fff;
	}
	
.calendar table td,
#tabs-wrap-calendar .scroll .calendar table td {
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
	}		

.calendar li,
#tabs-wrap-calendar .scroll .calendar li {
	list-style-type:none;
	}

.calendar ul,	
#tabs-wrap-calendar .scroll .calendar ul {
	padding-left:6px;
	}
	
.calendar p.date,
#tabs-wrap-calendar .scroll .calendar p.date {
	padding-top:10px;
	padding-left:10px;
	color:#970000;
	font-weight:bold;
	}		
	
.calendar td a,
#tabs-wrap-calendar .scroll .calendar td a {
	font-size:12px;
	text-decoration:none;
	color:#00386b;
	}
	
.calendar td ul a, 
#tabs-wrap-calendar .scroll .calendar td ul a {
	font-size:10px;
	}	

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

#tickets-bg, #tickets-bg *,
#blog-bg, #blog-bg * {margin:0;padding:0;}			

#tickets-bg {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-bg-tabs-tickets.gif") no-repeat;
	width:683px;
	height:267px;
	padding:20px;
	background-attachement:fixed;
	}
	
#tickets-bg p {
	padding-bottom:10px;
	}		
	
#blog-bg {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-bg-tabs-blogs.gif") no-repeat;
	width:683px;
	height:267px;
	padding:20px;
	background-attachement:fixed;
	}
	
#blog-bg p {
	padding-bottom:10px;
	}
	
#blog-bg a {
	text-decoration:none;
	color:#970000;
	}
	
#blog-bg a:hover {
	text-decoration:underline;
	color:#970000;
	}		
				
#promo-container {
	width:989px;
	height:275px;
	clear:left;
	padding-top:12px;
	}		
	
#promos-left {
	width:656px;
	height:275px;
	float:left;
	}
	
#promos-top {
	width:656px;
	height:182px;
	}	
			
#photos-bg {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-bg-specials.gif") no-repeat;
	width:315px;
	height:143px;
	float:left;
	padding:36px 0px 0px 8px;
	}
	
#promos-bg {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-bg-promotions.gif") no-repeat;
	width:315px;
	height:143px;
	float:left;
	padding:36px 0px 0px 8px;
	margin-left:8px;
	_margin-left:7px;
	}
	
#story-ad {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-bg-300x250.gif") no-repeat;
	width:324px;
	height:276px;
	float:left;
	margin-left:8px;
	}
	
#small-logos {
	background: url("http://grfx.cstv.com/schools/fau/graphics/fau-09-bg-logos.gif") no-repeat;
	width:656px;
	height:88px;
	margin-top:6px;
	}						

.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 .StoryCaption{ font-size: 9px }

/* sport navs
 * ---------------------------------------------------------------------------- */

#sport-nav {
	width:989px;
	height:20px;
	position:absolute;
	top:40px;
	left:16px;
	}

#sport-nav ul {
	margin:0;padding:0;
	}

#sport-nav li {
	float:left;
	list-style-type:none;
	}

#sport-nav li a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	}

#sport-nav li a:hover {
	color:#fff;
	text-decoration:underline;
	}		

#sport-nav li.divider {
	padding:0px 10px;
	}


/* banner ad promo
 * ---------------------------------------------------------------------------- */

#banner-wrap {
	width:989px;
	height:90px;
	margin-top:12px;
	}
	
body#story-page #banner-wrap {
	width:989px;
	height:90px;
	padding:7px 0px 5px 0px;
	margin:0;
	}	

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

#banner-promo {
	width:257px;
	height:90px;
	float:left;
	margin-left:4px;
	}
	
#holder-story {
	padding:13px 0px 0px 12px;
	}	
	
/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	padding:20px 0px;
	color: #222;
	text-align: center
	}