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

	TheAthletesWay.com CSS
	http://www.theathletesway.com
	
	Site design copyright 2007 MACROSTATE, Inc.. All rights reserved.
	http://www.macrostate.com
	
	HTML & CSS by Matt Hobbs 
	http://www.matthobbs.com
	
	Version 8
	2007-07-30

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

#skip { display: none; }

body, div, p, td, tr, span, h1, h2, h3, ul, li, ol, a, form {
	font-family: 		verdana, arial, sansserif;
	font-weight:		normal;
	
	color:			#333333; /* Note: home page is dark with white fonts */

	margin:			0px;
	padding:		0px;
}

img {
	border:		no-border;
	border-width: 	0px;
	padding:	0px;
	margin:		0px;
}


body {
	background-color: 	#133963;
	vertical-align:		top;
}

h1 {	font-size:	41px; }
h2 {	font-size:	22px; }
h3 {	font-size:	18px; }

div, p, td, tr, a, ul, li, ol { font-size: 11px; }

li { margin-left: 20px; }

a {
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

input {
	color:		#666666;
	font-size:	12px;
}

#wholepage {
	position:		relative;
	
	margin: 		0 auto;
	width: 			968px;
	
	margin-top:		10px;

	background:		url(images/background-2col.gif) repeat-y;
}


/*
******************************************************************
		Header/Main Navigation
******************************************************************
*/

#header { 
	display:	block;
	clear: 		both;
	position:	relative;
	overflow:	hidden;
		
	width:		968px;
	height:		152px; !important
	background:	#57A6E7;
}

#masthead { }
	#masthead h1 {
		display:	block;
		width:		968px;
		height:		124px;
		
		background:	url(images/header.gif) no-repeat;
	}
		#masthead h1 span { display: none; }
		#masthead h2 span { display: none; }

#mainnav {
	width:		968px;
	height:		28px;
	
	background:	url(images/mainnav-background.gif) repeat-x;
}
	#mainnav h2, span.text {
		display:	none;
	}

	#mainnav ul.mainnav {
		display:		block;
		overflow:		hidden;
		
		height:			28px; !important		
		
		margin:			0px 0px 0px 0px;
		padding:		0px 0px 0px 0px;
		
		margin-left:		20px;
	}


	#mainnav ul.mainnav li {
		display: 	block;
		float:		left;
		
		width:		142px;
		height:		28px;
		
		margin:		0px;
	}


	#mainnav ul.mainnav li a {
		display:		block;
		
		width:			142px;
		height:			28px;
		
		background-repeat:	no-repeat;
	}
		#header #mainnav ul.mainnav li a span { display: none; }
		#header #mainnav ul.mainnav li a:hover {
			text-decoration:	underline;
			background-position:	-284px 0px;
		}
		

/*
**************************************************************
	MAINNAV: Specifics for each button
**************************************************************
*/

/* 142px x 28px  */
#mainnav ul.mainnav li.home a { background: url(images/mainnav-home-ALL.gif); }
#mainnav ul.mainnav li.book a { background: url(images/mainnav-book-ALL.gif); }
#mainnav ul.mainnav li.author a { background: url(images/mainnav-author-ALL.gif); }
#mainnav ul.mainnav li.store a { background: url(images/mainnav-store-ALL.gif); }
#mainnav ul.mainnav li.community a { background: url(images/mainnav-community-ALL.gif); }

	/* 'here' definitions */
	body.home #header #mainnav ul.mainnav li.home a, body.home #mainnav ul.mainnav li.home a:hover  
		{ background-position: -142px 0px; }

	body.book #header #mainnav ul.mainnav li.book a, body.book #mainnav ul.mainnav li.book a:hover  
		{ background-position: -142px 0px; }

	body.author #header #mainnav ul.mainnav li.author a, body.author #mainnav ul.mainnav li.author a:hover  
		{ background-position: -142px 0px; }

	body.store #header #mainnav ul.mainnav li.store a, body.store #mainnav ul.mainnav li.store a:hover  
		{ background-position: -142px 0px; }

	body.community #header #mainnav ul.mainnav li.community a, body.community #mainnav ul.mainnav li.community a:hover  
		{ background-position: -142px 0px; }


/* topnav - is part of mainnav without CSS */
#header #mainnav ul.mainnav li.news, 
#header #mainnav ul.mainnav li.resources,
#header #mainnav ul.mainnav li.contact
	{
		position:	absolute;
		display:	block;
		
		left:		850px;
		width:		104px;
		height:		15px;
		
		overflow:	hidden;
	}
	
	#header #mainnav ul.mainnav li.news a, #header #mainnav ul.mainnav li.resources a, #header #mainnav ul.mainnav li.contact a
		{ width: 104px; height: 15px; background-position: 0px 0px; }
		
		
	#header #mainnav ul.mainnav li.news { top: 57px; }
	#header #mainnav ul.mainnav li.resources { top: 74px;  }
	#header #mainnav ul.mainnav li.contact { top: 91px;  }

	#header #mainnav ul.mainnav li.news a { background: url(images/topnav-news-ALL.gif) 0px 0px; }
	#header #mainnav ul.mainnav li.resources a { background: url(images/topnav-resources-ALL.gif); }
	#header #mainnav ul.mainnav li.contact a { background: url(images/topnav-contact-ALL.gif); }

	#header #mainnav ul.mainnav li.news a:hover  { background-position: -208px 0px; }
	#header #mainnav ul.mainnav li.resources a:hover  { background-position: -208px 0px; }
	#header #mainnav ul.mainnav li.contact a:hover  { background-position: -208px 0px; }
	
		/* 'here' definitions - controlled in body class */
		body.news #header #mainnav ul.mainnav li.news a:hover,
		body.news #header #mainnav ul.mainnav li.news a
			{ background-position: -104px 0px; }

		body.resources #header #mainnav ul.mainnav li.resources a:hover,
		body.resources #header #mainnav ul.mainnav li.resources a
			{ background-position: -104px 0px; }

		body.contact #header #mainnav ul.mainnav li.contact a:hover,
		body.contact #header #mainnav ul.mainnav li.contact a
			{ background-position: -104px 0px; }

