@charset "utf-8";
/* CSS Document */

body{
		background:url(images/designing-spaces-blueprint.jpg) fixed;
		background: white;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
body a{
	color:#00C;
}
h1 {
	font-size:18px;
	color:#003399;
	}
h2 {
	font-size:12px;
	color:#003399;
	}
h3	{
	font-size:14px;
	color:black;
}
h4 {
	font-size:10px;
	}
img {
	margin:0px;
	padding: 0 px;
	}
	
#doc {
	margin:auto;
	position:relative;
	width:95%;
	margin-top:10px;
}
#col1{
	width: 67%;
}
#col2{
	width:30%;
	overflow:hidden;
	float:right;
}

#homeLink{
	background-image:url(images/header_left.jpg);
	background-repeat:no-repeat;
	width:562px;
	height:148px;
	float:left;
}
#home a{
	display:block;
	width:300px;
	height:148px;
	float:left;
}
#lifetime a{
	display:block;
	width:200px;
	height:148px;
	float:right;
}
#mastAd{
	background-image:url(images/header_right.jpg);
	background-repeat:no-repeat;
	width: 370px;
	height:148px;
	float:right;
}
#mastheadtop{
	margin:auto;
	position:relative;
	width:95%;
	height: 140px;
	overflow:hidden;
	
}
#masthead{
	margin:auto;
	position:relative;
	width:95%;
	height: 200px;
	overflow:hidden;
	
}
#mastheadBalanceMag{
	margin:auto;
	position:relative;
	width:95%;
	height: 140px;
	overflow:hidden;
	
}

#fitnesshead{
	margin:auto;
	position:relative;
	width:95%;
	height: 250px;
	overflow:hidden;
	
}
#boazhead{
	margin:auto;
	position:relative;
	width:95%;
	height: 250px;
	overflow:hidden;
	
}
#charlenePhead{
	margin:auto;
	position:relative;
	width:97%;
	height: 130px;
	overflow:hidden;
	
}
#socialIcons{
	margin-top:5px;
	padding: 10px;
}
#socialIcons img{
	padding:10px;
}
#menu2 {
	position:absolute;
	top: 115px;
	width:95%;
	margin-left:1.5%;
}
#showMastbbq{
	margin-top:50px;
	width:100%;
	height:50px;
}
#showMast{
	margin-top:50px;
	width:100%;
	height:60px;
}
#showMastSweeps{
	margin-top:50px;
	width:100%;
	height:50px;
}


#showMastFitness{
	margin-top:50px;
	width:100%;
	height:200px;
}
#showMastBoaz{
	margin-top:50px;
	width:100%;
	height:150px;
}

#showMast img{
	margin-top:-50px;
	height:140px;
}
#showMast h1{
	margin-top:-90px;
	
	font-size: 20px;
}
#showMast h3{
	margin-top:-6px;
	

}
#story {
font-size:12px;

}
#story img{
	padding:10px;
}
#starsMast{
	width:410px;
	height:100;
	float:right;
	margin-top: -88px;
}
#myLife{
	width: 100%;
}
#fitness{
	width:100%;
}
#boaz{
	width:100%;
}
#charleneP{
	width:100%;
}
#obesity{
	width: 100%;
}
#balanceMag{
	width: 100%;
}
#balanceMag{
	width:100%;
}
#learningalliance{
	width: 100%;
}
#tour{
	width: 100%;
}

#sweepsignup{
	width:100%;
}

#signUP{
	float:right;
	width:337px;
}
#returnMembers{
	float:left;
	width:260px;
	
}
#vipInfo{
float: left;
width:35%;
margin-right:20px;

}
#vipBanner{
	margin:auto;
	width:980px;
}



.videoLeft{
	width:450px;
	padding-top:0px;
}

.videoLeftBoaz{
	width:450px;
	padding-top:0px;
}

.videoLeftcharleneP{
	width:450px;
	padding-top:0px;
}

.contentRight{
	float:right;
	width:300px;
	height:290px;
	width: 275px;
	margin-top:10px;
	
}
.contentRightTeacherCorner{
	float:right;
	height:295px;
	width: 400px;
	margin-top:10px;

}

.contentRightFitness{
	float:right;
	width:300px;
	height:180px;
	margin-top:10px;
	
}
#sponsor{
	margin:10px;
	background:#FFF;
	height:300px;
	width: 100%;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:11px;
}
	
#sponsorFitness{
	margin:10px;
	/*background:#FFF;*/
	height:100%;
	width: 100%;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:11px;
}


