/*-------------- Programs Banner -------------------*/

#programsBanner { /* margin, z-index and position to be removed if header is moved.  z-index and position should also be moved from #programsBannerHolder in clubMacMaster.css */
	width: 964px; 
	height: 200px; 
	background: url(images/scrollBannerBg.gif) no-repeat;
	/*
	margin: -10px 0 0 0;
	z-index: 1;
	position: relative;
	*/
	}
.radr_clipRegion {
	border: 0px !important;
	}
#programsBannerPrev {
	float: left; 
	margin: 48px 0 0 0; 
	padding: 0; 
	width: 33px; 
	height: 101px;
	}
#programsBelt {
	float: left; 
	width: 914px; 
	padding: 15px 0 0 0; 
	text-align: center;
	margin: auto;
	}
	#programsList {
		width: 910px !important;  /* To center properly, need to change width of this style to accommodate the width of all listed programs. */
		width: 870px;
		}
		#programsList table { /* to remove border from radRotator */
		 border: solid 0px black; 
			}
		#programsList td { /* to remove border from radRotator */
			 border: solid 0px black; 
			}
	#programsBelt .programItemMember {
		float: left; 
		padding: 10px 0 0 0; 
		margin: 0 31px 0 31px !important; 
		margin: 0 30px 0 30px;
		width: 220px; 
		height: 180px; 
		/*background: url(images/programBgMember.png) no-repeat;*/ /* background image for item */
		}
	#programsBelt .programItemNonMember {
		float: left; 
		padding: 10px 0 0 0; 
		margin: 0 31px 0 31px !important; 
		margin: 0 30px 0 30px;
		width: 220px; 
		height: 180px; 
		/*background: url(images/programBgNonMember.png) no-repeat;*/ /* background image for item */
		}
	#programsBelt .programImage {
		width: 220px; 
		height: 90px; 
		margin: auto; 
		z-index: 0; 
		position: relative; 
		/*border: solid 1px black;*/
		}
	#programsBelt .newProgram {
		z-index: 1; 
		position: relative; 
		float: right; 
		padding: 0; 
		margin: 0 0 0 -37px; 
		width: 37px; 
		height: 25px; 
		background: url(images/new_program.png) no-repeat;
		}
	#programsBelt .programTitle {
		width: 120px; 
		text-align: center; 
		margin: auto; 
		padding: 7px 0 0 0; 
		font-size: 12px; 
		color: #d1002a; 
		font-weight: bold;
		}
	#programsBelt .programCaption {
		width: 120px; 
		text-align: center; 
		margin: auto; 
		padding: 2px 0 0 0; 
		font-size: 10px; 
		line-height: 10px; 
		color: #000000;
		}
	#programsBelt a,a:visited,a:hover {
		font-weight: normal; 
		border: none; 
		text-decoration: none
		}
	#programsBelt img {
		width: 112px; 
		height: 90px;
		}
#programsBannerNext {
	float: right; 
	margin: 48px 0 0 0; 
	padding: 0; 
	width: 33px; 
	height: 101px;
	}

/*-------------- Rotating Promo -------------------*/

#container2 {
	margin: 0 auto; 
	padding: 0px; 
	width: 964px; 
	text-align: left; 
	background-color: #fff; 
	clear: both; 
	position: relative !important; 
	float: none;
	}

#containerPad {
	float:left; 
	background-color: #fff; 
	padding: 0px 0; 
	margin: 0px; 
	border: 0px solid #CEC5BB;
	}

#preload {
	display:none;
	}

.homeTop {
	width: 964px; 
	height: 274px; 
	float: left; 
	padding: 0; 
	margin: 0; 
	clear: both; 
	background: url(images/mainHeadBgGray.jpg) no-repeat;
	}
#highlightsTitle {
     background: url(images/highlights.png) no-repeat;
     width: 96px;
     height: 19px;
     margin: 5px 0 0 25px;
     display: none;
     }
.homeTopOn {
	width: 964px; 
	height: 251px; 
	float: left; 
	padding: 23px 0 0 0; 
	margin: 0; 
	clear: both; 
	background: url(images/mainHeadBgGreen.gif) no-repeat;
	}
.channelBox {
	z-index: 0; 
	position: relative; 
	float:left; 
	/*background: url(images/orangeBoxBg2.gif) no-repeat; */
	width: 500px; 
	height: 230px; 
	margin: 18px 0 0 13px;
	}
.channelBoxPad {
	float:left; 
	padding: 5px 0px 0px 5px;
	}
.channelBoxPad a:hover {
	text-decoration: underline;
	}
#channelImg {
	float:left; 
	clear:left; 
	width: 220px; 
	height: 220px; 
	overflow: hidden; 
	margin: 0;
	}
.channelRightWrap {
	float: right; 
	width: 270px;
	height: 201px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	position: relative; /* required to vertically center channelContentWrap */
	}
.channelWrap {
	
	}
.channelContentWrap { /* to vertical center contents */
	/*
	height: 120px;
	position: absolute;
	top: 50%;
	margin: -60px 0 0 0;
	*/
	}
#channelTop {
	width: 265px;
	margin: 0; 
	}
#channelTitle a {
	margin: 0; 
	padding: 0; 
	font-size: 19px; 
	color:#ff6700; 
	text-decoration: none;
	}
#channelBlurbs {
	font-weight: bold; 
	margin: 5px 0; 
	padding: 0; 
	color: #d44444;
	text-align: center;
	}
