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


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


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

body { 
	background: #000 url("http://grfx.cstv.com/schools/siue/graphics/siue-09-bg.gif") repeat-x;
	color: #222;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}

#content
{z-index:50;}


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 }

.img-left { float: left; margin: 0 6px 4px 0 }
.img-right { float: right; margin: 0 0 4px 6px }

.clear { 
	clear: both; 
	
	}

#revLayeredAd .revClickText  {
color:#fff;
}

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

h2, 
#storyheadline, 
.StoryHeadline, 
.page-header { 
	color: #ee2e24; 
	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:990px;
	margin:0 auto;
}


#container { 
	background:#fff;
	width:978px;
	border:solid #fff;
	border-width:0 6px 6px 6px;
	margin:0 auto;
}
	
#mast {
	width:977px;
	height:213px;
 }

#mast-R
{
	float:left;
	width:291px;
	height:211px;
	display:block;
}

#mast-L
{
	background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-mast-right.jpg") no-repeat;
	width:686px;
	height:213px;
	float:left;
	display:block;
}

#local-wrap
{width:990px;
	height:32px;
color:#fff;
}

#weather-wrap
{float:left;}

#date-wrap
{float:left;
font-size:11px;
padding:10px 360px 0 0;
}


body#sport #date-wrap, body#story #date-wrap, 
body#non-story #date-wrap
{float:left;
font-size:11px;
padding:10px 320px 0 0;
}

#date-wrap a
{color:#fff;
text-decoration:none;}
#date-wrap a:hover
{text-decoration:underline;}

#edu-wrap
{float:left;
width:100px;
height:31px;
}


#title-wrap
{
background:#ccc;
height:30px;
margin:0 0 5px 0;

}

#title
{
float:left;
color:#ee2e24;
font-size:28px;
padding:0 0 0 7px;
font-weight:bold;
width:330px;

}

body#non-story #title
{
float:left;
color:#ee2e24;
font-size:28px;
padding:0 0 0 7px;
font-weight:bold;
width:950px;

}

#sport-nav
{float:left;
padding:15px 0 0 165px;
}


#sport-nav-links
{color:#ee2e24;
}

#sport-nav-links a
{color:#ee2e24;
text-decoration:none;}

#mast-content
{
margin:35px 0 0 381px;
width:295px;
}

#aotw-photo
{float:left;
padding:5px;}

#aotw-content 
{padding:5px;
}

#aotw-content a
{color:#ff2f24;}


#search-wrap
{height:25px;
}

#search-wrap div
{margin:0;
paddin:0;
}


#media-wrap
{width:296px;}
/* navigation: #nav
 * ------------------------------------------------------------------------- */
#nav-wrap
{margin:0 0 3px 0;}
#nav, #nav * { border-collapse: collapse; margin: 0; padding: 0 }

#nav {
	background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") no-repeat;
	height: 33px;
	position: relative;
	width: 977px;
	z-index: 99; 
	}
	
#nav span { display:none; }

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

#nav li { float: left; }


#nav-01 { width:85px; }
#nav-02 { width:126px; }
#nav-03 { width:96px; }
#nav-04 { width:160px; }
#nav-05 { width:106px; }
#nav-06 { width:137px; }
#nav-07 { width:110px; }
#nav-08 { width:157px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") 0 -33px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -85px -33px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -211px -33px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -307px -33px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -467px -33px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -573px -33px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -710px -33px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -80px -33px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") 0 -33px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -85px -33px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -211px -33px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -307px -33px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -467px -33px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -573px -33px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -710px -33px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-nav.gif") -820px -33px }


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

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

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

	

	#nav ul, 
	#nav li li { width: 150px;z-index: 99; } 

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


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

		_width: 100%
		}

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

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

	#nav .header a, #nav .header a:hover { 
		background: #fff; 
		color: #ee2e24; 
		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:33px;
		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: #BF3130; color: #fff; font-weight: bold }
