/* External Style Sheet for screen: Top Performance Training */
/* Site Design: Black Cap Design */

* {margin: 0} /* sets margin on everything to 0 to address IE & non-IE rendering inconsistencies  */
img {border: none;} /* removes border on all images */

body 
{
	padding: 0;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 11px;
	background: #cccbcb;
	min-width: 770px; /* prevents design collapse (header) on small window resize */
}
/* =================<OUTER CONTAINER DIVs>==================== */
#middle
{
	background: transparent url('../images/middle_bg.gif') repeat-y; 	
 	width: 762px;
 	margin: 0 auto;
 	padding: 0;

}
/* --------<header images>---------- */
#top
{
	background: white url('../images/banner1_bg.jpg') no-repeat;
	margin: 0 auto;
	width: 762px; 
	height:	228px;
}
#top2
{
	background: #CCCCCC url('../images/banner2_bg.jpg') no-repeat;
	background-position: top center; 
	height:	228px;	
}
#top3
{
	background: #CCCCCC url('../images/banner3_bg.jpg') no-repeat;
	background-position: top center; 
	height:	228px;		
}
#top4
{
	background: #CCCCCC url('../images/banner4_bg.jpg') no-repeat;
	background-position: top center; 
	height:	228px;		
}
#top5
{
	background: #CCCCCC url('../images/banner5_bg.jpg') no-repeat;
	background-position: top center; 
	height:	228px;		
}

