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


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


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

body { 
	background: #000 url("http://grfx.cstv.com/schools/utva/graphics/utva-08-bg.gif") repeat-x;
	color: #222;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
td {
	font: 11px Verdana, Arial, 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: #004812; text-decoration: underline }
a:hover, a:active { color: #000; 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: #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/schools/uri/graphics/yahoo-search5.gif") no-repeat }
.yahoo-off { background-image: none	}


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

#wrap {
	width:999px;
	margin:0 auto;
	}

#banner-wrap { 
	width:999px;
	height:95px;
	}
	
#holder-banner {
	width:728px;
	height:90px;
	float:left;
	}
	
#banner-promo {
	width:257px;
	height:90px;
	float:left;
	margin-left:5px;
	}		

#mast {
	width:999px;
	height:204px;
	}

#mast-logo {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-logo.gif") no-repeat;
	width:238px;
	height:204px;
	float:left;
	}
	
#mast-right {
	width:761px;
	height:204px;
	float:left;
	}	
	
#mast-top {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-top.gif") no-repeat;
	width:761px;
	height:47px;
	}
	
#mast-scoreboard {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-bg-scoreboard.gif") no-repeat;
	width:761px;
	height:48px;
	}		

#mast-main { 
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-btm.gif") no-repeat;
	width:761px;
	height:109px;
	}
	
#nav-wrap {
	width:999px;
	height:40px;
	}
	
#yahoo-search {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-bg-yahoo.gif") no-repeat;
	width:276px;
	height:40px;
	float:left;
	display:block;
	overflow:hidden;
	}		


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

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

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

#column-1 {width:465px;padding-right:5px;}
#column-2 {width:300px;padding-right:5px;}
#column-3 {width:216px;}
#column-4 {width:8px;}

body#story-page #column-1 {
	width:765px;
	background:#fff;
	padding-right:0;
	border-right:5px solid #000;
	}

body#nonsport-page #column-1 {
	width:992px;
	padding:0px;
	background:#fff;	
	}

#utva-url {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-side-com.gif") no-repeat;
	width:8px;
	height:255px;
	}

#story-container {
	padding-left:20px;
	padding-right:20px;
	}
	
body#story-page #story-container, body#nonsport-page #story-container  {
	padding-top:20px;
	}
	
#sport-hdr-wrap {
	width:999px;
	height:62px;
	margin-top:6px;
	position:relative;
	}
	
#sport-hdr img {display:block;}	
	
#sport-hdr {
	width:474px;
	height:62px;
	float:left;
	}	

#sport-hdr-photo {
	width:525px;
	height:62px;
	float:left;
	}
	
#nonsport-hdr-wrap {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-non-sport-bar.gif") no-repeat;
	width:996px;
	height:46px;
	margin-top:6px;
	}

#non-sport-hdr {
	width:597px;
	height:35px;
	}	
		

/* sport-nav
 * ---------------------------------------------------------------------------- */

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

#sport-nav {
	width:474px;
	height:19px;
	float:left;
	display:block;
	position:absolute;
	top:40px;
	left:10px;
	}

#sport-nav div {
	float:left;
	}

#sport-nav .sn-divider {
	padding:4px 10px 0px 10px;
	color:#004812;
	}	

#sport-nav .sn-link a {
	color:#004812;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	}

#sport-nav .sn-link a:hover {
	color:#004812;
	text-decoration:underline;
	}		

/* column-1
 * ---------------------------------------------------------------------------- */