/* navigation: #nav 
*/


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

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

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

#column-1 {width:977px;}

body#story #column-1 {width:677px;padding:10px; }
body#non-story #column-1 {width:677px;padding:10px; }
#column-2 {width:300px;}

#column-2 img {padding:0 0 3px 0;}

#column-a {width:674px; height:400px; float:left; }

#column-b {width:300px; float:left; margin:0 0 0 3px;}

#column-c {width:412px; margin:0 2px 0 0; float:left;}

#column-d {width:261px; margin:0 2px 0 0; float:left;}

#column-e {width:300px; float:left; }

#column-b img
{
	margin:0 0 5px 0;
}

#bsi-headlines-wrap
{
	width:674px;
	height:400px;


}

#lead-headlnes-wrap
{
	width:600px;
	margin:30px 0 0 5px;

}

#lead-photo
{
	width:440px;
	height:280px;
	float:left;
	padding:0 7px 0 0;
}


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

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

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

#relativeFrame div#frm0 { visibility: visible }


#relativeFrame h1 a
{
	color:#ee2e24;
	text-decoration:none;
}

.pubdate
{
	font-weight:bold
}

#minis {
	margin:0;
	padding:0;
	width:90px;
	float:left;
	padding:0 10px 0 0;
}

#minis div
{
	float:left;
	
	margin:0;
	padding:0;
}

#minis a img 
{
	margin-bottom:3px;
	border:1px solid #fff;
}
	
#minis a:hover img, #minis div.miniOn a img {
	opacity: 1.0;
	border:1px solid #ee2e24;
	filter: alpha(opacity=100);
}



#mini-teaser-1
{
	padding:0 0 5px 0;
height:66px;
overflow:hidden;}


#mini-teaser-2
{
	padding:0 0 5px 0;
height:66px;overflow:hidden;
}

#mini-teaser-3
{overflow:hidden;
	padding:0 0 5px 0;
height:66px;
}

#mini-teaser-4
{overflow:hidden;
	
height:66px;
}


#tease-date
{
	color:#ee2e24;
	font-size:11px;
}

#more-headlines-wrap
{
	background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-bg-scroll-moreheadlines.gif");
	width:977px;
	height:44px;
	margin:5px 0 5px 0;	
}

#story-ad
{
	background:#000;
	width:300px;
	height:250px;
	margin:0 0 3px 0;
}

#promos-wrap img
{
	padding:0 2px 3px 0;
	float:left;
}


#sec-headlines-wrap h1
{padding:0;

margin:0;
}


#sec-headlines-wrap h1 a
{font-size:12px;
}

.pubdate
{font-size:11px;
}


/* tabs
 * ---------------------------------------------------------------------------- */

#headlines-tab ul.headline-1, #events-tab ul.event-1 { margin:0; padding:0 }
#headlines-tab ul.headline-1 li, #events-tab ul.event-1 li{ float: left; list-style: none; text-indent: -9999px; }
#headlines-tab ul.headline-1 span, #events-tab ul.event-1 span { display: none }


/* Headline tabs: #headlines-tab
 * ---------------------------------------------------------------------------- */	

#headlines-tab ul.headline-1 { 
	background:url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-fancenter.gif");
	height: 25px; 
	width: 412px	
	}

#headlines-tab ul.headline-1 li, #headlines-tab ul.headline-1 a { display: block; height: 25px }

#tab-blogs { width: 90px }
#tab-media { width: 126px }
#tab-photos { width: 98px }
#tab-features { width: 98px }

#headlines-tab.on-blogs #tab-blogs { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-fancenter.gif") 0 -25px }
#headlines-tab.on-media #tab-media { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-fancenter.gif") -90px -25px }	
#headlines-tab.on-photos #tab-photos { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-fancenter.gif") -216px -25px }
#headlines-tab.on-features #tab-features { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-fancenter.gif") -314px -25px }

