/* ------------------------------  effects  ---------------------------- */

.liveRoll a { 
	width: 503px; height: 106px; background: url("../img/live/live-button.gif") 0 0 no-repeat;  
	color: #999999; text-decoration: none; 
}

.liveRoll a:hover { 
	background: url("../img/live/live-button.gif") 0 -106 no-repeat; 
	text-decoration: underline; 
}

.liveRoll a:active { 
	width: 503px; height: 106px; background: url("../img/live/live-button.gif") 0 0 no-repeat; 
	text-decoration: underline; 
}



.selectRoll a { 
	float: left; width: 500px; height: 53px; color: white; 
	margin-bottom: 2px; text-decoration: none; background: url("../img/live/live-button.gif") 0 0 no-repeat;  
}

.selectRoll a:hover { 
	background: url("../img/live/live-button.gif") 0 -53px no-repeat; color: #999999; text-decoration: underline;
} 

.selectRoll a:active { 
	background: url("../img/live/live-button.gif") 0 0 no-repeat; color: white;
}





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

#liveContainer {
	position: absolute; left: 21px; top: 266px; width: 768px; 
	overflow: auto;
	background: url('../img/live/back-mid.gif');
}

#liveContent {
	width: 768px; 
	overflow: auto;
	background: url('../img/live/back-top.jpg') no-repeat;
}

#liveBot {
	float: left; width: 768px; height: 31px;
	background: url('../img/live/back-bot.gif') no-repeat;
}

#liveLeftCol {
	float: left; width: 160px;
	padding: 49px 0px 0px 15px;
}

#liveRightCol {
	float: right; width: 520px; 
	margin: 70px 37px 0px 0px; display: inline; 
	padding-left: 12px;
	background: url('../img/live/content-grad-back.gif') no-repeat;
	background-position: left top;
}

#footerContainer {
	width: 768px; padding-top: 28px; height: 90px; 
	background: url('../img/generic/footer-grad.jpg') no-repeat;
	background-position: 0px 14px;	
	background-color: #383838;
}