/* --------</header images>---------- */
#bottom 
{
	background: transparent url('../images/bottom_img.gif') no-repeat;
	width: 762px;
	height: 18px;
	margin: 0 auto;
	clear: both;
}
/* =================</OUTER CONTAINER DIVs>==================== */
#content_container
{
	margin: 0 auto;
	width: 762px;
	padding: 0;
	position: relative;	/* necessary for absolute positioning of footer div */	
}
/* ============<HORIZONTAL NAVIGATION>============ */
#nav 
{
	margin: 0 auto;
	width: 762px;
	background: transparent url('../images/nav_bg.gif') no-repeat;
	height: 32px;  
	float:left;
  font-size: 10px;
  font-weight: bold;
}
#nav ul 
{
	margin: 0;
	padding: 0 10px 0 350px;
	list-style:none;
}
#nav li 
{
  display: inline;
  margin: 0;
  padding: 0;
}
#nav a 
{
  float:left;
	background: white url('../images/tab_left.gif') no-repeat left top;
  margin: 0 2px;
  padding: 0 0 0 4px;
  text-decoration:none;
}
#nav a span 
{
  float: left;
  display: block;
	background: white url('../images/tab_right.gif') no-repeat right 0%;
  padding: 14px 15px 6px 10px;
  color: black;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav li#active a, #nav li#active a:visited             
{
  background-position: 0% -32px;
  color: black;
}
#nav li#active a span  
{
  background-position: 100% -32px;
  color: black;
}
#nav a:hover
{
  background: white url('../images/tab_left_hover.gif') no-repeat;	
  background-position: 0% -32px;
  color: black;
}
#nav a:hover span
{
	background: white url('../images/tab_right_hover.gif') no-repeat;
  background-position: 100% -32px;
  color: black;	
}
#nav li#active a:hover
{
	background: white url('../images/tab_left.gif') no-repeat;
	background-position: 0% -32px;
	color: black;	
}
#nav li#active a:hover span 
{
	background: white url('../images/tab_right.gif') no-repeat;
	background-position: 100% -32px;
	color: black;	
}
/* ---<To force other elements below #nav>--- */ 
.clear_right
{
	clear: right;	 
}
/* ============</HORIZONTAL NAVIGATION>============ */

/* ===============<CONTENT DIVs>================= */
#content
{
	float: right;
	width: 474px;
	padding: 20px 0 20px 0;
	color: #373839;
	background: transparent;	
}
.content_img
{
	float: right;
	margin:  0 40px 20px 20px;	
}
#content p
{
	padding: 6px 42px 6px 30px;	
	line-height: 150%;
}
#content h1
{
	font-size: 1.4em;
	padding: 16px 22px 4px 30px;
	color: #373839;	
}
#content h2
{
	font-size: 1.2em;
	padding: 16px 22px 6px 30px;
	
}
#content h3, #content h5
{
	font-size: 1.2em;
	padding: 6px 22px 6px 30px;
}
#content h4
{
	font-size: 1em;
	padding: 4px 22px 0px 30px;	
	margin-bottom: -4px;
}
#content h5
{
	font-style: oblique;	
}
#content h6
{
	font-size: 1.4em;
	color: #990000;
	padding: 4px 22px 0px 30px;	
}
#content ul
{
	padding: 6px 22px 6px 40px;
	line-height: 130%;			
}
#content ol
{
	padding: 6px 22px 6px 60px;
	line-height: 130%;	
}
.TPT
{
	font-weight: bold;	
}
.feature_box
{
	background: #ededed;
	border: 1px solid #bebebe;
	width: 80%;
	margin: 8px 0 8px 30px;
	padding: 16px 0;
	text-align: center;

}
.testimonial
{
	clear: both;	
}
.leaf_separator
{
	margin-left: 200px;
	padding: 20px 0;
	height: 22px;	
}
#mini_mp3
{
	position: absolute;
	top: 36px;
	right: 8px;	
}
/* ===============</CONTENT DIVs>================= */
/* ============<ANCHORS>============ */
#content a:link, #sidebar a:link 
{
	color: #bc3029;

	text-decoration: underline;
}
#content a:visited, #sidebar a:visited  
{
	color: #bc3029;

	text-decoration: underline;
}
#content a:hover, #sidebar a:hover
{
	color: #bc3029;

	text-decoration: none;	
}
#sidebar a:link, #sidebar a:visited, #sidebar a:hover
{
	background: transparent;	
}

#footer a:link, #footer a:visited 
{
	color: #868484;
	text-decoration: underline;	
}
#footer a:hover
{
	color: #868484;

	text-decoration: none;	
}

/* ============</ANCHORS>============ */


/* ==================<SIDEBAR DIVs>===================== */
#sidebar
{
	float: left;
	width: 270px;
	color: #c9c5c6;
}
#sidebar p
{
	line-height: 140%;
	font-style: oblique;	
	margin: 0.15em 0.5em 0.5em 0.5em;
 	padding: 0 10px 10px 26px;
}
#adspace_home
{
	width: 220px;
	height: 230px;
	margin: 16px 0 18px 33px;
}
#sidebar_img_home 
{
	width: 274px;
	height: 213px;
	position: absolute;
	bottom: 2px;
	left: 7px;
}

.sidebar_img1
{
	margin-left: 70px;
	padding-bottom: 20px;	
}
.sidebar_img2
{
	margin-left: 40px;
	margin-bottom: 20px;	
}
.sidebar_img3
{
	margin-left: 14px;
	margin-top: 16px;			
}
ojbect, #flashcontent
{
	background: black;	
}
#audio_player
{
	margin: 4px 0 10px 30px;
}
table.three_column
{
	width: 90%;
	margin: 0 0 12px 24px;		
}
td.c1, td.c2, td.c3
{
	padding: 6px 0;
	line-height: 150%;	
}
td.c1
{
	width: 25%;	
}
td.c2
{
	width: 30%;
}
td.c3
{
	width: 40%;
}
/* ===================</SIDEBAR DIVs>===================== */
/* ===============<LISTS>=================== */
ul.standard, ul.standard_feature
{
	padding-right: 76px;
	list-style-type: none;
	margin-top: -6px;
}	
ul.standard li, ul.standard_feature li
{
  background: transparent url('../images/bullet.gif') no-repeat;
  background-position: 0 2px;
  margin-left: 2px;
  padding-left: 24px;  
	line-height: 150%;	
}
ul.standard_feature li
{
  background: transparent url('../images/bullet_feature.gif') no-repeat;	
}
/* ===============</LISTS>================== */

/* =================<FOOTER>================= */
#footer_container
{
	height: 100px;
}
#footer 
{
 	position: absolute;
 	bottom: 0px;
 	left: 300px;
	width: 460px; 			
}
#hr_footer
{
	padding: 20px 0 4px 10px;	
}
.copyright
{
	font-size: 10px;
	color: #999999;
	padding-left: 0;
	margin: 20px 0 0 0;
}	
#clear_both
{
	background: transparent url('../images/middle_bg.gif') repeat-y; 	
 	width: 762px;
 	margin: 0 auto;
 	clear: both;
}
#design_cred
{
	padding-left: 60px;	
}
.footer_nav_divider
{
	padding: 0 8px;		
}
/* --------------<footer nav>------------ */
#footer_nav
{
	margin: 11px 0;	
	font-weight: bold;
	font-size: 10px;
}
#footer_nav ul
{
	list-style-type: none;
	padding: 0 5px;
}
#footer_nav li
{
	display: inline;
	margin: 0 0 0 0;
}
#footer_nav li a
{
	color: red;
	border: none; 
	text-decoration: none;
	padding: 3px;		
}
#footer_nav li a:hover, #footer_nav li a#current
{
	color: #000;
	text-decoration: underline;
	background: white;
}
#design_cred a:link, #design_cred a:hover, #design_cred a:visited
{
	color: #999999;	
}
/* -----------</footer nav>-------------*/
/* ====<To force other elements below #nav>==== */ 
.clear_right
{
	clear: right;	 
}

/* ============</HORIZONTAL FOOTER NAVIGATION>============ */
/* =================</FOOTER>================= */


/* =========<MISCELLANEOUS DIVs>========== */
#skip
{
	display: none;	
}



/* ----------------<horizontal footer navigation>---------------- */