/*
**************************************************************
	Main Body
**************************************************************
*/

#mainbody {
	display:	block;
	clear: 		both;
	position:	relative;
	
	width:		968px;
	
	background: 	transparent;
}

	/*
	*****************************************************
		leftcol General Description	
	*****************************************************
	*/

	#mainbody div.leftcol {
		display:	block;
		position:	relative;
		float:		left;
		
		width:		710px;	/* 730px */
		
		background:	#FFFFFF;
		
		padding-top:	16px;
		padding-left:	20px;
		
		background:	url(images/rightcol-top_shadow.gif) no-repeat;
	}
	
	#mainbody div.leftcol h1 {	padding-bottom:		30px;	}

	#mainbody div.leftcol h1 span {
		color:		#006699;
		font-size:	46px;
		text-transform:	uppercase;
	}
	
	#mainbody div.leftcol ul.sectionnav {
		clear:		both;
		float:		left;
		width:		138px;
	}
		#mainbody div.leftcol ul.sectionnav li span { color: #006699; }
		
	#mainbody div.leftcol div.content {
		float:		right;
		width:		550px;
		padding-right:	20px;
	}	
		
		#wholepage #mainbody div.leftcol div.content div.intro {
			
		}
		
		#mainbody div.leftcol div.content p, #mainbody div.leftcol div.content p a
		{ 
			font-family:	verdana, sanserif;
			font-size:	12px;
			color: 		#333333; 
			font-weight:	normal;
			line-height:	20px;

			margin-bottom:	15px;
			z-index:	0;
		}
			#mainbody div.leftcol div.content p a { color: #669900; }
		
		#mainbody div.leftcol div.content div.intro p.quote {
			height:		90px;
			background:	url(images/quote-background.gif) repeat-x;
			text-align:	center;
			vertical-align:	middle;
			
			color:		#006699;
			font-style:	italic;
			
			padding-left:	10px;
			padding-right:	10px;
			padding-top:	7px;
			
			margin-bottom:	15px;
		}
			#mainbody div.leftcol div.content div.intro p.quote span.quote-source { font-weight: bold;  color: #006699;}
	
		#mainbody div.leftcol div.content p { clear: both; }
		#mainbody div.leftcol div.content div.intro p { clear: none; }

		body.book #mainbody div.leftcol div.content div.intro {
			background:	url(images/book-with_shadow.gif) 0px -5px no-repeat;
			min-height:		234px;
			padding-left:	150px;
			
			padding-bottom:	10px;
		}
		
			*html body.book #mainbody div.leftcol div.content div.intro {
				padding-top:	234px;
			}
				*html body.book #mainbody div.leftcol div.content div.intro p.intro {
					margin-top:	-234px;
					height:		234px;
				}
		
			body.book #mainbody div.leftcol div.content div.intro img.book { 
				display: none;
			}
			
		body.author #mainbody div.leftcol div.content div.intro img.author {
			float:		left;
			margin-right:	10px;
			padding-bottom:	15px;
		}
		
	
		
		#mainbody div.leftcol div.content p.intro { font-weight:	normal; }
	
	
	#mainbody div.leftcol div.quotebox {
		display:	block;
		clear:		both;
		width:		550px;
		
		margin-bottom:	10px;
		
		background:	url(images/book-grey-divider.gif) repeat-x;
		padding-top:	10px;
	}
		#mainbody div.leftcol div.quotebox div.header {
			display:	block;
			position:	relative;
			width:		550px;
			height:		37px;
			background:	url(images/quotebox-header.gif) no-repeat;
			
		}
			#mainbody div.leftcol div.quotebox div.header h3 { display: none; }
			#mainbody div.leftcol div.quotebox div.header p { display: none; }

			#mainbody div.leftcol div.quotebox a.signup { 
				position:	relative;
				display:	block;
				top:		5px;
				left:		350px;
				width:		190px;
				height:		20px;
				}
				#mainbody div.leftcol div.quotebox a:hover { background: transparent; }
				#mainbody div.leftcol div.quotebox a span { display: none; }

		
		#mainbody div.leftcol div.quotebox p.quote {
			padding-left:	20px;
			padding-right:	20px;
			background:	url(images/quotebox-sidebars.gif) repeat-y;
			
			padding-bottom:	0px;
			margin-bottom:	0px;
			
			font-size:	11px;
			font-weight:	normal;
			font-style:	italic;
		}
			#mainbody div.leftcol div.quotebox p.quote a { font-size: 11px; }
			#mainbody div.leftcol div.quotebox p.quote span.quote { font-weight: normal; font-style: italic; }			
			#mainbody div.leftcol div.quotebox p.quote span.date,
			#mainbody div.leftcol div.quotebox p.quote span.author { font-weight: bold; font-style: normal; }
			
			
		#mainbody div.leftcol div.quotebox div.footer {
			display:	block;
			height:		18px;
			background:	url(images/quotebox-footer.gif) no-repeat;
		}