#blogs, #media, #photos, #features 
{ 
	height: 196px; 
	overflow: auto;  
	background:#ccc; 
	width:410px;
	border:solid #9d9d9d;
	border-width:0 1px 1px 1px;
}


#tabs-wrap
{
	margin:0 0 3px 0;
}

#event-wrap
{
	width:410px;
	border:solid #9d9d9d;
	border-width:0 1px 1px 1px;
	height:221px;
	overflow:auto;
}



.calendar, .calendar * { 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0  
	}
	
.calendar { width: 95% }

.calendar td { padding: 2px }

.calendar tr.calendar-date { 
	background-color: #000; 
	color: #fff; 
	font-weight: bold
	}
	
.calendar tr.calendar-headers td { font-weight: bold;background:#a8a8a8; }



.calendar-date td
{color:#fff;
font-size:11px;
text-transform:uppercase;
}


.calendar-body
{background:#f3f3f3;}


#aotw-wrap 
{
	width:259px;
	border:solid #9d9d9d;
	border-width:0 1px 1px 1px;
	height:221px;
	overflow:auto;
	margin:0 0 3px 0;
}


#auctions-wrap
{
	width:259px;
	border:solid #9d9d9d;
	border-width:0 1px 1px 1px;
	height:221px;
	overflow:auto;
	margin:0 0 3px 0;
}

/* tabs
 * ---------------------------------------------------------------------------- */

#records-tab ul.headline-1, #events-tab ul.sport-1 { margin:0; padding:0 }
#records-tab ul.headline-1 li, #events-tab ul.sport-1 li{ float: left; list-style: none; text-indent: -9999px; }
#records-tab ul.headline-1 span, #events-tab ul.sport-1 span { display: none }


/* Headline tabs: #records-tab
 * ---------------------------------------------------------------------------- */	

#records-tab ul.headline-1 { 
	background:url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-records.gif");
	height: 25px; 
	width: 412px	
	}

#records-tab ul.headline-1 li, #records-tab ul.headline-1 a { display: block; height: 25px }

#tab-records { width: 140px }
#tab-releases { width: 132px }
#tab-archives { width: 140px }


#records-tab.on-records #tab-records { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-records.gif") 0 -25px }
#records-tab.on-releases #tab-releases { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-records.gif") -140px -25px }	
#records-tab.on-archives #tab-archives { background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-tabs-records.gif") -272px -25px }

#records, #releases, #archives
{ 
	height: 196px; 
	overflow: auto;  
	background:#ccc; 
padding:0 10px 0 10px;
	width:390px;
	border:solid #9d9d9d;
	border-width:0 1px 1px 1px;
}


#records-wrap
{
padding:0 25px 0 25px;
font-size:11px;

}

#records-wrap a
{font-size:11px;}
/* sidebar
 * ---------------------------------------------------------------------------- */



#sidebar-wrap
{
width:239px;
	border:solid #9d9d9d;
	border-width:0 1px 1px 1px;
	height:201px;
	overflow:auto;
	margin:0 0 3px 0;
padding:10px;

}
#sidebar-wrap h3
{margin:0;
padding:0;
}

#sidebar-wrap a
{font-weight:bold;}

#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 }
		
		
/* pre-footer
 * ---------------------------------------------------------------------------- */

#footer-return
{text-align:center;}

#footer-ads-wrap
{
	margin:10px 0 0 2px;
}

#footer-ads-wrap img
{
	padding:0 7px 0 0;
}
	

#holder-banner
{
	background:#fff;
	width:728px;
	height:90px;
	float:left;
	margin:5px 0 0 0;
}
/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	background: url("http://grfx.cstv.com/schools/siue/graphics/siue-09-bg-footer.gif");
	width:973px;
	height:178px;
	margin:10px 0 0 3px;
}
	
#footer a:link, #footer a:visited { color: #444 }
#footer a:hover, #footer a:active { color: #666 }