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


@import url("http://grfx.cstv.com/schools/ucda/library/css/ucda-07-display.support.css");

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

body { 
	color: #222;
	font: 12px/18px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	background-color:#000000;
	margin:0px;
	padding:0px;

	}

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; }


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

.tenvert{
line-height:10px;
}

/* 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:1024px; /*width:1032px;*/
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
Table#columns {
	width: 1024px;
	margin:0px;
	padding:0px;
}
td.column-main {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-gold-bg.gif);
	height:471px;
	background-repeat:repeat-x;
}
td.column-1 {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-shadow-bgrd.gif);
	background-repeat:repeat-x;
	width:850px;
	height:637px;
	margin:0px;
	padding:0px;
	clear:both;
}
td.column-2 {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-shadow-bgrd.gif);
	background-repeat:repeat-x;
	width:182px;
	height:637px;
	margin:0px;
	padding:0px;
	clear:both;
}
.btmfooter-section {
	width:1024px;
	height:250px;
	margin:0px;
	padding:0px;
	background-color:#CBA41B;
}
#maintop {
	margin:0px;
	padding:0px;
	height:471px;
	width:1024px;
	overflow:hidden;
}
.scores-index {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-top-bkgd.gif);
	width: 1024px;
	height:39px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
}
.scores {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-top-stats-bgrd.gif);
	width: 1024px;
	height:129px;
	margin:0px;
	padding-top:5px;
	background-repeat:no-repeat;
}
.header {
	/*background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-header.jpg);*/
	width: 1024px;
	height:143px;
	margin:0px;
	padding:0px;
}
.btmcontent {
	width:850px;
	height:365px;
	background: transparent;
}


/* navigation: #nav
 * ------------------------------------------------------------------------- */
.navigation {
	background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-nav-bgrd.gif");
	background-repeat:repeat-x;
	width:1024px;
	height:31px;
	
}
#nav, #nav * { margin: 0; padding: 0; }

#nav {
    background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-navigation.gif") no-repeat;	
    float:left;
    height:31px;
    width:632px;
	}

#nav span { display:none }

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

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width:72px; }
#nav-02 { width:94px; }
#nav-03 { width:124px; }
#nav-04 { width:56px; }
#nav-05 { width:95px; }
#nav-06 { width:75px; }
#nav-07 { width:93px; }


#nav-01 a:hover, #nav-01.over { background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-navigation.gif") 0 -31px  no-repeat; }
#nav-02 a:hover, #nav-02.over { background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-navigation.gif") -72px -31px  no-repeat; }
#nav-03 a:hover, #nav-03.over { background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-navigation.gif") -166px -31px  no-repeat; }
#nav-04 a:hover, #nav-04.over { background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-navigation.gif") -290px -31px  no-repeat; }
#nav-05 a:hover, #nav-05.over { background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-navigation.gif") -346px -31px  no-repeat; }
#nav-06 a:hover, #nav-06.over { background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-navigation.gif") -441px -31px  no-repeat; }
#nav-07 a:hover, #nav-07.over { background:url("http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-navigation.gif") -516px -31px  no-repeat; }




/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
	
#nav li ul {
	border-left: 1px solid;
    border-right: 1px solid;
	left:-9999px;	/* Hide sub-menus initially */
    position:absolute;
    z-index:99;
	}
#nav ul.right { margin-left: 150px; text-align: left; }
#nav li li.header a, #nav li li.header a:hover { background-color: #dfcb98; color: #1d1250; font-weight: bold }

#nav li ul li { 
	height: 18px;	/* Height of each drop down nav item */
	background-color: #00255E;
	border-bottom: 1px solid;
	}
	
#nav li ul, #nav li ul li { border-color: #003A7E; }	/* Control color of borders on drop down nav */
	

#nav li ul li a {
	color:#fff;
	font-size: 10px;
	height: 18px;				/* Height of each drop down nav item, should match above */
	line-height: 18px;			/* Height of each drop down nav item again, should match above */
	text-decoration: none;
	width: 98%; padding-left:2%;
	}
	
#nav li ul li a:hover { background-image: none; background-color: #003A7E; color: #D09900; }
	
#nav li ul li a span {
	display: block;
	padding-left: 5px;
	}
	
#nav li:hover ul, #nav li.over ul	{ left: auto; }

/* width of drop down nav - choose width that allows items to display on one line */
#nav li ul, #nav li ul li { width: 165px; }