#docBack{
	background-color:#FFFFFF;
	height:1907px;
	left:0px;
	position:absolute;
	top:15px;
	width:997px;
}
#newstories{
	font-size:12px;
}
#newstories img{
	padding: 10px;
}
#newsPhoto{
	margin:10px;
}

#keywords{
	background:#09F;
	width:96%;
	margin:1.5%;
	
}
.keywordCenter{
	width:980px;
	margin:auto;

}

#keywords li{
	display: inline;
	padding: 4px;
	font-size:14px;
}
#keywords a{
	color:#FFF;
}
#footer{
	width:980px;
	margin:auto;
}
	
#RecentShows{
	width:100%;
}

.subHead{
	
	border-bottom:6px solid #39F;
	margin-top: 20px;
}
.subHeadbbq{
	
	border-bottom:6px solid #da1e1d;
	margin-top: 20px;
}

.subTitle{
	font-size:22px;
	color:#000;
	font-weight:bolder;
	text-decoration:none;
}
a .subTitle{ 
	text-decoration:none;
}
.subHead2{
	
	border-bottom:6px solid #39F;
	margin-top:20px;
}
.subTitle2{
	font-size:22px;
	color:#000;
	float:right;
}
#Carousel{
	margin-top:30px;
	position:relative;
}
#localEvents{
	height:400px;
	overflow:auto;
}
#topBar{
	height:30px;
	background-color:#39F;
	width:96%;
	margin:1.5%;
}
.centerBlock{
	margin:auto;
	width:800px;
}

.centerBlockBoaz{
	margin:auto;
	width:875px;
}
.centerBlockcharleneP{
	margin:auto;
	width:875px;
}
.centerBlockSweep{
	margin:auto;
	padding-top:30px;
	width:600px;
}

#videoHeader{
		margin:auto;
		margin-top:4px;
		margin-bottom:-3px;
		height:350px;
		width:95%;
		
}
#segmentVideoHeader{
			margin:auto;
		margin-top:4px;
		margin-bottom:-3px;
		height:350px;
		width:890px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
#segmentVideoHeaderTeacherCorner{
			margin:auto;
		margin-top:4px;
		margin-bottom:-3px;
		height:350px;
		width:890px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}

#segmentVideoHeaderFitness{
			margin:auto;
		margin:4px auto -3px;;
		height:350px;
		width:890px;
		background-image:url(/fitness/images/fitnessVideo.png);
	
}

#segmentVideoHeaderBoaz{
			margin:auto;
		margin:4px auto -3px;;
		height:375px;
		width:954px;
		background-image:url(/boaz/images/fitnessVideo.png);
	
}
#segmentVideoHeadercharleneP{
		margin:auto;
		margin:4px auto -3px;;
		height:375px;
		width:954px;
		background-image:url(/charleneProctor/images/vdoBG_blue.png);
	
}
#imagesGalleryBG{
			margin:auto;
		margin-top:4px;
		margin-bottom:-3px;
		height:450px;
		width:890px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
.todayDate{
	width:980px;
	margin:auto;
	color:#FFF;
	padding: 4px;
	font-size:18px;
}

.videoClip{
	width:150px;
	height: 190px;
	float:left;
	margin-right:0px;
	padding:10px;
}

.imageGallery{
	width:109px;
	height: 90px;
	float:left;
	margin-right:0px;
	padding:10px;
}

#todaysShow{
	width:100%;
}
#middleMenu{
	height: 70px;
	width: 95%;
	background-color:#66C;
	margin-top:20px;
	margin-left:1.5%;
	
}
#promoBarInner{
	width:840px;
	margin: auto;
}
#barLeft, promobarLeft{
	float: left;
	margin-top:-10px;
}
#barRight{
	float:right;
	margin-top:-10px;
}
#barCenter{
	text-align:center;
	margin-top:-10px;
}
#promobarRight{
 border 1px solid black;
 width: 500px;
 height:250px;
 float: right;
 margin-right:6%;
 margin-top:40px;
}
#promobarLeft{
	margin-left:0px;
	overflow:hidden;
	z-index:2;
	float:left;
}
#promoBar{
	overflow:hidden;
	background-image:url(images/promo_background.png);
	height:300px;
	width:90%;
	margin-left:4%;

}
#centerCol{
	float:right;
	width: 45%;
	}
	