#topstories-hdr {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-top-stories.gif") no-repeat;
	width:465px;
	height:29px;
	}

	/* bsi - relativeFrame
	 * ---------------------------------------------------------------------------- */	
	
	#bsi-container {
		width:463px;
		height:481px;
		background:#fff;
		border:1px solid #004812;
		margin-bottom:5px;
		}
		
	#frame_photo {
		border-bottom:1px solid #004812;
		}	
		
	#relativeFrame, #relativeFrame *{
		margin:0;
		padding:0;	
		}

	#relativeFrame {
		background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-bsi-shadow.gif") no-repeat;
		position: relative; 
		width:463px;
		height:137px;;
		z-index: 1
		}

	#relativeFrame div {
		width:463px;
		height:123px;
		padding-top:14px;
		position: absolute; 
		visibility: hidden;
		z-index: 1;
		}

	#relativeFrame div#frm0 { visibility: visible }
	
	#relativeFrame h1 {
		padding-bottom:4px;
		padding-left:10px;
		padding-right:14px;
		}
	
	#relativeFrame h1 a {
		color: #004812;
		font-weight:bold;
		font-size:9px;
		text-decoration:none;
		font-variant:uppercase;
		}
		
	#relativeFrame h1 a:hover {
		text-decoration:underline;
		}
	
	#relativeFrame .pubdate {
		font-style:italic;
		font-size:9px;
		color:#004812;
		padding-bottom:4px;
		padding-left:10px;
		padding-right:14px;
		}
		
	#relativeFrame .synopsis {
		font-size:10px;
		color:#404040;
		padding-left:10px;
		padding-right:14px;
		}			
	
	/* minis
	 * ---------------------------------------------------------------------------- */

	#minis{
		margin:0;
		padding:0;
		width:458px;
		padding-left:5px;
		}

	#minis div{
		float:left;
		border:2px solid #004812;
		width:69px;
		height:48px;
		}
		
	#minis img {
		width:69px;
		height:48px;
		display:block;
		}	

	#minis a img {
		opacity: .50;
		filter: alpha(opacity=50);
		width:69px;
		}

	#minis a:hover img, #minis div.miniOn a img {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
		
	#minis a:hover img {
		}	
		
	#mini0, #mini1, #mini2, #mini3, #mini4, #mini5 {
		margin-right:3px;
		}	

	/* calendar
	 * ---------------------------------------------------------------------------- */
	
	#calendar-hdr {
		background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-calendar.gif") no-repeat;
		width:465px;
		height:29px;
		}
	
	#calendar-content {
		width:463px;
		height:203px;
		border:1px solid #9c9c9c;
		}
	
	#calendar-scroll {
		width:463px;
		height:203px;
		overflow:auto;
		background:#fff;
		}
	
	#calendar-scroll .calendar-date {
		width:432px;
		font-size:9px;
		font-weight:bold;
		border-bottom:2px solid #004812;
		padding-bottom:3px;
		margin-left:8px;
		padding-left:6px;
		padding-top:12px;
		}
		
	#calendar-body {
		width:432px;
		margin:0;padding:0;
		padding:2px 0px 2px 14px;
		}
	
	#calendar-body li {
		display:inline;
		font-size:9px;
		}
		
	#calendar-body li a {
		text-decoration:none;
		}
		
	#calendar-body li a:hover {
		text-decoration:underline;
		}		
	
	#calendar-body .event-divider {
		padding:0px 2px 0px 2px;
		}	
		

/* column-2
 * ---------------------------------------------------------------------------- */		

#sec-hdlines-hdr {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-more-hdls.gif") no-repeat;
	width:300px;
	height:29px;
	}
	
#sec-hdlines-content {
	width:298px;
	height:259px;
	border:1px solid #002f09;
	margin-bottom:6px;
	}

#sec-hdlines-scroll, #sec-hdlines-scroll * { margin: 0; padding: 0 }
	
#sec-hdlines-scroll {
	width:298px;
	height:259px;
	overflow:auto;
	background:#ccc;
	}
	
#sec-hdlines-scroll .pubdate {
	font-size:9px;
	color:#004812;
	font-weight:bold;
	padding-top:14px;
	padding-left:20px;
	padding-right:10px;	
	}
	
#sec-hdlines-scroll h1 {
	padding-left:20px;
	padding-right:10px;
	}	

#sec-hdlines-scroll h1 a {
	font-size:9px;
	color:#004812;
	font-weight:normal;	
	text-decoration:none;
	}
	
#sec-hdlines-scroll h1 a:hover {
	text-decoration:underline;
	}				

/* column-3
 * ---------------------------------------------------------------------------- */

#boosters-hdr {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-boosters.gif") no-repeat;
	width:216px;
	height:28px;
	}
	
#fanzone-hdr {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-fan-zone.gif") no-repeat;
	width:216px;
	height:28px;
	margin-top:6px;
	}
	
#fanzone-content {
	width:216px;
	padding-bottom:3px;
	background:#fff;
	}
	