/* 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:31px;
		line-height:14px;
		}

/* yahoo search
 * ---------------------------------------------------------------------------- */
.yahoo_container-index {
	position:absolute; 
	top:186px; 
	left:675px; 
	width:345px; 
	height:25px; 
	margin:0px;
	padding:0px;
}
.yahoo_container {
	position:absolute; 
	top:277px; 
	left:675px; 
	width:345px; 
	height:25px; 
	margin:0px;
	padding:0px;

}

/* headliines
 * ---------------------------------------------------------------------------- */
.headlines {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-headlines-bkgd.gif);
	width: 431px;
	height:464px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	float:left;
}

.moreheadlines {
	float:left; 
	width:430px; 
	height:365px; 
	background-color:#000066;
}

/* all access video
 * ---------------------------------------------------------------------------- */
.vid_ad_257x60 {
	background-color:#000000; 
	width:257px; 
	height:60px; 
	margin-top:5px;
}
.video {
	width:255px;
	height:400px;
	margin:0px;
	padding:10px 0px 0px 0px;
	float:left;
}
.videolist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:247px; 
	height:120px;  
	margin-top:5px;
	margin-left:10px;
	overflow:auto; 
}
.videoclip {
	width:225px;
	padding:0px;
	margin-bottom:5px;
}
.videoclip a{
	color:#222;
	text-decoration:underline;
}
.videoclip a:hover{
	color:#222;
	text-decoration:none;
}
.icon {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-video-icon.gif);
	width:21px;
	height:9px;
	background-repeat:no-repeat;
	float:left;	
	margin-top:5px;
}
.clip {
	float:left;
	width:200px;
	margin:0px;
	padding:0px;
}
/* scores and results
 * ---------------------------------------------------------------------------- */

.schedules {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-schedule-bkgd.gif);
	width: 333px;
	height:463px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	float:right;
	
}

/* athletes of the week and fan poll container
 * ---------------------------------------------------------------------------- */
.athletes_poll {
	float:left;
	width:420px;
	height:365px;
	overflow:hidden;
}

/* athletes of the week
 * ---------------------------------------------------------------------------- */
.athletes {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#222;
	width:420px;
	height:182px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.athlete_header {
	background-image:url(http://graphics.fansonly.com/schools/ucda/graphics/ucda-07-h_athletes.gif);
	background-repeat:no-repeat;
	width:420px;
	height:22px;
	margin:0px;
	padding:0px;
}
.athletes .pic {
	width:107px;
	height:147px;
	margin: 5px 0px 0px 5px;
	_margin: 5px 0px 0px 5px;
	float:left;
}
.athletes .pic_right {
	width:107px;
	height:147px;
	margin: 5px 0px 0px 5px;
	_margin: 5px 0px 0px 5px;
	float:right;
}
.athletes .content {
	width:195px;
	height:145px;
	margin:5px 0px 4px -7px;
	float:left;
line-height:normal;
}


/* fan poll
 * ---------------------------------------------------------------------------- */
.poll {
	background-color:#CCCCCC;
	width:420px;
	height:300px;
	margin:0px;
	padding:0px;
}

/* promos section
 * ---------------------------------------------------------------------------- */
.promo_ads-container {
	width:850px;
	height:272px;
	margin:0px;
	padding:0px;
	_padding-left:10px;
}
.mini-ad {
	width:170px; 
	height:93px; 
	float:left; 
	margin: 20px;
	_margin: 20px 20px 20px 10px;
	background-color:#ffffff;
}

/* sport-header page
 * ---------------------------------------------------------------------------- */
 body#sport-header #maincontent {
 	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222;
 	padding:10px;
	margin:0px; 
 }

 /* non-sport-header page
 * ---------------------------------------------------------------------------- */
  body#nonsport-header #maincontent {
  	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222;
 	padding:10px;
	margin:0px; 
 }
 /* non-sport-body-header page
 * ---------------------------------------------------------------------------- */
   body#nonsport-body-header #maincontent {
   	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222;
 	padding:10px;
	margin:0px; 
 }
	
/* ad-header
 * ---------------------------------------------------------------------------- */
#holder-topbanner {
	margin:0px 0px 0px 0px;
	padding:0px;
}
	
/* ad-footer
 * ---------------------------------------------------------------------------- */

.btmad {
	padding-top:30px;
	margin:0px;
}
	

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

	
	#footer a:link, #footer a:visited { color: #444; }
	#footer a:hover, #footer a:active { color: #000; }
	
	.StoryCaption{
	font-size:9px;
	}