#leftCol{
	width: 52%;
	margin-top: 73px;
}
.showTitle{
	width:100%;
	margin-left:30px;
}
.videoScreenshot{
		padding-right:20px;
		width:82px;
		margin:auto;
		border-right:3px solid #EEEEEE;
		border-bottom:3px solid #CCCCCC;
		box-shadow: 10px 10px 5px #888;

}
.videoTitle p{
margin-top:10px;
font-size:11px;

}
.todaysShowcontent p{
	font-size:14px;
	width:95%;
}
.todaysShowcontent h2{
	font-size:15px;
	width:95%;
	padding-top: 50px;
}
	
.newsStory{
	width:130px;
	height:252px;
	float:left;
	padding: 10px;
}
#newsletter{
	width:100%;
}

#magazineAds{
height: 300px;
overflow:auto;
}
.endList{
	text-align:center;
}
.videotitle{
	color: #FFF;
	margin-top:-10px;
	font-size:12px;
}

.inputBox{
	width: 251px;
	height: 60px;
	margin:auto;
	background-color:#DDE4F4;
	font-size:12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:130px;
}

.inputBox form{
	text-align: center;
	padding: 10px;


}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.content{
	font-size:10px;
}
#theStory{
	font-size:12px;
}
.position1.content{
	font-size:12px;
}


#blogs h2{
	font-size:11px;
}
#bogs .subHead{
	font-size:11px;
	border-bottom: 6px solid #EDC91E;
}

#todaysShow .subHead {
	border-bottom: 6px solid rgb(0,153,255);
}
.position3content p{
	font-size:12px;
}
#newsletter .subHead {
	border-bottom: 6px solid rgb(129,122,185);
}

#myLife, #myFamily, #myMoney, #myWeekend, #myHome, #generic, #sweepstakes, #eventPage, #pressRelease, #roadShow #about, #hosts #learningalliance #tour #tomorrowShows #obesity #balanceMag #fitness #vday #sweepsstakes {
	margin-left: 20px;	
}

#myLife .subHead {
	border-bottom: 6px solid rgb(237,201,30);
}
#myLife{
	width: 95%;
}
.myLife {
	background-color: rgb(237,201,30);
}
.myLife h1{
	color: white;
	margin-left: 520px;
}
.myLife h3{
	color: white;
	margin-left: 520px;
}


#fitness .subHead {
	border-bottom: 6px solid rgb(236,0,140);
}
#fitness{
	width: 95%;
}
.fitness {
	background-color: rgb(255,255,255);
	background-image:url(/fitness/images/bg.jpg);
	background-repeat:repeat-x;
	height:200px;
}
.fitnessB {
	/*background-color: rgb(146,39,143);*/
}
.fitness h1{
	color: white;
	margin-left: 520px;
}
.fitness h3{
	color: white;
	margin-left: 520px;
}



#boaz .subHead {
	border-bottom: 6px solid rgb(125,2,119);
}
#boaz{
	width: 95%;
}
.boaz {
	background-color: rgb(99,0,87);
	background-image:url(/boaz/images/bg.jpg);
	background-repeat:repeat-x;
	height:50px;
}
.boazB {
	/*background-color: rgb(146,39,143);*/
}
.boaz h1{
	color: white;
	margin-left: 520px;
}
.boaz h3{
	color: white;
	margin-left: 520px;
}
/*charleneP*/

#charleneP .subHead {
	border-bottom: 6px solid rgb(125,2,119);
}
#charleneP{
	width: 95%;
}

.charleneP {
	background-image:url(/charleneProctor/images/bg.jpg);
	background-repeat:repeat-x;
	height:50px;
}


.charleneP h1{
	color: white;
	margin-left: 520px;
}
.charleneP h3{
	color: white;
	margin-left: 520px;
}
/*charleneP*/


#obesity .subHead {
	border-bottom: 6px solid rgb(0,72,0);
}
#obesity{
	width: 95%;
}
.obesity {
	background-color: rgb(0,72,0);
}
.obesity h1{
	color: white;
	margin-left: 520px;
}
.obesity h3{
	color: white;
	margin-left: 520px;
}


#balanceMag .subHead {
	border-bottom: 6px solid rgb(219,67,98);
}
#balanceMag{
	width: 95%;
}
.balanceMag {
	background-color: rgb(219,67,98);
}
.balanceMag h1{
	color: white;
	margin-left: 550px;
}
.balanceMag h3{
	color: white;
	margin-left: 550px;
}

