/* 
 ----------------------------------------------------------------------------
  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 #a6a265;
    border-width:0 1px 0 0;
    line-height:10px;
    margin-bottom:5px;
}


body { 
	background: #302E2F !important;
	color: #222;
	font: 12px/17px "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: #302E2F; text-decoration: underline; }
a:hover, a:active { color: #8F8C59; text-decoration: underline }

a { outline: none }

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


/* 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 
	}
	
.buttons, .buttons * { margin: 0; padding: 0 }

.buttons li { list-style-type: none }
.buttons li, .buttons a { float: left }


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

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

.storyteaser, 
.StoryTeaser { color: #8F8C59; 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	}


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

#wrap { 
	background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-bg-wrap.gif") repeat-y;
	width: 1045px 
	}
	
body#page-story #wrap { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-bg-wrap-story.gif") repeat-y; padding-bottom: 20px; }

body#page-members #wrap { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-bg-wrap-members.gif") repeat-y; padding-bottom: 20px; }

#top { width: 1007px; background-color: #302E2F; }

#mast { 
	background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-mast.jpg");
	clear: both;
	height: 101px;
	text-indent: -9999px;
	width: 1007px
	}
	
	#mast, #mast * { margin: 0; padding: 0 }
	
	#mast a { display: block; height: 101px; width: 1007px }
	
#scoreboard {
	background-color: #efefef;
	border: 3px solid #ccc;
	height: 175px;
	margin: 6px auto;
	text-align: center;
	width: 245px
	}
	
#video { margin: 10px auto; text-align: center }


#search #ticker {
	float: left;
	margin-left: 80px;
	width: 595px;
	
	_display: inline;
	}
	

	#holder-banner { float: left; width: 730px; _display: inline }
	#holder-skyscraper { margin: 10px auto; text-align:center }
	body#page-story #holder-skyscraper { position: absolute; left: 1050px; top: 100px }
	
	#sponsor { float: left; width: 277px; _display: inline }


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

#columns {
	clear: both;
	margin: 0;
	padding: 0;
	width: 1007px
	}

#column-1, #column-2, #column-3 { 
	float: left;
	margin: 0;
	padding: 0
	}

#column-1 { 
	background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-topleftshadow.jpg") no-repeat; 
	padding-top: 10px;
	width: 267px 
	}
	
#column-2 { width: 473px }
#column-3 { width: 267px }

body#page-story #column-2 { padding: 10px; width: 714px }


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

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

#search { 
	background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-ticker.gif");
	clear: both;
	height: 26px;
	width: 1007px	
	}
	
	#search form { color: #fff; float: right; padding-top: 2px; margin-right: 10px; _display: inline }
	
	#search input { 
		border: 1px solid #fff;
		vertical-align: middle; 
		width: 140px; 
		}
		
		#search input.radio { 
			border: none; 
			height:10px;
			width: 10px;
			}
			
		#search input.submit { 
			border: 0; 
			cursor: pointer; 
			width: 25px; 
			}
	
/* 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: .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;
	display: block;
	text-align: center;
	margin-left: 400px;
	width: 460px
	}
	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	background: #2F2E2E url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-bottom-shadow.jpg") no-repeat top left !important;
	clear: both;
	color: #fff;
	padding: 25px;
	text-align: center;
	width: 1045px;
	}
	
	#footer a:link, #footer a:visited { color: #a6a265 }
	#footer a:hover, #footer a:active { color: #ccc }
	
#logo-footer {
	background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-footer-logo-new3.gif");
	display: block;
	height: 157px;
	margin: 10px auto;
	text-align: center;
	text-indent: -9999px;
	width: 208px;
	}
	
/* tabs
 * ---------------------------------------------------------------------------- */

#tabs-1 { clear: both; }

#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: #tabs-1
 * ---------------------------------------------------------------------------- */	

#tabs-1 ul.tabs { 
	background:url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-headlines.gif");
	height: 22px; 
	width: 473px	
	}

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

