html{ 
	background: #fff repeat-y center top url("../images/body_bg.png"); 
	}

body{
	color: #222;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 753px;	
	position: relative;
	left: 50%;
	margin-left: -397px;
	padding: 0 20px 0 21px;
	}
		
/* ---- Basics ---- */
a, a:link{
	color: #006;
	}
	
h1, h2, h3, h4, h5, h6{ 
	margin: .25em 0 .5em;
	font-weight: bold;
	}
	
h2{ font-size: 18px; }

p{
	line-height: 150%;
	margin-bottom: 1em;
	}

/*---- Utility Classes ----*/
.clear{ clear: both; }

/*---- Layout ----*/
.container{ padding: 30px;}

.videosection{
	margin-bottom: 50px;
	overflow: hidden;
	}

.videosection .left{ 
	float: left;
	padding-right: 25px;
	width: 400px;
	}
	
.videosection .right{
	float: left;
	width: 260px;
	}
	
 .videosection h2{
 	background-repeat: no-repeat; 
 	background-position: center center;
 	height: 30px;
 	display: block;
 	text-indent: -999em;
 	margin: 0;
 	}
	
 .videosection ol li{ 
	border-bottom: 1px dotted #eee;
 	padding: 10px 5px; 
 	}
 	
 .videosection ol a{ text-decoration: none; }
 
 .videosection .text{ padding: 10px; height: 260px; overflow: auto; }
 
 #welcome, #haines-about{
    background: no-repeat url("/site/images/start_here/welcome.gif");
	padding-top: 40px;
	margin: 0 auto;
	width: 700px;
  }
  
  #haines-about{ 
  	background-image: url("/images/haines/about_header.gif"); 
  	margin: 50px 0;
  	}
  	
  #haines-pictures{ text-align: center; }
  #haines-pictures img{ padding: 3px; }

/*top log in bar*/
#log_in {
	height:42px;
	font-size: 10px;
	color:#006;
	}

#log_in td {
	vertical-align:middle;
	padding:0 0 0 8px;
	}
	
#log_in a{ color:#006; }

/*nav*/
#nav{ height:43px; }
	
#nav li{ float:left; }
	
#nav a{
	display:block;
	background: no-repeat top left;
	height: 43px;
	text-indent: -999em;
	}
	
#nav a#purpose{
	background-image: url("../images/home/home_02.gif");
	width: 151px;	
	}
	
#nav a#awareness{
	background-image: url("../images/home/home_03.gif");
	width: 150px;	
	}
	
#nav a#knowledge{
	background-image: url("../images/home/home_04.gif");
	width: 150px;	
	}	
	
#nav a#skill{
	background-image: url("../images/home/home_05.gif");
	width: 149px;	
	}	
	
#nav a#mastery{
	background-image: url("../images/home/home_06.gif");
	width: 153px;
	}

/*rollovers*/	
#nav a#purpose:hover{ background:url(../images/home/home_over_02.gif) top left no-repeat; }
#nav a#awareness:hover{ background:url(../images/home/home_over_03.gif) top left no-repeat; }
#nav a#knowledge:hover{ background:url(../images/home/home_over_04.gif) top left no-repeat; }
#nav a#skill:hover{ background:url(../images/home/home_over_05.gif) top left no-repeat; }
#nav a#mastery:hover{ background:url(../images/home/home_over_06.gif) top left no-repeat; }
	
/*header*/
#header {
	background: no-repeat right center url("../images/home/home_08.jpg");
	height:167px;
	}

#header h1{ margin: 0; }

#header h1 a{
	background: no-repeat top left url("../images/home/home_07.gif");
	display: block;
	height: 167px;
	text-indent: -999em;
	width: 274px;	
	}

/*main*/
#main{ overflow: hidden; }

/*home_left*/
#home_left{
	float:left;
	width:169px;
	line-height: 0;
	font-size: 0;
	text-indent: -999em;
	}
	
#home_left a{ 
	display:block; 
	width: 169px;
	}

#home_left a#cabin{
	height: 296px;
	background: url(../images/home/home_09.jpg);
	}
	