#vday .subHead {
	border-bottom: 6px solid #F00;
}
#vday{
	width: 95%;
}
.vday {
	background-color: #fff;
}
.vday h1{
	color: red;
	margin-left: 550px;
}
.vday h3{
	color: red;
	margin-left: 550px;
}

#learningalliance .subHead {
	border-bottom: 6px solid rgb(184,230,100);
}
.learningalliance {
	background-color: rgb(72,159,42);
}
.learningalliance h1{
	color: white;
	margin-left: 520px;
	font-weight:bold;
}
.learningalliance h3{
	color: white;
	margin-left: 520px;
	font-size:18px;
}

#tour .subHead {
	border-bottom: 6px solid rgb(145,207,56);
}
.tour {
	background-color: rgb(245,245,245);
}
.tour h1{
	color:#0CF;
	margin-left: 520px;
	font-weight:bold;
}
.tour h3{
	color: #0CF;
	margin-left: 520px;
	font-size:18px;
}



#myFamily{
	width: 95%;
}
#myFamily .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.myFamily{
	background-color: rgb(236,124,36);
}
#myFamily .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.myFamily {
	background-color: rgb(236,124,36);
}
.myFamily h1{
	color: white;
	margin-left: 520px;
}
.myFamily h3{
	color: white;
	margin-left: 520px;
}





#myMoney{
	width: 95%;
}
#myMoney .subHead {
	border-bottom: 6px solid rgb(122,160,64);
}
.myMoney {
	background-color: rgb(122,160,64);
}
.myMoney h1{
	color: white;
	margin-left: 520px;
}
.myMoney h3{
	color: white;
	margin-left: 520px;
}


#myHome{
	width: 95%;
}
#myHome .subHead {
	border-bottom: 6px solid rgb(68,89,159);
}
.myHome{
	background-color: rgb(68,89,159);
}
.myHome {
	background-color: rgb(68,89,159);
}
.myHome h1{
	color: white;
	margin-left: 520px;
}
.myHome h3{
	color: white;
	margin-left: 520px;
}


#myWeekend{
	width: 95%;
}
.myWeekend{
	background-color: rgb(142,68,152);
}
#myWeekend .subHead {
	border-bottom: 6px solid rgb(142,68,152);
}
.myWeekend {
	background-color: rgb(142,68,152);
}
.myWeekend h1{
	color: white;
	margin-left: 520px;
}
.myWeekend h3{
	color: white;
	margin-left: 520px;
}

#sweepsstakes{
	width: 95%;
}
.sweepsstakes{
	background-color: rgb(142,68,152);
}
#sweepsstakes .subHead {
	border-bottom: 6px solid rgb(142,68,152);
}
.sweepsstakes {
	background-color: rgb(142,68,152);
}
.sweepsstakes h1{
	color: white;
	margin-left: 520px;
}
.sweepsstakes h3{
	color: white;
	margin-left: 520px;
}



#generic{
	width: 95%;
	margin-left:20px;
}
#generic .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.generic{
	background-color: rgb(236,124,36);
}
#generic .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.generic {
	background-color: rgb(236,124,36);
}
.generic h1{
	color: white;
	margin-left: 380px;
}
.generic h3{
	color: white;
	margin-left: 380px;
}


#sweepstakes{
	width: 95%;
}
#sweepstakes .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.sweepstakes{
	background-color: rgb(236,124,36);
}
#sweepstakes .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.sweepstakes {
	background-color: rgb(236,124,36);
}
.sweepstakes h1{
	color: white;
	margin-left: 380px;
}
.sweepstakes h3{
	color: white;
	margin-left: 380px;
}

#eventPage{
	width: 95%;
}
#eventPage .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.eventPage{
	background-color: rgb(236,124,36);
}
#eventPage .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.eventPage {
	background-color: rgb(236,124,36);
}
.eventPage h1{
	color: white;
	margin-left: 380px;
}
.eventPage h3{
	color: white;
	margin-left: 380px;
}


#pressrelease{
	width: 95%;
	margin-left:20px;
}
#pressrelease .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.pressrelease{
	background-color: rgb(236,124,36);
}
#pressrelease .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.pressrelease {
	background-color: rgb(236,124,36);
}
.pressrelease h1{
	color: white;
	margin-left: 520px;
}
.pressrelease h3{
	color: white;
	margin-left: 520px;
}