#wholepage #mainbody div.leftcol ul.sectionnav {
	display:		block;
	overflow:		hidden;

	width:		130px;
	height:		105px;
	
	background:	url(images/sectionnav-top_line.gif) no-repeat;

	margin:		0px 0px 0px 0px;
	padding-top:	1px;
}

	#wholepage #mainbody div.leftcol ul.sectionnav li {
		display: 	block;
		width:		130px;
		height:		21px;
		overflow:	hidden;
		margin:		0px;
		padding:	0px;
	}


	#wholepage #mainbody div.leftcol ul.sectionnav li a {
		display:		block;
		position;		relative;
		
		width:			130px;
		height:			21px;
		
		padding:		0px;
		margin:			0px;
		
		background-repeat:	no-repeat;
		background-position:	0px 0px;
	}
		#wholepage #mainbody div.leftcol ul.sectionnav li a:hover,
		#wholepage #mainbody div.leftcol ul.sectionnav li:hover a:hover		
			{ background-position: -130px 0px; }
		#wholepage #mainbody div.leftcol ul.sectionnav li a span { display: none; }

	#wholepage #mainbody div.leftcol ul.sectionnav li.book-overview a { background: url(images/sectionnav-overview.gif); }
	#wholepage #mainbody div.leftcol ul.sectionnav li.book-excerpts a { background: url(images/sectionnav-excerpts.gif); }
	#wholepage #mainbody div.leftcol ul.sectionnav li.book-reviews a { background: url(images/sectionnav-reviews.gif); }
	#wholepage #mainbody div.leftcol ul.sectionnav li.book-motivator a { background: url(images/sectionnav-daily_motivator.gif); }
	#wholepage #mainbody div.leftcol ul.sectionnav li.book-buy a { background: url(images/sectionnav-buy_the_book.gif); }
	#wholepage #mainbody div.leftcol ul.sectionnav li.news-back_home a { background: url(images/sectionnav-back_to_index.gif); }


	body.book-overview #wholepage #mainbody div.leftcol ul.sectionnav li.book-overview a,
	body.book-overview #wholepage #mainbody div.leftcol ul.sectionnav li.book-overview a:hover,
	body.book-excerpts #wholepage #mainbody div.leftcol ul.sectionnav li.book-excerpts a,
	body.book-excerpts #wholepage #mainbody div.leftcol ul.sectionnav li.book-excerpts a:hover,
	body.book-reviews #wholepage #mainbody div.leftcol ul.sectionnav li.book-reviews a,
	body.book-reviews #wholepage #mainbody div.leftcol ul.sectionnav li.book-reviews a:hover,
	body.book-motivator #wholepage #mainbody div.leftcol ul.sectionnav li.book-motivator a,
	body.book-motivator #wholepage #mainbody div.leftcol ul.sectionnav li.book-motivator a:hover,
	body.book-buy #wholepage #mainbody div.leftcol ul.sectionnav li.book-buy a,
	body.book-buy #wholepage #mainbody div.leftcol ul.sectionnav li.book-buy a:hover
			{ background-position: -130px 0px; }


	#wholepage #mainbody div.leftcol ul.sectionnav li.author-overview a { background: url(images/sectionnav-overview.gif); }

	body.author-overview #wholepage #mainbody div.leftcol ul.sectionnav li.author-overview a,
	body.author-overview #wholepage #mainbody div.leftcol ul.sectionnav li.author-overview a:hover
			{ background-position: -130px 0px; }



	#wholepage #mainbody div.leftcol ul.sectionnav li.news-overview a { background: url(images/sectionnav-overview.gif); }

	body.news-overview #wholepage #mainbody div.leftcol ul.sectionnav li.news-overview a,
	body.news-overview #wholepage #mainbody div.leftcol ul.sectionnav li.news-overview a:hover
			{ background-position: -130px 0px; }
			

	#wholepage #mainbody div.leftcol ul.sectionnav li.resources-overview a { background: url(images/sectionnav-overview.gif); }

	body.resources-overview #wholepage #mainbody div.leftcol ul.sectionnav li.resources-overview a,
	body.resources-overview #wholepage #mainbody div.leftcol ul.sectionnav li.resources-overview a:hover
			{ background-position: -130px 0px; }
			

	#wholepage #mainbody div.leftcol ul.sectionnav li.store-overview a { background: url(images/sectionnav-overview.gif); }

	body.store-overview #wholepage #mainbody div.leftcol ul.sectionnav li.store-overview a,
	body.store-overview #wholepage #mainbody div.leftcol ul.sectionnav li.store-overview a:hover
			{ background-position: -130px 0px; }
			

	/* *** leftcol: Download Sample Section *** */

	#wholepage #mainbody div.leftcol div.download-sample {
		margin-bottom:		10px;
	}

		#wholepage #mainbody div.leftcol div.download-sample h3 {
			display:	block;
			width:		550px;
			height:		23px;
			background:	url(images/titles/subtitle-download_a_sample_chapter.gif) no-repeat;
		} #wholepage #mainbody div.leftcol div.download-sample h3 span { display: none; }

		#wholepage #mainbody div.leftcol div.download-sample p {
			margin-bottom:	10px;
		}
	
	#wholepage #mainbody div.leftcol div.download-sample div.samples-container {
		margin:		0px;
		padding:	0px;
		padding-top:	19px;
		background:	url(images/excerpt_list-header.gif) no-repeat;
	}
	
		#wholepage #mainbody div.leftcol div.download-sample div.samples-container ul.samples {
			margin:			0px;
			padding:		0px;
			list-style-type:	none;
			
			padding-bottom:		11px;
			background:		url(images/excerpt_list-footer.gif) no-repeat;
			background-position:	bottom;
		}

		#wholepage #mainbody div.leftcol div.download-sample div.samples-container ul.samples li {
			width:		550px;
			height:		31px;
			overflow:	hidden;
			background: 	url(images/excerpt_list-background-ODD.gif) no-repeat;
			
			margin:		1px 0px 0px 0px;
			padding:	0px;
			/*
			padding-top:	5px;
			*/
		}
			#wholepage #mainbody div.leftcol div.download-sample div.samples-container ul.samples li.odd {
				background: 	url(images/excerpt_list-background-ODD.gif) no-repeat;
			}
			#wholepage #mainbody div.leftcol div.download-sample div.samples-container ul.samples li.even {
				background: 	url(images/excerpt_list-background-EVEN.gif) no-repeat;
			}
		

	
		#wholepage #mainbody div.leftcol div.download-sample div.samples-container ul.samples li a {
			display:	block;
			position:	relative;
			width:		510px;
			height:		26px;	
			
			margin:		0px;
			padding:	0px;

			padding-top:	3px;
			padding-left:	40px;			
		}
		
			#wholepage #mainbody div.leftcol div.download-sample div.samples-container ul.samples li a span {
				font-family:	Verdana, sansserif;
				font-size:	12px;
				color: 		#669900;
				font-weight:	normal;
			}
				#wholepage #mainbody div.leftcol div.download-sample div.samples-container ul.samples li a:hover {
					color: 		#669900;
				}
			#wholepage #mainbody div.leftcol div.download-sample div.samples-container ul.samples li span.size {
				font-family:	Verdana, sansserif;
				font-size:	10px;
				color:		#333333;

				position:	relative;
				display:	block;
				
				top:		-12px;
				height:		12px;
				overflow:	hidden;
				padding-left:	40px;
			}
		
		
		

	/* *** leftcol: Daily Motivator Section *** */

	#wholepage #mainbody div.leftcol div.todays-quote h2 {
		display:	block;
		width:		555px;
		height:		23px;
		background:	url(images/titles/subtitle-todays_motivator.gif) no-repeat;
		margin-bottom:	10px;
	} #wholepage #mainbody div.leftcol div.todays-quote h2 span { display: none; }
		
	#wholepage #mainbody div.leftcol div.todays-quote p.quote,
	#wholepage #mainbody div.leftcol div.todays-quote p.quote span
	{
		font-weight:	normal;
		font-size:	15px;
		color:		#669900;
	}
		#wholepage #mainbody div.leftcol div.todays-quote p.quote span.date { font-weight:	bold; }
		#wholepage #mainbody div.leftcol div.todays-quote p.quote span.author { 
			display:	block;
			float:		left;
			font-weight:	bold; 
			}
			#wholepage #mainbody div.leftcol div.todays-quote p.quote a { text-decoration: underline; font-size: 15px; }
	
	#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup { clear: both; padding-top: 25px;}
		*html #wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup { padding-top: 5px; }
	#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup * {
		color:		#666666;
		font-size:	11px;
		font-weight: 	normal;
	}
		#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup div.info {
			float:		left;
			width:		260px;
		}
	
		#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup div.info h3 {
		}	#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup div.info h3 span { 
				font-weight:	bold; 
				color:		#006699;
				}
			#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup div.info p {
			}

		#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup form {
			float:		right;
		}
		#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup form {
			margin-top:	15px;
			float:		right;
			width:		275px;
			height:		48px;
		}
			#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup form input {
				float:		left; 
				width:		188px;
				height:		16px;
				margin-bottom:	3px;
				font-size:	13px;
				font-family:	Arial, sansserif;
				color:		#000000;
			} 
				#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup form label { display: none; }
				
				#wholepage #mainbody div.leftcol div.todays-quote div.motivator-signup form input.button {
					position:	relative;
					border:		none;
					width:		78px;
					height:		21px;
					cursor:		pointer;
   					background:	url(images/button-submit.gif) no-repeat left top;
   					_top:		-12px;
				}

	/* *** leftcol: Buy It Now Section *** */

	#wholepage #mainbody div.leftcol div.content div.buy_it_now {
		margin-bottom:		10px;
	}

		#wholepage #mainbody div.leftcol div.content div.buy_it_now h3 {
			display:	block;
			width:		550px;
			height:		23px;
			background:	url(images/titles/subtitle-where_to_get_it.gif) no-repeat;
		} #wholepage #mainbody div.leftcol div.content div.buy_it_now h3 span { display: none; }

		#wholepage #mainbody div.leftcol div.content div.buy_it_now p {
			margin-bottom:	10px;
		}
	
		#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container {
			display:	block;
			
			height:		300px;
			padding-top:	20px;
		}
		
		#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_amazon,
		#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_bn {
			display:	block;
			float:		left;
			
			height:		294px;
			width:		132px;
	
			text-align:	center;
			
			margin:		0px;
			padding:	0px;
			}
			
			#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_amazon h4, 
			#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_bn h4 { 
				background: 	url(images/amazon-logo.gif) no-repeat;
				width:		132px;
				height:		41px;
				dispay:		block;
				padding:	0px;
				margin:		0px;
				margin-bottom:	10px;
				}
				#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_bn h4 {
					background: url(images/bn-logo.gif) no-repeat;
				}
				#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_amazon h4 span,
				#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_bn h4 span
				{ display: none; }

			#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_amazon iframe,
			#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_bn iframe {
			}


		#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_jackrabbit {
			display:	block;
			float:		right;
			
			height:		291px;
			width:		270px;
			background:	url(images/buy-jack_rabbit.gif) no-repeat;
			}
			#wholepage #mainbody div.leftcol div.content div.buy_it_now div.buy_container div.buy_from_jackrabbit h4 { display: none; }

	/* *** leftcol: Author Photos Section *** */

	#wholepage #mainbody div.leftcol div.content div.author_photos {
		margin-bottom:		10px;
		width:			550px;
		overflow:		hidden;
	}

		#wholepage #mainbody div.leftcol div.content div.author_photos h3 {
			display:	block;
			width:		550px;
			height:		23px;
			margin-bottom:	10px;
			background:	url(images/titles/subtitle-photos.gif) no-repeat;
		} #wholepage #mainbody div.leftcol div.content div.author_photos h3 span { display: none; }

		#wholepage #mainbody div.leftcol div.content div.author_photos div.photo {
			float:		left;
			width:		132px;
			height:		132px;
			padding-right:	7px;
			overflow:	hidden;
		}
			#wholepage #mainbody div.leftcol div.content div.author_photos div.photo_holder {
				width:	560px;
			}
			
			#wholepage #mainbody div.leftcol div.content div.author_photos div.photo img {
				width:	130px;
				height:	130px;
			}
			
			#wholepage #mainbody div.leftcol div.content div.author_photos div.photo div.photo_frame {
				position:	relative;
				background:	url(images/photo-frame-RLVR.png) no-repeat;
				top:		-132px;
				height:		132px;
				width:		132px;
				overflow:	hidden;
			}
				*html #wholepage #mainbody div.leftcol div.content div.author_photos div.photo div.photo_frame {
					background:	transparent;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
						(src='/images/photo-frame.png',sizingMethod='scale');
				}
				
			#wholepage #mainbody div.leftcol div.content div.author_photos a:hover div.photo div.photo_frame {
				background-position:	-140px 0px;
			}
				*html #wholepage #mainbody div.leftcol div.content div.author_photos a div.photo div.photo_frame:hover {
					background: yellow;
				}
				
				
		

	/* *** leftcol: Author Photos Section *** */

	#wholepage #mainbody div.leftcol div.content div.learn_more,
	#wholepage #mainbody div.leftcol div.content div.additional_links {
		clear:			both;
		margin-bottom:		20px;
		padding-top:		10px;
		width:			550px;
		overflow:		hidden;
	}

		#wholepage #mainbody div.leftcol div.content div.learn_more h3,
		#wholepage #mainbody div.leftcol div.content div.additional_links h3 {
			display:	block;
			width:		550px;
			height:		23px;
			margin-bottom:	10px;
			background:	url(images/titles/subtitle-learn_more.gif) no-repeat;
		} 
		#wholepage #mainbody div.leftcol div.content div.additional_links h3 { background:	url(images/titles/subtitle-additional_links.gif) no-repeat; }
			#wholepage #mainbody div.leftcol div.content div.learn_more h3 span,
			#wholepage #mainbody div.leftcol div.content div.additional_links h3 span { display: none; }
		
		#wholepage #mainbody div.leftcol div.content div.learn_more div.linkout,
		#wholepage #mainbody div.leftcol div.content div.additional_links div.linkout {
			display:	block;
			overflow:	hidden;
			width:		550px;
			background:	#F0F7FD;
			padding:	0px;
			margin:		0px;
			margin-top:	1px;
			padding-top:	3px;
			padding-left:	3px;
			padding-bottom:	3px;
		}
			#wholepage #mainbody div.leftcol div.content div.learn_more div.odd,
			#wholepage #mainbody div.leftcol div.content div.additional_links div.odd { background:	#E5EFF7; }
			
			#wholepage #mainbody div.leftcol div.content div.learn_more div.even,
			#wholepage #mainbody div.leftcol div.content div.additional_links div.even { background:	#F0F7FD; }
			
			#wholepage #mainbody div.leftcol div.content div.learn_more div.linkout h4,
			#wholepage #mainbody div.leftcol div.content div.additional_links div.linkout h4
			{
				font-size:	11px;
				color:		#006699;
				font-weight:	bold;
				padding:	0px;
				margin:		0px
			}
			#wholepage #mainbody div.leftcol div.content div.learn_more div.linkout p,
			#wholepage #mainbody div.leftcol div.content div.additional_links div.linkout p {
				padding:	0px;
				margin:		0px;
			}
			
			#wholepage #mainbody div.leftcol div.content div.learn_more div.linkout p span.description {
				color:		#333333;
				font-size:	11px;
				font-weight:	normal;
				padding:	0px;
				margin:		0px;
				line-height:	11px;
			}
			#wholepage #mainbody div.leftcol div.content div.learn_more div.linkout p a {
							color:		#669900;
							font-size:	11px;
							font-weight:	normal;
							padding:	0px;
							margin:		0px;
			}


	/* *** leftcol: Resources Section *** */

	#wholepage #mainbody div.leftcol div.content div.tools{
		clear:			both;
		position:		relative;
		margin-bottom:		20px;
		padding-top:		10px;
		width:			550px;
		overflow:		hidden;
	}

		#wholepage #mainbody div.leftcol div.content div.tools h3 {
			display:	block;
			width:		550px;
			height:		23px;
			margin-bottom:	10px;
			background:	url(images/titles/subtitle-tools.gif) no-repeat;
		} #wholepage #mainbody div.leftcol div.content div.tools h3 span { display: none; }
		
		#wholepage #mainbody div.leftcol div.content div.tools div.tool {
			float:		left;
			position:	relative;
			display:	block;
			width:		136px; /* first is slightly wider.. */
			
			background:	#EEF0DF;
			padding:	0px;
			margin:		0px;
			
			margin-left:	1px;
			text-align:	left;
			
			height:		244px;
		}
			#wholepage #mainbody div.leftcol div.content div.tools div.tool h4 {
				display:	block;
				
				height:		18px;
				padding:	0px;
				margin:		0px;
				background:	#D8DDBB;
				color:		#006699;
				
				padding-top:	5px;
				padding-left:	5px;
			}
				*html #wholepage #mainbody div.leftcol div.content div.tools div.tool h4 { padding-bottom: 4px; padding-top: 3px; }
				#wholepage #mainbody div.leftcol div.content div.tools div.tool h4 span {
					font-weight:	bold;
					color:		#006699;
					font-size:	12px;
					font-family:	Verdana, sansserif;
				}

				#wholepage #mainbody div.leftcol div.content div.tools div.tool img {
					padding:	0px;
					margin:		0px;
					margin-top:	5px;
					margin-left:	5px;
				}
				
				#wholepage #mainbody div.leftcol div.content div.tools div.tool p.description {
					margin-top:	5px;
					font-weight:	normal;
					color:		#333333;
					font-size:	11px;
					font-family:	Verdana, sansserif;
					margin-left:	5px;
					margin-right:	5px;
					line-height:	15px;
				}
				
				#wholepage #mainbody div.leftcol div.content div.tools div.tool a {
					display:	block;
					position:	absolute;
					bottom:		5px;
					left:		0px;
					width:		136px;
					height:		19px;
					background:	url(images/button-calculate.gif) 44px 0px no-repeat;
				}
					#wholepage #mainbody div.leftcol div.content div.tools div.tool a:hover { 
						background:	url(images/button-calculate-OVER.gif) 44px 0px no-repeat;
					}
					#wholepage #mainbody div.leftcol div.content div.tools div.tool a span { display: none; }
		
	/*
	*****************************************************

		rightcol General Description	
	*****************************************************
	*/
	
	#mainbody div.rightcol {
		display:	block;
		position:	relative;
		float:		right;
		
		width:		238px;
		padding-bottom:	10px;
		
		background:	#B3D6F4;
		
		padding-top:	0px;
		background:	url(images/mainnav-base-shadow.gif) repeat-x; 
	}
	
		#mainbody div.rightcol div {
			
			width:	208px;
			
			margin-top:	10px;
			margin-left:	15px;
			
			background:	#FFFFFF;
			background:	url(images/rt-hd-white_shading.gif) 0px 50px no-repeat;
		}
			#mainbody div.rightcol div div { background: yellow; }
		
	#mainbody div.rightcol * h2 {
		display:	block;
		width:		198px;
		height:		50px;
		
		padding-left:	10px;
		padding-top:	0px;
		
		line-height:	18px;
		
		background: url(images/rt-blank-hd.gif) no-repeat;
	}
		div.rightcol * h2 span.section { 
			font-size: 12px; color: #FFCC00; font-weight: bold; text-transform: uppercase;
			}
		div.rightcol * h2 span.area { 
			font-size: 20px; color: #FFFFFF; font-weight: normal; text-transform: uppercase;
			}
		
	#mainbody div.rightcol * a.action {
		display:	block;
		position:	relative;
		width:		203px;
		height:		21px;
		background: url(images/rt-base-blank.gif) no-repeat;
		
		text-align:	right;
		
		padding-top:	6px;
		padding-right:	5px;
	}
	#mainbody div.rightcol * a.action:hover { background-position: 208px 0px; }		

		#mainbody div.rightcol * p, #mainbody div.rightcol * form {
			font-size:	11px;
			color:		#666666;
			
			padding-left:	10px;
			padding-right:	10px;
			padding-top:	8px;
			padding-bottom:	4px;
		}
			div.rightcol * form { padding-bottom: 12px; }
			div.rightcol * form input { width: 183px; margin-bottom: 2px; font-weight: bold;}
			div.rightcol * form input.button { display: none; }
		
		#mainbody div.rightcol * a.action span { 	
			font-size:	11px;
			color:		#FFFFFF;
			font-weight:	bold;
			text-transform:	uppercase;
			text-align:	right;
		}



