/*******************************/

/* Styles for SCETV's Homepage Center Content - 7-1-2009 */

/* Modified by Salli-Denise Smith */

/*******************************/


/*Styles*/

#topContainer {
	width: 848px;
	margin: 0;
	padding: 0;
	height: 426px;
}

#shShell {
	z-index:1;
}

#mediaPlayer {
	float: left;
	width: 627px;
	height: 400px;
	margin: 0;
	padding: 0;
	/*z-index:2;*/
	overflow:hidden;
	background: url(/images/homepage/mediaPlayerBkgd.jpg) no-repeat;
	
}

.separator {
	float: left;
	background: url(/images/homepage/sep.png) no-repeat;
	height: 225px;
	width: 1px;
}


/* BEGIN styles for support area located to the right of the media player on the home page. */

#rtAds {
	margin-left: 12px;
	width: 209px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#supportus {
	background-repeat: no-repeat;
	height: 212px;
	width: 208px;
	margin: 0px;
	padding: 0px;
}

#supportus h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #90a033;
	padding-top: 6px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
}

#supportus p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #90a033;
	padding-bottom: 0px;
	padding-left: 16px;
	padding-top: 0px;
	margin: 0px;
}

#supportus ul{
	paddingm: 0px;
	margin: 0px;
}

#supportus li {
	list-style-position: outside;
	list-style-image: url(/images/homepage/supportBullet.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #90a033;
	padding: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	text-decoration: none;
}

#supportus li a:link, #supportus li a:visited {
	list-style-position: outside;
	list-style-image: url(/images/homepage/supportBullet.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #90a033;
	padding: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
}

#supportus li a:hover {
	list-style-position: outside;
	list-style-image: url(/images/homepage/supportBullet.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #90a033;
	padding: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: underline;
}


#shopBtn {
	background-image: url(/images/homepage/buttons/shopETV_btn.jpg);
	background-repeat: no-repeat;
}

#newsletterBtn {
	background-image: url(/images/homepage/buttons/newsletter_btn.jpg);
	background-repeat: no-repeat;
}

#shopBtn, #newsletterBtn, #etveventsBtn, #etvconnectBtn {
	height: 17px;
	width: 194px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #1C629C;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#shopBtn .btnTitle a:link, #newsletterBtn .btnTitle a:link, #etveventsBtn .btnTitle a:link, #etvconnectBtn .btnTitle  a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #1C629C;

}

#shopBtn .btnTitle a:visited, #newsletterBtn .btnTitle a:visited, #etveventsBtn .btnTitle a:visited, #etvconnectBtn .btnTitle  a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #1C629C;

}

#shopBtn .btnTitle a:hover, #newsletterBtn .btnTitle a:hover, #etveventsBtn .btnTitle a:hover, #etvconnectBtn .btnTitle a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #1C629C;
}

.smLinkShop, .smLinkNewsletter, .smLinkETVEvent {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #3e7bad;
	padding: 0;
}

.smLinkShop a:link, .smLinkShop a:visited,.smLinkNewsletter a:link, .smLinkNewsletter a:visited,.smLinkETVEvent a:link,.smLinkETVEvent a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #3e7bad;
	padding: 0;
	text-decoration: none;
}


.smLinkShop a:hover, .smLinkNewsletter a:hover,.smLinkETVEvent a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #403C64;
	padding: 0;
	text-decoration: none;
}

.smLinkShop {
	margin-left: 80px;

}

.smLinkNewsletter {
	margin-left: 73px;

}

.smLinkETVEvent {
	margin-left: 59px;

}

#etveventsBtn {
	background-image: url(/images/homepage/buttons/etvEvents_btn.jpg);
	background-repeat: no-repeat;
}

#etvconnectBtn {
	background-image: url(/images/homepage/buttons/etvConnect_btn.jpg);
	background-repeat: no-repeat;
}

#etvconnectBtnBkgd {
	background-image: url(/images/homepage/buttons/etvConnectBkgd.jpg);
	background-repeat: no-repeat;
	height: 52px;
	width: 205px;
	margin-top: 2px;
	text-align: center;
	margin-left: 2px;
}

div .twitterIcon {
	float: left;
	cursor: pointer;
	background-image: url(/images/homepage/buttons/twitterBtn.jpg);
	background-repeat: repeat;
	border: none;
	height: 35px;
	width: 34px;
	text-align: center;
	margin-top: 8px;
	margin-left: 14px;
}

div .twitterIcon:hover {
	float: left;
	cursor: pointer;
	background-image: url(/images/homepage/buttons/twitterBtn-Over.jpg);
	background-repeat: repeat;
	border: none;
	height: 35px;
	width: 34px;
	text-align: center;
	margin-top: 8px;
	margin-left: 14px;
	
}