#home_left a#membershiplevels{
	height: 72px;
	background:url(../images/home/member.gif);
	}
	
#home_left a#interviews{
	height: 38px;
	background:url(../images/home/interview.gif);
	}
	
#home_left a#haines{
	height: 93px;
	background:url(../images/home/haines.gif);
	}

/*home_left rollovers*/
#home_left a#membershiplevels:hover{ background:url(../images/home/member_over.gif); }
#home_left a#interviews:hover{ background:url(../images/home/interview_over.gif); }
#home_left a#haines:hover { background:url(../images/home/haines_over.gif); }

/*home_right*/
#home_right {
	float:left;
	height:499px;	
	width:584px;	
	}
	
#home_right a{ 
	display:block; 
	text-indent: -999em;
	}

#home_right a#classes{
	width:584px;
	height:143px;
	background:url(../images/home/home_10.gif);
	}
	
#home_right a#join{
	width:224px;
	height:136px;
	background:url(../images/home/home_11.gif);
	float: left;
	}
	
#home_right a#playground{
	float: left;
	width:224px;
	height:220px;
	background:url(../images/home/home_13.gif);
	font-size: 0;
	}
	
#home_right a#start{
	width:360px;
	height:356px;
	background:url(../images/home/home_12.gif);
	float: right;
	}

/*home_right rollovers*/
#home_right a#classes:hover{ background:url(../images/home/home_over_10.jpg); }
#home_right a#join:hover{ background:url(../images/home/home_over_11.jpg); }
#home_right a#playground:hover{ background:url(../images/home/home_over_13.jpg); }
#home_right a#start:hover{ background:url(../images/home/home_over_12.jpg); }

/*bottom*/
/*bottom nav*/
#bottom {
	background: no-repeat top center url(../images/home/home_16.gif);
	font-size: 10px;
	font-weight: bold;
	line-height: 17px;
	text-align:center;
	padding: 56px 0 10px 0;
	clear: both;
	}

#bottom a{
	color: #333;
	text-decoration: none;
	}

#bottom a:hover{
	color: #006;
	text-decoration: underline;	
	}

/*disclaimer*/
#disclaimer_copy {
	font-size: 9px;
	text-align: center;
	padding-bottom:15px;
	}

#disclaimer_copy a{
	color: #333;
	text-decoration:none;
	}

#disclaimer_copy a:hover {
	text-decoration: underline;
	color: #006;
	}

/* Interviews */
#interviews .entry{ margin: 0 50px 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; }

/* Levels */
.blog_summary a{ display: block; padding: 8px; border-bottom: 1px solid #eee; text-decoration: none; color: #666; }
	.blog_summary a:hover{ background: #FAFAFA; color:#00437A; text-decoration:underline; }
	
.podcastEntry{ margin-bottom: 10px; }
	.podcastEntry .flashPlayer{ float: left; width: 20px; height: 20px; margin-top: 2px; }
	.podcastEntry .info{ float: left; width: 140px; padding-left: 10px; }
		.podcastEntry .info h3{ height: 20px; line-height: 20px; font-weight: bold; margin: 0; padding: 0; }
			.podcastEntry .info h3 em{ color: #ccc; padding-left: .5em; font-weight: normal; }
			
			
.videosection .right{ background: #FC6; }
	.videosection .right h2{  background-image: url("/site/images/level_1/purpose.gif"); }
	
.image_links {
margin-top:-10px;
margin-left:10px;}

.image_links img {
float:left;
padding-bottom:20px;}

.image_links .left_img {
padding-right:40px;}

.image_links .right_img {
padding-left:40px;}

.image_links img a {
border:none;}

#sections { float:left; margin:0 0 40px -15px;}


#sections .blog, #sections .exercise, #sections .podcast {
float:left;
width:208px;
height:155px;
overflow:auto;
margin-left: 15px; 
padding: 5px 0; }

#section .blog { margin-left:13px; }

#sections .exercise { margin-left:30px; }

#sections .podcast { margin-left:29px; }

#sections { padding: 0 10px; }

#startblog{ background: #fff; }
	#startblog li:hover{ background: #eee; }