/*
**************************************************************
	FOOTER
**************************************************************
*/

#footer {
	display:	block;
	position:	relative;
	clear:		both;
	
	width:		100%;
	text-align:	center;
	
	background:	#133963;

	padding-top:	11px;
	background: 	url(images/general-footer.gif) no-repeat 0px 0px;
}

	#footer p, #footer p a {
		font-family:	Verdana, sansserif; 
		font-size:	11px;
		color:		#478DC8;
		background:	#133963;
	}
	
	#footer p a {
		color:		#E3B600;
	}
	
	#footer p.copyright { padding-top: 10px; }
	#footer p.siteby { padding-bottom: 10px; }
	

/*
**************************************************************
	PAGE SPECIFIC
**************************************************************
*/

body.home #wholepage { background-image: url(images/home-background-2col.gif); }

	body.home #mainbody div.leftcol { 
		width:		730px;
		padding-left:	0px;	
		padding-top: 	0px; 
		background:	#FFFFFF;
	}


	body.home div.home_content {
		overflow:	hidden;
		float:		left;

		width:		440px;
		height:		501px;

		background:	url(images/home-rt-left_background.jpg) no-repeat;
	}
		body.home div.home_content div {
			margin-left:	17px;
		}
		
		body.home img.home_running {
			float:	right;
		}

		body.home #mainbody {
			height:		501px;
		}

		body.home #footer {
			padding-top:	14px;
			background: 	url(images/home-footer.gif) no-repeat 0px 0px;
		}
		
		body.home #homeintro {
			display:	block;
			position:	relative;
			
			top:		25px;
			left:		0px;
			
			width:		420px;
			height:		164px;
			
			margin-bottom:	35px;
			
			background: 	url(images/home-i_love_to_sweat-TRANS.png) no-repeat;
		}
			*html body.home #homeintro {
				background:		transparent;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
					(src='/images/home-i_love_to_sweat-TRANS.png',sizingMethod='scale');
			}		
			body.home #homeintro * { display: none; }
			
		body.home #discover {
		}
			body.home #discover h3 {
				display:	block;
				position;	relative;
				
				top:		0px;
				left:		0px;
				
				width:		420px;
				height:		33px;
				background:	url(images/home-discover_the_athletes_way.gif) no-repeat;
				}
				body.home #discover h3 span { display: none; }

				body.home #discover ul {
					display:		block;
					overflow:		hidden;

					height:			130px; !important		

					margin:			0px 0px 0px 0px;
					padding:		0px 0px 0px 0px;
				}


				body.home #discover ul li {
					display: 	block;
					float:		left;

					width:		130px;
					height:		130px;
					
					margin:		0px;
					margin-right:	10px;
				}


				body.home #discover ul li a {
					display:		block;

					width:			130px;
					height:			130px;

					background-repeat:	no-repeat;
				}
					body.home #discover ul li a span { display: none; }
					body.home #discover ul li a:hover {
						text-decoration:	underline;
						background-position:	-130px 0px;
					}
	
					body.home #discover ul li.read { background: url(images/home-discover-read.gif); }
					body.home #discover ul li.author { background: url(images/home-discover-author.gif); }
					body.home #discover ul li.train { background: url(images/home-discover-train.gif); }
					body.home #discover ul li.community { background: url(images/home-discover-community.gif); }
						
					body.home #discover ul li.read a:hover 
						{ background: url(images/home-discover-read-RLVR.gif) 0px 104px no-repeat; }
					body.home #discover ul li.author a:hover 
						{ background: url(images/home-discover-author-RLVR.gif) 0px 104px no-repeat; }
					body.home #discover ul li.train a:hover 
						{ background: url(images/home-discover-train-RLVR.gif) 0px 104px no-repeat; }
					body.home #discover ul li.community a:hover 
						{ background: url(images/home-discover-community-RLVR.gif) 0px 104px no-repeat; }

		body.home #staymotivated { }
			body.home #staymotivated {
				position:	relative; 
				}
				
				body.home #staymotivated h3 {
					display:	block;
					width:		420px;
					height:		40px;
					background:	url(images/home-break_a_sweat.gif) no-repeat;
					margin:		0px;
					padding:	0px;
					
					margin-bottom:	10px;
				}			
					body.home #staymotivated h3 span { display: none; }
					body.home #staymotivated p.subhead { display: none; }
					
				body.home #staymotivated p { margin: 0px; padding: 0px;}
				
				body.home #staymotivated h3 a {
					position:	relative;
					float:		right; 
					display:	block;
					top:		17px;
					right:		10px;

					width:		111px;
					height:		20px; 
					
					background:	transparent;
				}
					body.home #staymotivated h3 a:hover { background: url(images/stay_motivated-RLVR.gif) no-repeat; }
			
			
		body.home #staymotivated p.dailyquote, body.home #staymotivated p.dailyquote span {
			color:		#FFFFFF;
			font-weight:	12px;
			font-family:	Arial, sanserif;
			
			width:		410px;
			
			text-align:	justify;			
			}
			
			body.home #staymotivated p.dailyquote span.date,
			body.home #staymotivated p.dailyquote span.author { font-weight: bold; }