div .facebookIcon {
	float: left;
	cursor: pointer;
	background-image: url(/images/homepage/buttons/facebookBtn.jpg);
	background-repeat: repeat;
	border: none;
	height: 35px;
	width: 34px;
	text-align: center;
	margin-top: 8px;
	margin-left: 11px;
}

div .facebookIcon:hover {
	float: left;
	cursor: pointer;
	background-image: url(/images/homepage/buttons/facebookBtn-over.jpg);
	background-repeat: repeat;
	border: none;
	height: 35px;
	width: 34px;
	text-align: center;
	margin-top: 8px;
	margin-left: 11px;
}

div .blogsIcon {
	float: left;
	cursor: pointer;
	background-image: url(/images/homepage/buttons/blogBtn.jpg);
	background-repeat: repeat;
	border: none;
	height: 35px;
	width: 34px;
	text-align: center;
	margin-top: 8px;
	margin-left: 11px;
}

div .blogsIcon:hover {
	float: left;
	cursor: pointer;
	background-image: url(/images/homepage/buttons/blogBtn-over.jpg);
	background-repeat: repeat;
	border: none;
	height: 35px;
	width: 34px;
	text-align: center;
	margin-top: 8px;
	margin-left: 11px;
}

div .emailIcon {
	float: left;
	cursor: pointer;
	background-image: url(/images/homepage/buttons/emailBtn.jpg);
	background-repeat: repeat;
	border: none;
	height: 35px;
	width: 34px;
	text-align: center;
	margin-top: 8px;
	margin-left: 11px;
}

div .emailIcon:hover {
	float: left;
	cursor: pointer;
	background-image: url(/images/homepage/buttons/emailBtn-over.jpg);
	background-repeat: repeat;
	border: none;
	height: 35px;
	width: 34px;
	text-align: center;
	margin-top: 8px;
	margin-left: 11px;
}


#etvconnectBtnTxt {
	background-image: url(/images/homepage/buttons/etvConnectBkgdBar.jpg);
	background-repeat: no-repeat;
	height: 14px;
	width: 205px;
	color: #747476;
	margin-left: 3px;
	margin-top: 3px;
}

#etvconnectBtnTxt .smTxt a:link, #etvconnectBtnTxt .smTxt a:visited {
	/*margin-left: 10px;*/
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #1C629C;
	text-decoration: none;
	padding-left: 7px;
	
}


#etvconnectBtnTxt .smTxt a:hover {
	/*margin-left: 10px;*/
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #747476;
	text-decoration: none;
	padding-left: 7px;
}

/* END styles for support area to the right of the media player on the home page.*/

#centerContainer {
	width: 848px;
	float: left;
	/*background-color: #f5f6f4;*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


		/*Watch, Listen, Learn COLUMNS*/
		
div.intro, div.intro2, div.intro3 {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px;
	background-image: url(/images/homepage/curveBox.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

div.intro:hover, div.intro2:hover, div.intro3:hover {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px;
	background-image: url(/images/homepage/curveBox-over.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

		
.intro,.intro2 {
	margin-left: 0;
	width: 277px;
	height: 197px;
}

.intro3 {
	margin-left: 9px;
	width: 277px;
	height: 197px;
}

.intro {
	float: left;
}
.intro2 {
	float: right;
	
}
.intro3 {
	float: left;
}

.intro a:link,.intro2 a:link, .intro3 a:link, .intro a:visited,.intro2 a:visited, .intro3 a:visited {
	color: #1C629C;
	text-decoration: none;
}

.intro a:hover, .intro2 a:hover, .intro3 a:hover {
	color: #1C629C;
	text-decoration: underline;
}


.intro h1, .intro2 h1, .intro3 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #1C629C;
	text-decoration: none;
	line-height: normal;
	margin-top: 13px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	padding: 0px;
}

.intro h1 img, .intro2 h1 img, .intro3 h1 img {
	clear: right;
	float: right;
	text-align: center;
	display: block;
	padding-top: 8px;
}

.intro h2,.intro2 h2, .intro3 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

.intro img,.intro2 img, .intro3 img {
	float: left;
	padding-right: 12px;
	margin-top: 1px;
}

.intro h3,.intro2 h3, .intro3 h3 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: bold;
	color: #1C629C;
	text-decoration: none;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	text-align: left;
}

.intro h3:hover,.intro2 h3:hover, .intro3 h3:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: bold;
	color: #1C629C;
	text-decoration: underline;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	text-align: left;
}


#bottomClear {
clear: both;
margin: 0 0 0 0;
}