#channelBlurbs a {
	color: maroon; 
	text-decoration: none;
	}
#channelBlurbs a.blurbLink {
	font-size: 12px; 
	}

#channelList{
	width: 215px; 
	overflow: hidden;
	color: #ae8763; 
	background-color: #fff2e6;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	}
	
#channelList ul {
	margin: 10px; 
	padding: 0;
	list-style: none;
	list-style-image: url(images/a1.gif);
	list-style-position: outside;
	}
#channelList li {
	color: #D44444; 
	font-size: 11px;
	text-align: justify;
	line-height: 15px;
	margin: 0 0 0 9px; 
	padding: 0 2px;
	}
#channelList a {
	color:#D44444; 
	text-decoration: none;
	}
#numberNavContainer {
	z-index: 100; 
	position: relative; 
	margin: -21px 0 0 228px; 
	height: 20px; 
	width: 265px; 
	text-align: center;
	}
#numberNavWrap { /* To center properly, need to change width of this element to accommodate the size of nav bar */
	width: 165px; 
	margin: auto;
	}
#numberNavWrap .numberNavLeft {
	background: url(images/menuLeft.gif) no-repeat; 
	float: left; 
	width: 6px; 
	height:17px;
	}
#numberNavWrap .numberNavRight {
	background: url(images/menuRight.gif) no-repeat; 
	float: left; 
	width: 6px; 
	height: 17px;
	}
#numberNavWrap .numberNavPad {
	background: url(images/menuRepeat.gif) repeat-x; 
	float: left; 
	height: 17px;
	margin: 0; 
	padding: 0;
	line-height: 14px;
	}
#numberNavWrap a {
	font-size: 9px; 
	margin: 0; 
	padding: 0; 
	color: #D44444; 
	text-decoration: none;
	}
#numberNavWrap a.numberOn {
	background: url(images/menuOn.gif); 
	padding: 1px 3px 0 3px;
	}
#startButton {
	float: left; 
	padding: 0px 3px 0px 0; 
	cursor: pointer;
	}
#pauseButton {
	float: left; 
	padding: 0px 0px 0px 3px; 
	cursor: pointer;
	}

#cmacMediaTitle {
     /*background: url(images/cmacmedia.png) no-repeat;*/
     float: right;
     width: 92px;
     height: 11px;
     margin: -17px 325px 0 0;
     display: none;
     }
#hpFlashMediaWrapper {
	background: url(images/whiteBoxBg.gif) no-repeat; 
	width: 407px; 
	height: 230px; 
	float: left; 
	margin: 20px 0 0 30px;
	overflow: hidden;
	}
* html #hpFlashMediaWrapper {
	background: url(images/whiteBoxBg.gif) no-repeat; 
	width: 407px; 
	height: 230px; 
	float: left; 
	margin: 0 0 0 20px;
	overflow: hidden;
	}
#hpFlashMedia {
     border: 0px solid red;
     z-index: 2;
     position: relative;
     }
#hpFlashMediaPad {
	padding: 5px 5px 8px 10px;
	height: 237px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	}

* html #hpFlashMediaPad {
	width: 397px; 
	margin: -3px 0 0 0; 
	padding: 5px 5px 0 10px;
	height: 237px;
	overflow: hidden;
	}
.flashMediaTitle {
	background: url(images/cmr_media.jpg) no-repeat; 
	width: 407px; 
	height: 21px; 
	padding: 5px 20px 0 0;
	}
.viewAllButton {}
.flashMedia{
	width: 397px; 
	height: 130px;
	padding: 5px 0 0 0;
	}
.mediaPlayerWrapper {
	width: 400px;
	/*height: 45px;*/
	padding: 0;
	margin: 0 auto;
	text-align: center;
	display: none;
	}
#hpFlashMedia img {
	float: left; 
	margin: 0 0 0 5px; 
	padding: 1px;
	border: solid 1px #ffffff;
	}
#hpFlashMedia .mediaOn {
	border: solid 0px #d1002a;
	}
#hpFlashMedia .mediaOff {
	border: solid 0px #d1002a;
	}
#hpFlashMedia .mediaFileTitle {
	color: #d1002a;
	font-weight: bold;
	margin: 2px 0;
	text-align: center;
	}
.flashMediaCaptionTitle {
	padding: 5px 0 0 0; 
	margin: 0 0 2px 10px; 
	color: #df2437; 
	font-weight: bold; 
	clear: both; 
	height: 15px; 
	overflow: hidden;
	}
	.flashMediaCaptionTitle a {
		color: #d1002a; 
		font-weight: bold;
		text-decoration: none;
		}
	.flashMediaCaptionTitle a:visited {
		color: #d1002a; 
		font-weight: bold;
		text-decoration: none;
		}
.flashMediaCaption {
	margin: 3px 10px 0 20px; 
	color: #000000; 
	font-size: 10px; 
	height: 25px; 
	overflow: hidden;
	}
	.flashMediaCaption a {
		color: #000000; 
		font-weight: normal;
		text-decoration: none;
		}
	.flashMediaCaption a:visited {
		color: #000000; 
		font-weight: normal;
		text-decoration: none;
		}
	.flashMediaCaption a:hover {
		color: #000000; 
		font-weight: normal;
		text-decoration: none;
		}
#mediaBottomLine { /* this div added to accommodate IE6  */
	width: 407px; 
	height: 1px; 
	border-bottom: solid 0px #d1002a;
	}