/* *** PAGE TITLES **** */
#wholepage div.leftcol h1 {
	display:		block;
	height:			50px;
	width:			600px;
	position:		relative;
	top:			5px;
	background-repeat:	no-repeat;
}

	body.book-overview #wholepage div.leftcol h1 { background-image: url(images/titles/title-the_book.gif); }
		body.book-overview #wholepage div.leftcol h1 span { display: none; }
	body.book-excerpts #wholepage div.leftcol h1 { background-image: url(images/titles/title-the_book-excerpts.gif); }
		body.book-excerpts #wholepage div.leftcol h1 span { display: none; }
	body.book-reviews #wholepage div.leftcol h1 { background-image: url(images/titles/title-the_book-reviews.gif); }
		body.book-reviews #wholepage div.leftcol h1 span { display: none; }
	body.book-motivator #wholepage div.leftcol h1 { background-image: url(images/titles/title-the_book-daily_motivator.gif); }
		body.book-motivator #wholepage div.leftcol h1 span { display: none; }
	body.book-buy #wholepage div.leftcol h1 { background-image: url(images/titles/title-the_book-buy_the_book.gif); }
		body.book-buy #wholepage div.leftcol h1 span { display: none; }

	body.author-overview #wholepage div.leftcol h1 { background-image: url(images/titles/title-the_author.gif); }
		body.author-overview #wholepage div.leftcol h1 span { display: none; }

	body.news-overview #wholepage div.leftcol h1 { background-image: url(images/titles/title-news_and_events.gif); }
		body.news-overview #wholepage div.leftcol h1 span { display: none; }

	body.resources-overview #wholepage div.leftcol h1 { background-image: url(images/titles/title-resources.gif); }
		body.resources-overview #wholepage div.leftcol h1 span { display: none; }

	body.store-overview #wholepage div.leftcol h1 { background-image: url(images/titles/title-the_store.gif); }
		body.store-overview #wholepage div.leftcol h1 span { display: none; }

	body.contact-overview #wholepage div.leftcol h1 { background-image: url(images/titles/title-contact.gif); }
		body.contact-overview #wholepage div.leftcol h1 span { display: none; }

	body.community-overview #wholepage div.leftcol h1 { background-image: url(images/titles/title-community.gif); }
		body.community-overview #wholepage div.leftcol h1 span { display: none; }


