/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: PRODUCER'S NAME HERE
 	CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/


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


/* default type selectors
 * ---------------------------------------------------------------------------- */
.clear { 
	clear: both; 
	height: 0.01em; 
	overflow: hidden;
	}
	
body 
{ 
	background: #464646;
	color: #000;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin:0 auto; 
	padding:0 
}

#img-blk
{display:block;}
	
td
{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222;
}


h1 { font-size: 18px }
h2 { font-size: 16px }
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 }





#revLayeredAd .revClickText  {
color:#fff;
}

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

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


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


#container
{
	margin:auto;
	margin-top:10px;
	width:996px;
	display:block;
}


#wrap 
{ 
	background:  url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-bg-body.gif");
	width:996px;
	margin:auto;
}
	
#mast 
{
	width:984px;
	margin-left:6px;
}

#mast div
{
	float:left;
}

#mast-L
{
	width:693px;
	height:141px;
	display:block;
}

#mast-R
{
	width:291px;
	height:141px;
	display:block;
	
}


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

#columns 
{
	width:984px;
	padding:0;
	margin:0;
	border-collapse:collapse;
	margin-left:6px;
}

#column-1, #column-2, #column-3, #column-1a, #column-1b, #column-2a, #column-2b, #column-2c, #column-2d    
{
	padding:0;
	margin:0;
	vertical-align:top;
}

#column-1 
{ 
	width:740px;
}


body#story #column-1 
{ 
	width:740px;
background:#fff;

}


#column-1a 
{ 
	width:508px;
	float:left;
}

#column-1b 
{ 
	width:232px;
	float:left;
	vertical-align:top;
	
}


#column-2a 
{ 
	width:252px;
	float:left;
	margin-right:2px;
}

#column-2b 
{ 
	width:252px;
	float:left;
}

#column-2c 
{ 
	width:232px;
	float:right;
margin-top:-393px;

}


#openings-wrap
{height:163px;
margin:3px;}

#column-2d
{width:506px;
float:left;}

#column-2d img
{float:left;}
#column-2c img
{
	
	border-top:2px solid #c60203;
}


#column-2 {width:740px; }


#column-3 {width:244px;}

#holder-banner
{text-align:center;}


#video
{margin-left:2px;
border-bottom:2px solid #c60203;}


#title
{background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-red-bar.gif");
height:18px;
color:#fff;
font-size:15px;
padding:5px;}

#story-content
{padding:10px;}


#calendar-wrap
{color:#fff;
padding:5px;
overflow:auto;
width:220px;
height:120px;
}

#search
{border-bottom:2px solid #c60203;
margin:5px 0 5px 0;}

#nat-convention-wrap
{margin:3px;}


/* navigation: #nav
 * ------------------------------------------------------------------------- */
#nav-wrap{
	margin-left:6px;
	height:39px;
	border-bottom:3px solid #c60203;
	width:984px;
}



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

#nav {
	background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") no-repeat;
	height: 39px;
	position: relative;
	width: 984px;
	z-index: 99; 
	}
	
#nav span { display:none; }

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

#nav li { float: left; }


#nav-01 { width:105px; }
#nav-02 { width:115px; }
#nav-03 { width:75px; }
#nav-04 { width:85px; }
#nav-05 { width:55px; }
#nav-06 { width:110px; }
#nav-07 { width:50px; }
#nav-08 { width:100px; }
#nav-09 { width:110px; }
#nav-10 { width:60px; }
#nav-11 { width:70px; }
#nav-12 { width:49px; }




#nav-01 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") 0 -39px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -105px -39px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -220px -39px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -295px -39px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -380px -39px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -435px -39px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -545px -39px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -595px -39px }
#nav-09 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -695px -39px }
#nav-10 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -805px -39px }
#nav-11 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -865px -39px }
#nav-12 a:hover { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -935px -39px }


#nav-01:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") 0 -39px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -105px -39px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -220px -39px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -295px -39px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -380px -39px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -435px -39px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -545px -39px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -595px -39px }
#nav-09:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -695px -39px }
#nav-10:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -805px -39px }
#nav-11:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -865px -39px }
#nav-12:hover>a { background: url("http://grfx.cstv.com/confs/nabc/graphics/nabc-08-navigation.gif") -935px -39px }


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

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

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

	#nav-08 ul { margin-left: -15px }

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


	#nav li li a {
		background: #fff;
		color: #0055a5;
		display: block;
		padding: 3px;
		text-decoration:none;

		_width: 100%
		}

	#nav li li a:hover { 
		background: #0055a5; 
		color: #fff 
		}

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

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



	/* Son of Suckerfish: 2nd Tier Drop Down
	 * ------------------------------------------------------------------------- */

	#nav li ul li ul  {
		display: none;
		width: 165px;
		margin-left: 165px; /* width of drop down nav +2 */
		margin-top: -19px; /* height of drop down nav item +1 */
		}

	#nav li ul li:hover ul, #nav li ul li.over ul { display: block; }

	#nav li ul li ul li a {
		height: 18px;
		width: 100%;
		}

	#nav li li.tall, #nav li li.tall a {
		height:39px;
		line-height:14px;
		}

	#nav ul.right { margin-left: 150px; text-align: left }
	#nav li li.header a, #nav li li.header a:hover { background-color: #0055a5; color: #fff; font-weight: bold }
/* navigation: #nav 
*/






#lead-headlines-block
{width:500px;
margin-left:3px;
color:#fff;}

#lead-headlines-block h1 a
{color:#fff;
font-size:13px;
text-decoration:none;}

#relativeFrame
{padding:10px;}

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

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

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

#relativeFrame div#frm0 { visibility: visible }

#minis{
	margin:0;
	padding:0;
margin-left:12px;
	
}

#minis div{
	float:left;
	padding:7px;

}

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


#sec-headlines-wrap
{

background:#ccc;
padding:5px;
overflow:auto;
}

#sec-headlines-wrap  a
{color:#c60203;
font-size:11px;
text-decoration:none;margin:0;
padding:0;}

#pubdate
{font-size:10px;
}

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

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

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }


/* 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
	}
	
.photo-table .caption { font-size: 10px }


/* 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://grfx.cstv.com/graphics/oas-icon-email.gif") 0 2px no-repeat }
	.email-print li.print { background: url("http://grfx.cstv.com/graphics/oas-icon-print.gif") 0 2px no-repeat }
		
	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {margin:auto;
text-align:center;
	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #fff }