#roadShow{
	width: 95%;
}
#tomorrowShows{
		width: 95%;
	margin-left:20px;
}
#roadShow .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.roadShow{
	background-color: rgb(236,124,36);
}
#tomorrowShows .subHead {
	border-bottom: 6px solid rgb(255,28,204);
}
.roadShow {
	background-color: rgb(185,230,98);
}
.roadShow h1{
	color: white;
	margin-left: 520px;
}
.roadShow h3{
	color: white;
	margin-left: 520px;
}

.tomorrowShows h1{
	color: white;
	margin-left: 520px;
}
.tomorrowShows h3{
	color: white;
	margin-left: 520px;
}



#about{
	width: 95%;
}
#about .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.about{
	background-color: rgb(236,124,36);
}
#about .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.about {
	background-color: rgb(236,124,36);
}
.about h1{
	color: white;
	margin-left: 500px;
}
.about h3{
	color: white;
	margin-left: 500px;
}



#hosts{
	width: 95%;
}
#hosts .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.hosts{
	background-color: rgb(236,124,36);
}
#hosts .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
.hosts {
	background-color: rgb(236,124,36);
}
.hosts h1{
	color: white;
	margin-left: 500px;
}
.hosts h3{
	color: white;
	margin-left: 500px;
}



#events .subHead {
	border-bottom: 6px solid rgb(236,124,36);
}
#pressRelease .subHead {
	border-bottom: 6px solid rgb(128,122,185);
}

#roadShow .subHead {
	border-bottom: 6px solid rgb(145,207,46);
}
#blogs .subHead {
	border-bottom: 6px solid rgb(237,201,30);
}

#tomorrowsShows .subHead {
	border-bottom: 6px solid rgb(164,30,34);
}


#AuthorsCorner{
	width: 95%;
}
.AuthorsCorner{
	background-color: rgb(142,68,152);
}
#AuthorsCorner .subHead {
	border-bottom: 6px solid rgb(142,68,152);
}
.AuthorsCorner {
	background-color: rgb(142,68,152);
}
.AuthorsCorner h1{
	color: white;
	margin-left: 520px;
}
.AuthorsCorner h3{
	color: white;
	margin-left: 520px;
}




.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->

#events h3 {
	color:#000;
}

.adstack{
	margin-top: 20px;
	
}

#emailForm{
	width: 500px;
	background:url(images/paper.jpg);
	border:1px solid  #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:auto;
	padding: 20px;
}

/** This CSS is for the Video Player **/
/** play/pause and fullscreen button styles **/
#playPauseButton {
margin-left:10px;
margin-top:10px;
  width: 70px;
  height: 30px;
  float:left;
  
}
#playPauseButton.play:before {
    content: "PLAY";
    margin-left: 3px;
}
#playPauseButton.pause:before {
    content: "PAUSE";
    margin-left: -3px;
}
#fullscreenButton {
 
 float: right;
 margin-left: 340px;
 margin-top:20px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 16px;
}

#fullscreenButton:before {
  content: url(images/arrows.png);
  position: relative;
  top: -11px;
  left: -11px;
}

/** styles for different status states (progress indicator, error) **/
#status {
  position: relative;
  z-index: 2; top: 150px; left: 110px;
  background-color:#FFF;
  -webkit-border-radius: 5px;
  padding:10px;
  width: 180px;
  text-align:center;
}
#status.clicktoplay:before {  
  content: "CLICK TO PLAY";    
}
#status.progress:before {  
  content: url(images/spinner.gif);
  position: absolute;
  background:none;
  left: 82px;
  top: -12px;  
}
#status.error:before { 
  content: "OH NO! ERROR!";    
  color: yellow;
}

/** styles for showing and hidden states **/
#overlay.showing {
  opacity: 1.0;
}
.showing {
  opacity: 0.8;
  position: absolute;
  z-index: 1;
}
.hidden {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

/** animations to fade out the overlay image and "Click To Play" button **/
#overlay, #status {
  -webkit-transition-property: opacity, z-index;
  -webkit-transition-duration: 0.8s, 0s;
  -webkit-transition-delay: 0, 2s;
}

#pageNumbers{
	text-align:center;
}

#storyNav{
	background:pink;
	width:100%;
	height: 40px;
	text-align:center;
}
#storyNav a{
	color:white;
	text-decoration:none;
}
#storyNav a:hover{
	color:#F0F;
	text-decoration:none;
}

#storyNavCont{
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#FCF;
}
	
#roadShow .subHead a {
	background-image:url(images/Roadtour.jpg);
	text-decoration:none;
	font-size:0px;
	width: 304px;
	height:100px;
	display:block;
}