/*
**************************************************************
	RIGHT COLUMN SPECIFIC
**************************************************************
*/

div.rightcol #buy_book {
}
	div.rightcol #buy_book h2 { background: url(images/rt-book-buy_online-hd.gif); }
		div.rightcol #buy_book h2 span { display: none; }
		
	div.rightcol #buy_book a.action { background: url(images/rt-base-find_a_retailer.gif); }
		div.rightcol #buy_book a.action span { display: none; }
		
div.rightcol #newsletter_signup {
}
	div.rightcol #newsletter_signup h2 { background: url(images/rt-news-newsletter-hd.gif); }
		div.rightcol #newsletter_signup h2 span { display: none; }
		
	div.rightcol #newsletter_signup a.action { background: url(images/rt-base-subscribe.gif); }
		div.rightcol #newsletter_signup a.action span { display: none; }

/* NOTE: Discussion has bigger header! */
#wholepage #mainbody div.rightcol #community_join_discussion { 
	background: 	#509EE1;
	width:		208px;	
}
	#wholepage #mainbody div.rightcol #community_join_discussion * {
		/*
		padding-left:	10px;
		padding-right:	10px;
		*/
	}

	#wholepage #mainbody div.rightcol #community_join_discussion h2 { 
		width:	198px;
		height:	77px;
		background: url(images/rt-community_join-hd.gif);
		}
		div.rightcol #community_join_discussion h2 span { display: none; }
		
	div.rightcol #community_join_discussion a.action { background: url(images/rt-base-visit_the_community.gif); }
		div.rightcol #community_join_discussion a.action span { display: none; }

	
	div.rightcol #community_join_discussion h3 {
		padding-left:	10px;
		padding-right:	10px;
		padding-top:	10px;
		
		font-family:	verdana;
		font-size:	11px;
		font-weight:	bold;
		color:		#FFCC00;
	}
		div.rightcol #community_join_discussion h3 span {
			font-family:	verdana;
			font-size:	11px;
			font-weight:	bold;
			color:		#FFCC00;
		}
		div.rightcol #community_join_discussion p {
			font-family:	verdana;
			font-size:	11px;
			font-weight:	normal;
			color:		#FFFFFF;
		}		
		
	#wholepage #mainbody div.rightcol #community_join_discussion h3.topics {
		display: 	block;
		padding:	0px;
		
		margin:		0px;
		margin-left:	10px;
		margin-top:	5px;
		
		height:		19px;
		width:		188px;
		background:	url(images/rt-topic-header.gif) no-repeat;
	}
		#wholepage #mainbody div.rightcol #community_join_discussion h3.topics span { display: none; }
		
	#wholepage #mainbody div.rightcol #community_join_discussion ul.topics {
		padding-bottom:		10px;
		margin-bottom:		10px;
		background:		url(images/rt-topic-footer.gif) no-repeat;
		background-position:	bottom;
	}
	
		#wholepage #mainbody div.rightcol #community_join_discussion ul.topics li {
			display:	block;
			margin:		0px;
			padding:	0px;
			
			margin-left:	10px;
			margin-top:	1px;
			
			padding-left:	28px;
			padding-right:	5px;
			padding-top:	4px;
			
			background:	url(images/rt-topic-indicator-full.gif) no-repeat;
			width:		155px;
			height:		17px;
			
			overflow:	hidden;
		}
		
