/*
	These styles are taken from ptn.css
*/
body {
	margin-top:0px;
	margin-left : 0px;
	margin-right:0px;
}

.bodyHomePage 
{
	background-color: #D9E8F1;
	background-image: url(homepageImages/bg_repeat.gif);
	background-repeat: repeat;
	background-position: top left;
	margin: auto;
	padding: 0;
}

.bodySmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

/*
	These are new styles added by mars.
*/

img,a,a:active{
	border:none;
	outline:none;
}


/* Header */

.home-container{
	position:relative;
	margin:0 auto;
	width:771px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.home-container .header{
	position:relative;
	width:771px;
	height:97px;
	overflow:hidden;
	background:url(../homepageImages/header.jpg) no-repeat;
}

.home-container .col1{
	position:relative;
	width:456px;
	float:left;
	display:inline;
	padding:0;
	margin:0;
}

.home-container .col2{
	position:relative;
	width:158px;
	float:left;
	display:inline;
	padding:0;
	margin:0;
}

.home-container .col3{
	position:relative;
	width:157px;
	float:left;
	display:inline;
	padding:0;
	margin:0;
}

.home-container .col4{
	position:relative;
	width:315px;
	float:left;
	display:inline;
	padding:0;
	margin:0;
}

.home-container .header .nav{
	padding:11px 0 0 5px;
}

.home-container .header .nav .nav-col{
	padding:0 3px 0 0;
	margin:0;
	float:left;
	width:73px;
	display:inline-block;
}

.home-container .header a{
	color:#e7cacb;
	font-size:9px;
	line-height:12px;
	text-decoration:none;
}

.home-container .header span{
	color:#e7cacb;
	font-size:9.5px;
	line-height:12px;
	text-decoration:none;
}

.home-container .header a:hover{
	color:#fff;
}

.home-container .header .member-area{
	color:#fff;
}

.home-container .header .member-area h1{
	padding:14px 0 25px 10px;
	margin:0;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
}

.home-container .header .member-area a{
	padding:0;
	margin:0 0 0 10px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.home-container .header .member-area a.button{
	width:115px;
	height:33px;
	margin:46px 0 0 16px;
	text-indent:-99em;
	overflow:hidden;
	display:block;
	padding:0;
	background:url(../homepageImages/my-account-button.jpg) no-repeat 0 0;
}

.home-container .header .member-area a:hover.button{
	background:url(../homepageImages/my-account-button.jpg) no-repeat 0 -33px;
}

/* Middle */

.home-container .middle{
	position:relative;
	width:771px;
	height:380px;
	background:#fff;
}

.home-container .middle a{
	color:#408ab9;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
}

.home-container .middle a:hover{
	color:#317aa8;
}

.home-container .middle a.become-member-button{
	position:relative;
	width:456px;
	height:96px;
	overflow:hidden;
	display:block;
	text-indent:-99em;
	background:url(../homepageImages/become-member.gif) no-repeat 0 0;
}

.home-container .middle a:hover.become-member-button{
	background-position:0 -96px;
}

.home-container .middle .visitor-video-area{
	position:relative;
	width:456px;
	height:284px;
	background:url(../homepageImages/video-area-background.jpg) no-repeat;
}

.home-container .middle .visitor-video-area .video-player-wrapper{
	position:absolute;
	top:17px;
	left:16px;
	margin:0;
	padding:0;
	width:336px;
	height:254px;
	background:url(../homepageImages/video-player-background.jpg) no-repeat;
}

.home-container .middle .visitor-video-area .video-player-wrapper .video{
	position:absolute;
	top:7px;
	left:8px;
	margin:0;
	padding:0;
	width:320px;
	height:240px;
}

.home-container .middle .visitor-video-area .promo{
	position:absolute;
	top:25px;
	left:353px;
}

.home-container .middle .member-video-area{
	position:relative;
	width:456px;
	height:291px;
	background:url(../homepageImages/member-video-area-background.jpg) no-repeat;
}

.home-container .middle .member-video-area .video-player-wrapper{
	position:absolute;
	top:8px;
	left:16px;
	margin:0;
	padding:0;
	width:336px;
	height:254px;
	background:url(../homepageImages/video-player-background.jpg) no-repeat;
}

.home-container .middle .member-video-area .video-player-wrapper .video{
	position:absolute;
	top:7px;
	left:8px;
	margin:0;
	padding:0;
	width:320px;
	height:240px;
}

.home-container .middle .corporate-area{
	position:relative;
	width:456px;
	height:380px;
	background:url(../homepageImages/corporate-area-background.jpg) no-repeat;
}

.home-container .middle .corporate-area .corporate-logo{
	position:relative;
	width:426px;
	height:223px;
	padding:9px 0 0 8px;
}
.education-div 
{
    background:url(../homepageImages/education-button.gif) no-repeat 0 0;
}
.home-container .middle .corporate-area a.education-button{
	position:absolute;
	top:262px;
	right:23px;
	display:block;
	width:218px;
	height:74px;
	text-indent:-99em;
	overflow:hidden;
	background:url(../homepageImages/education-button.gif) no-repeat 0 0;
}

.home-container .middle .corporate-area a:hover.education-button{
	background-position:0 -74px;
}

.home-container .middle .nav{
	position:relative;
	background:#0064a4;
	height:380px;
}

.home-container .middle .nav a.box{
	position:relative;
	background:#0064a4 url(../homepageImages/nav-background.gif) repeat-y;
	width:158px;
	height:125.6px;
	display:block;
	border-bottom:1px solid #3383b6;
}

.home-container .middle .nav a.box:hover{
	cursor:pointer;
	background:#015595 url(../homepageImages/nav-backgroundRO.gif) repeat-y;
}

.home-container .middle .nav .box .box-title{
	padding:12px 0 0 16px;
}

.home-container .middle .nav .box p{
	padding:0 0 0 16px;
	margin:6px 0 0 0;
	width:125px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:15px;
	font-weight:normal;
	color:#80b2d2;
}

.home-container .middle .promo-area{
	position:relative;
	padding:0;
	margin:0;
	width:157px;
	height:380px;
	background:#fff url(.11homepageImages/promo-area-background.jpg) no-repeat;
}

.home-container .middle .promo-area h1{
	padding:16px 0 5px 17px;
	width:124px;
	margin:0;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
}

.home-container .middle .promo-area p{
	padding:0 0 0 17px;
	width:110px;
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
}

.home-container .middle .promo-area a{
	text-decoration:none;
	cursor:pointer;
}

.home-container .middle .now-playing{
	position:relative;
	width:456px;
	height:89px;
	background:#66a2c8 url(../homepageImages/member-now-playing-back.jpg) no-repeat;
}

.home-container .middle .now-playing h1{
	margin:0;
	padding:13px 0 0 26px;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#063552;
}

.home-container .middle .now-playing p{
	margin:0;
	padding:5px 0 0 25px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:21px;
	color:#fff;
}

.home-container .middle .content-rollover{
	position:absolute;
	top:0;
	right:0;
	padding:10px 0 20px 0;
	margin:0;
	width:157px;
	background:#015595;
	display:none;
}

.home-container .middle .programs-rollover{
	position:absolute;
	top:127px;
	right:0;
	padding:10px 0 20px 0;
	margin:0;
	width:157px;
	background:#015595;
	display:none;
}

.home-container .middle .cecs-rollover{
	position:absolute;
	top:253px;
	right:0;
	padding:10px 0 20px 0;
	margin:0;
	width:157px;
	background:#015595;
	display:none;
}

.home-container .middle .rollover a{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	padding:5px 0 5px 21px;
	display:block;
	text-indent:-8px;
	margin:0;
}

.home-container .middle .rollover a:hover{
	color:#fff;
	background:#0064a4;
}


/*
	Bottom 
*/

.home-container .bottom{
	position:relative;
	width:771px;
	height:109px;
	background:#fff;
}

.home-container .bottom .now-playing{
	position:relative;
	width:456px;
	height:109px;
	background:#66a2c8 url(../homepageImages/now-playing-background.gif) no-repeat;
}

.home-container .bottom .now-playing h1{
	margin:0;
	padding:19px 0 0 25px;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#063552;
}

.home-container .bottom .now-playing p{
	margin:0;
	padding:5px 0 0 25px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:21px;
	color:#fff;
}

.home-container .bottom .testimonials{
	position:relative;
	width:315px;
	height:109px;
	background:#66a2c8 url(../homepageImages/testimonial-background.gif) no-repeat;
}

.home-container .bottom .testimonials p{
	font:11px Arial, Helvetica, sans-serif;
	color:#b2c4d0;
	padding:10px 17px 0 26px;
	text-indent:-18px;
	margin:0;
}

.home-container .bottom .testimonials h1{
	font:11px Arial, Helvetica, sans-serif;
	line-height:13px;
	color:#fff;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	padding:2px 17px 0 0;
	margin:0;
}

.home-container .bottom .recent-videos{
	position:relative;
	width:456px;
	height:109px;
	background:#66a2c8 url(../homepageImages/recent-videos-background.jpg) no-repeat;
}

.home-container .bottom .recent-videos .thumbnail-wrapper{
	position:relative;
	float:left;
	margin:10px 0 0 25px;
	padding:0;
	width:91px;
	height:70px;
	display:inline;
	background:url(../homepageImages/video-thumbnail-background.jpg) no-repeat;
}

.home-container .bottom .recent-videos .thumbnail-wrapper .thumbnail{
	position:absolute;
	top:4px;
	left:4px;
}

.home-container .bottom .recent-videos p{
	width:92px;
	height:70px;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 0 0 5px;
	margin:0;;
	float:left;
}

.home-container .bottom .recent-videos p span{
	color:#005890;
}

.home-container .bottom .recent-videos a{
	text-decoration:none;
	cursor:pointer;
}

.home-container .bottom .recent-videos .more-videos{
	position:absolute;
	right:0;
	bottom:1px;
}

.home-container .bottom .whats-hot{
	position:relative;
	width:315px;
	height:109px;
	background:#f9f9f9 url(../homepageImages/whats-hot-background.jpg) no-repeat;
}

.home-container .bottom .whats-hot .title{
	position:absolute;
	top:12px;
	right:0;
}

.home-container .bottom .whats-hot a{
	text-decoration:none;
	cursor:pointer;
	width:125px;
	height:55px;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	padding:35px 0 0 19px;
	margin:0;;
	float:left;
}

.home-container .bottom .whats-hot a span{
	color:#005890;
	font-weight:bold;
}

.home-container .bottom .whats-hot .divider{
	margin:35px 0 0 10px;
	width:1px;
	height:51px;
	background:#ccc;
	padding:0;
	float:left;
}