﻿* { margin:0; padding:0 }
div { margin:0; padding:0 }
BODY {
	font-size: .75em;
	background: #000 url(images/bg.jpg) top repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #333;
}
.wrapper { width:945px; margin: 0 auto }
.header { width:945px; height:100px; ; color:#fff; clear:both }
.topNav { width:945px; height:37px; background:#161616; clear:both; display:block }
.footer { 
	background: #161616 url(images/footer-bg.gif) repeat-x; 
	color:#fff; 
	font-size:90%; 
	text-align:right; 
	padding:7px 20px 0 0; 
	height:23px 
}
.footer a { color:#fff; text-decoration:none }
.footer a:hover { color:#B2D215; text-decoration:underline }
.copyRight { font-size:80%; padding-top:5px; color:#fff }

/* LINK AND TEXT STYLES */
a { color:#1781D0; text-decoration:underline }
a:hover  { color: #B2D215 } 
.sm { font-size:90% }
.eventsTitle { color:#AD590A; font-weight:bold; background: url(images/arrow.gif) center left no-repeat; padding:0 0 1px 15px }
.darkBg { background:#161616; color:#fff }
.darkBg a { color:#fff; text-decoration:none }
.darkBg a:hover { color:#B2D215; text-decoration:underline }
.featured { list-style:none }
.featured ul { list-style:none }
.featured li { background: url(images/arrow.gif) center left no-repeat; padding:0 0 1px 15px }
.ltLink a { color:#fff }
/* END LINK AND TEXT STYLES */

.left { float:left; position: relative }
.right { float: right; position:relative }
.btMargin { margin-bottom:10px }
.interiorLt { background:#76757E url(images/left-nav-bg2.gif) center repeat-y; width:945px; overflow:hidden }
.interiorBox { width:677px; margin:15px auto }
.box { width:400px; margin:15px auto }
.whiteBg { background:#fff; height:100%; width:945px; overflow:hidden }
.currentEvents { padding:14px 14px 20px 14px; background:#fff; border-left:1px solid #333; font-size:90% }

/* CHANGE BOTTOM MARGIN SETTING FOR ADDITIONAL SPACE, LESS SPACE, OR REFINED ALIGNMENT BETWEEN ITEMS */
.cellBox { width:100%; margin:0 0 15px 0; overflow: hidden  } 
/* END CELL NOTE*/
.pic { border:1px solid #505059; float:left; margin:0 8px 0 0 }
.cellBox img { border:1px solid #505059; float:left; margin:0 8px 0 0 }
.picBorder { border-top:1px solid #000; border-bottom: 1px solid #000 }
.cellStaff { width:100%; margin:0 0 20px 0; overflow:hidden } 
.staffBorder { border:1px solid #505059; float:left; margin:0 10px 0 0 }
.rtBorder { background: url(images/b-div.gif) right no-repeat; padding:0 2px 0 0 }
.form { 
	border:1px solid #333; 
	height:15px; 
	width:115px; 
	background: url(images/input-bg.gif) repeat-x; 
	font-size:90%;
	padding:2px 0 0 5px
}
.clear { clear:both }
.spacer { height:5px; clear:both }

/*
scroll styles here
*/

.item { width: 945px; height:164px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 945px; height: 164px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; float:left; margin:5px 0; padding-right: 20px;} 
.navi a { width: 17px; cursor:pointer; height: 15px; float:left; margin:0 0 0 3px; background:url(images/sqr.gif) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(images/sqr_hov.gif) no-repeat scroll right top}

.navi a:hover { background-position:left top; margin:0 0 0 3px;  background:url(images/sqr_hov.gif) no-repeat scroll right top}

.header1
{
width: 945px; height: 164px;
background: url(images/banner_main.jpg) no-repeat;
}

.header2
{
width: 945px; height: 164px;
background: url(images/banner_tubealooza.jpg) no-repeat;
}

.header3
{
width: 945px; height: 164px;
background: url(images/banner_datenight.jpg) no-repeat;
}

.header4
{
width: 945px; height: 164px;
background: url(images/banner_currentseries.jpg) no-repeat;
}