body.contact #wholepage #mainbody div.leftcol div.content div.contactform {
	width:		550px;
}

	body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset {
		border:		no-border;
		border-width:	0px;
		
		padding:	0px;
		margin:		0px;
		
		margin-bottom:	20px;
	}
	
	body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset label {
		font-family:	Verdana,sansserif;
		font-size:	12px;
		color:		#006699;
		font-weight:	bold;
		float:		left;
		width:		135px;
		margin-right:	10px;
		text-align:	right;
	}
	
	body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset input, 
	body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset textarea {
		float:		left;
		
		font-size:	12px;
		font-family:	Verdana, sansserif;
		font-weight:	normal;
		color:		#333333;
		
		width:		265px;
		text-align:	left;
		background: 	#FFFFFF;
		
		border:		solid 1px #7F9DB9;
		
		padding-left:	5px;
		padding-right:	5px;
	}
		body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset textarea {
			width:		390px;
			height:		210px;
			overflow:	auto;
		}
			body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset.message {
				margin-bottom: 5px;
			}
		
	body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset input.button{
		float:		right;
		
		border-width:	0px;
		border:		no-border;
		
		height:		21px;
		width:		78px;
		
		background:	url(images/button-contact_submit.gif) 0px 0px no-repeat;
		margin-right:	3px;
	}
		body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset input.button:hover,
		body.contact #wholepage #mainbody div.leftcol div.content div.contactform form fieldset input.buttonhov {
			background:	url(images/button-contact_submit.gif) -80px 0px no-repeat;
		}
	