#tab-headlines, #tab-notes { margin-left: 1px; width: 235px }

.on-headlines #tab-headlines { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-headlines.gif") 0 -22px }
.on-notes #tab-notes { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-headlines.gif") -237px -22px }

#headlines, #notes {
	height: 600px;
	font-size: .95em; 
	line-height: 15px;
	overflow: auto; 
	padding: 8px 12px;
	width: 449px;
	}


/* navigation: horizontal ( image / dropdown )
 * ------------------------------------------------------------------------- */

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

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

#nav span { display:none; }

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

#nav li { float: left }

#nav-00 { width: 266px }
#nav-01 { width: 101px }
#nav-02 { width: 115px; margin-left: 1px }	
#nav-03 { width:  62px; margin-left: 1px }
#nav-04 { width:  91px; margin-left: 1px }
#nav-05 { width:  50px; margin-left: 1px }
#nav-06 { width:  81px; margin-left: 1px }
#nav-07 { width: 107px; margin-left: 1px }
#nav-08 { width: 127px; margin-left: 1px }

#nav-01 a:hover { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -266px -28px }
#nav-02 a:hover { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -368px -28px }
#nav-03 a:hover { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -484px -28px }
#nav-04 a:hover { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -547px -28px }
#nav-05 a:hover { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -639px -28px }
#nav-06 a:hover { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -690px -28px }
#nav-07 a:hover { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -772px -28px }
#nav-08 a:hover { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -879px -28px }

#nav-01:hover>a { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -266px -28px }
#nav-02:hover>a { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -368px -28px }
#nav-03:hover>a { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -484px -28px }
#nav-04:hover>a { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -547px -28px }
#nav-05:hover>a { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -639px -28px }
#nav-06:hover>a { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -690px -28px }
#nav-07:hover>a { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -772px -28px }
#nav-08:hover>a { background: url("http://graphics.fansonly.com/schools/bca/graphics/bca-07-nav-top.gif") -880px -28px }


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

	#nav ul {
		border: solid #aaa;
		border-width: 0 1px;
		left: -9999px;
		top: 28px;
		position:absolute;
		z-index:99
		}
		
	#nav-08 ul { margin-left: -25px }

	#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 #aaa }

	#nav li li a {
		background: #302E2F;
		color: #ddd;
		display: block;
		font-size: .95em;
		padding: 2px 4px;
		text-decoration:none;

		_width: 100%
		}

	#nav li li a:hover { 
		background: #4F4A4D; 
		color: #fff 
		}


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

#lead-headlines-block { 
	font-size: .90em;
	height: 388px;
	margin-bottom: 1px;
	position: relative 
	}
	
	#lead-headlines-block p { line-height: 13px }

#lead-headlines-block a:link, #lead-headlines-block a:visited { color: #a6a265 }
#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: 130px;
	opacity: .90;
	position: absolute;
	left: 1px;
	top: 258px;
	width: 471px;
	
	filter: alpha(opacity=90);
	}

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

.lead-photo { position: absolute; left: 1px }


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

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

.lead-headlines div { 
	color: #fff;
	width: 460px;
	padding: 8px;
	position: absolute;
	
	top: 258px
	}
	
.lead-headlines h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 8px 
	}

.lead-headlines p.date {
	font-size: .95em;
	font-weight: bold;
	margin: 0
	}
	
	
/* seconary-headlines
 * ---------------------------------------------------------------------------- */

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

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

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

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

.secondary-headlines img { float:left; margin:0 4px 15px 0 }


/* nav-headlines
 * ------------------------------------------------------------------------- */

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

#nav-headlines { position: absolute; top: 365px; left: 375px; z-index: 3; }

#nav-headlines li {
	float: left; 
	list-style: none; 
	margin-right: 10px;
	
	_display: inline; 
	}
	

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

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

#minis { 
	margin-left: 1px;
	}

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

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

#minis a { 
	height: 84px;
	width: 116px;
	}

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