#fanzone-content img {
	padding-bottom:13px;
	padding-top:6px;
	display:block;
	}		
	
	
	/* index-promos
	 * ---------------------------------------------------------------------------- */	

	#col2-index-promos {
		margin-top:6px;
		}

	#col3-sport-promos {
		width:216px;
		}
		
	#col3-sport-promos img{
		margin-bottom:5px;
		}				

	/* sidebar
	 * ---------------------------------------------------------------------------- */
	
	#sidebar-hdr {
		background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-hdr-highlights.gif") no-repeat;
		width:216px;
		height:29px;
		}

	#sidebar-content, #sidebar-content * { margin: 0; padding: 0 }
	
	#sidebar-content {
		width:208px;
		height:259px;
		background:#014711;
		border:1px solid #002d0b;
		margin-bottom:6px;
		color:#fff;
		padding-right:6px;
		}
		
	#sidebar-content ul {
		padding-left:23px;
		
		}	
		
	#sidebar-content li a {
		color:#fff;
		text-decoration:none;
		font-size:10px;
		}
		
	#sidebar-content li a:hover {
		color:#fff;
		text-decoration:underline;
		}	
		
	#sidebar-content h3 {
		font-size:11px;
		color:#fff;
		padding-left:10px;
		padding-top:4px;
		}
		
	#sidebar-content h3 a {
		font-size:11px;
		color:#fff;
		text-decoration:none;
		}
		
	#sidebar-content h3 a:hover {
		color:#fff;
		text-decoration:underline;
		}
		
	#sidebar-scroll {
		width:214px;
		height:259px;
		overflow:auto;
		}					


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

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

#nav {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") no-repeat;
	height: 40px;
	position: relative;
	width: 723px;
	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:103px; }
#nav-02 { width:99px; }
#nav-03 { width:109px; }
#nav-04 { width:116px; }
#nav-05 { width:77px; }
#nav-06 { width:100px; }
#nav-07 { width:119px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") 0 -40px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -103px -40px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -202px -40px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -311px -40px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -427px -40px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -504px -40px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -604px -40px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") 0 -40px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -103px -40px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -202px -40px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -311px -40px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -427px -40px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -504px -40px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-navigation.gif") -604px -40px }

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

	#nav ul {
		border: solid #004812;
		border-width: 0 1px;
		left: -9999px;
		top: 40px;
		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 #004812; text-indent: 0; }


	#nav li li a {
		background: #eee;
		color: #004812;
		display: block;
		padding: 3px;
		text-decoration:none;

		_width: 100%
		}

	#nav li li a:hover { 
		background: #004812; 
		color: #fff; 
		}
		
	#nav .right { text-align: left; margin-left: 150px }

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

		


/* 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
	}
	
#story-container .caption { font-size: 9px }


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

#holder-story {
	width:300px;
	height:250px;
	}
	

/* printer-footer
 * ---------------------------------------------------------------------------- */	

#printer-wrap {
	width:992px;
	}

#printer-footer	{
	width:715px;_width:765px;
	background:#fff;
	height:35px;
	padding:25px;
	}

#printer-blank {
	width:224px;
	float:left;
	}
	
body#nonsport-page #printer-wrap {
	width:941px;
	background:#fff;
	padding:25px;
	}


/* sponsored links
 * ---------------------------------------------------------------------------- */

.dottedBorder {padding:5px;}

.dottedBorder .sponsoredLink {color:#000;font-size:11px;}	

/* footer
 * ---------------------------------------------------------------------------- */

#top-footer {
	background: url("http://grfx.cstv.com/schools/utva/graphics/utva-08-footer.gif") no-repeat;
	width:999px;
	height:14px;
	margin-top:4px;
	margin-bottom:8px;
	}
	
#footer-promos {
	width:999px;
	height:123px;
	}
	
#footer-promos-inside {
	width:519px;
	margin:0 auto;
	}	
	
#footer-promos-inside .promo-image{
	float:left;
	}
	
#footer-promos-inside .promo-image1, #footer-promos-inside .promo-image2 {
	padding-right:30px;
	}	
	
#footer {
	padding-top: 20px;
	padding-bottom:20px;
	text-align: center
	}
	
	#footer a:link, #footer a:visited { color: #444 }
	#footer a:hover, #footer a:active { color: #666 }