body.community-overview #wholepage #mainbody div.leftcol  {
}
	body.community-overview #wholepage #mainbody div.leftcol div.content {
		width:	680px;
	}
		body.community-overview #wholepage #mainbody div.leftcol div.content iframe {
			padding:	0px;
			margin:		0px;
			width:		680px;
			height:		2000px;
			border-width:	0px;
			
			/*
			overflow:	hidden;
			*/
		}
	
#wholepage #mainbody div.leftcol div.content #news_list {
}
	#wholepage #mainbody div.leftcol div.content #news_list div.news_item {
	}
		#wholepage #mainbody div.leftcol div.content #news_list div.news_item * {
			font-family:	Verdana, sansserif;
			padding:	0px;
			margin:		0px;
			font-size:	10px;
		}

		#wholepage #mainbody div.leftcol div.content #news_list div.news_item h3.date {
			font-size:	10px;
			font-weight:	bold;
			color:		#333333;
			padding:	0px;
			margin:		0px;
			margin-bottom:	5px;
		}
		
		#wholepage #mainbody div.leftcol div.content #news_list div.news_item h3.title a {
			color:		#006699;
			font-size:	12px;
			font-weight:	bold;
			margin-bottom:	5px;
		}
		
		#wholepage #mainbody div.leftcol div.content #news_list div.news_item p.summary {
			color:		#333333;
			font-size:	12px;
			font-weight:	normal;
			
			margin-bottom:	15px;
		} #wholepage #mainbody div.leftcol div.content #news_list div.news_item p.summary a { font-size: 12px; }


/* ***	full_news_item *** */

#wholepage #mainbody div.leftcol div.content #full_news_item {
}
	#wholepage #mainbody div.leftcol div.content #full_news_item h2.date {
		font-size:	10px;
		font-weight:	bold;
		color:		#333333;
		padding:	0px;
		margin:		0px;
		margin-bottom:	0px;
	}

	#wholepage #mainbody div.leftcol div.content #full_news_item h2.title {
		color:		#006699;
		font-size:	18px;
		font-weight:	bold;
		margin-bottom:	20px;
		padding-top:	0px;
		margin-top:	0px;
	}
	
	#wholepage #mainbody div.leftcol div.content #full_news_item p,
	#wholepage #mainbody div.leftcol div.content #full_news_item table td
	 {
		font-size:	12px;
		font-weight:	normal;
		color:		#333333;
		padding:	0px;
		margin:		0px;
		margin-bottom:	10px;
		
		line-height:	20px;
	}	

	#wholepage #mainbody div.leftcol div.content #full_news_item ul li,
	#wholepage #mainbody div.leftcol div.content #full_news_item ol li {
		font-size:	12px;
		line-height:	20px;
	}

	#wholepage #mainbody div.leftcol div.content #full_news_item ul,
	#wholepage #mainbody div.leftcol div.content #full_news_item ol {
		margin-bottom:	10px;
	}


#wholepage #mainbody div.leftcol div.content div.errors {
	margin-top:	10px;
	margin-bottom:	20px;
	padding:	10px 10px 10px 10px;
	margin-left:	10px;
	margin-right:	10px;
	background:	red;
}
	#wholepage #mainbody div.leftcol div.content div.errors * {
		color:	#FFFFFF;
	}
		#wholepage #mainbody div.leftcol div.content div.errors p,
		#wholepage #mainbody div.leftcol div.content div.errors ul li {
			font-size:	12px;
		}
		#wholepage #mainbody div.leftcol div.content div.errors p { margin-top: 5px; line-height:	15px; }
			

#wholepage #mainbody div.leftcol div.content div.message_thanks {
	margin-top:	10px;
	margin-bottom:	20px;
	padding:	10px 10px 10px 10px;
	margin-left:	10px;
	margin-right:	10px;
	background:	#B3D6F4;
}
	#wholepage #mainbody div.leftcol div.content div.message_thanks * {
		color:	#006699;
	}
