/* THIS IS THE MAIN STYLE SHEET FOR 'THINKING HARMONY' */
/* all CSS validated by W3C CSS Validation Service */


html, body
	{
	margin: 0; padding: 0; 
	}
	
body
	{
	min-height: 100vh;
	background: #3d3d3d linear-gradient(to bottom, white 299px,
transparent 299px) no-repeat; /*   previous way of doing it:      background: url(images/bodyimage.gif) repeat-x; */
	}	



div#top /*main div for whole page, horizontally centered*/
	{
	position: relative;
	width: 1024px;
	padding-top: 1px; padding-bottom: 0; padding-right: 0; padding-left: 0;  
	margin-top: -1px; margin-bottom: 0; margin-right: auto; margin-left: auto;	
		/* padding-top and margin top take care of Opera bug that 'lowers page' if fed a long page */
	border: none;	
	background: transparent;
	}



div#logo  /* image-replacement div, with li's (for actual text) and image-containing span */
    	{
     	position: relative;
     	width: 520px;
     	height: 160px;
     	margin-top: 16px; margin-right: auto; margin-bottom: 0px; margin-left: 97px;
		padding: 0;
     	text-align: center;
     	overflow: hidden; 
     	background: transparent;
     	border: none;
     	}

		#logo span
			{
			background: url(../images/logo.jpg) no-repeat;
			position: absolute;
			top: 0; 
			left: 0;
			width: 100%;
			height: 100%
			}
		
		#logo h1 
			{			
			padding: 0; 
			text-align: center;
			margin-top: 50px; 
			margin-bottom: 6px;
			font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
			font-size: 29px; 
			font-weight: normal;
			color: #8A3404;
			/*border: 1px solid green;*/
			}
			

div#top div#toplinks
	{
	position: absolute;
	left: 725px; top: 169px;   /*was left: 797px; */
	margin-bottom: 0;
	padding: 0;
	background: transparent;
	}



a.toplinks 
	{
	display: inline;
	}


a.toplinks
	{
	margin-left: 10px;
	margin-right: 4px;
	font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif; 
	font-size: 20px; 
	color: #A7A161;
	}

a.toplinks, a.toplinks:link, a.toplinks:visited 
			{
			color: #A7A161; 
			background-color: transparent;
			}
			
a.toplinks:hover, a.toplinks:active, a.toplinks:focus 
			{
			color:  #626237; 
			background-color: transparent;
			}


a 	{
	line-height: 135%;   
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: none;
	text-decoration: none;
	outline: none;
	}
	


#left   /* sidebar div*/
	{
	position: absolute;
	left: 17px; top: 328px; right: 763px;  
	width: 242px; 
	border: 1px solid #605D5C;                  
	margin: 0;
	padding: 0;
	background: #B3774B url("images/thtaneverything.png") no-repeat; 
	z-index: 2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;  
	height: 459px;    
	}


/*	______________ Left Links ____________________________ */
	
div#top ul
	{
	list-style: none;
	margin: 808px 850px auto auto; 
    padding: 0;					   
	/*border: 1px solid red;*/
	}


div#top ul li
	{
	list-style: none;
	text-align: right;
	margin: 10px 0 5px auto;  
	padding: 0;
	background: transparent;
	font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif; 
	font-size: 20px; 
	color: #A7A161;
	}


	
div#top ul li a

		{
		margin: 0;
		padding: 0;
		background-color: transparent;
		border: none;
		text-decoration: none;
		text-align: right;
		outline: none;
		font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif; 
		font-size: 20px; 
		}   


div#top ul li a, div#top ul li a:link, div#top ul li a:visited 
			{
			color: #CBC5A0; 
			background-color: transparent;
			}
			
div#top ul li a:focus,	div#top ul li a:hover, div#top ul li a:active 
			{
			color: #449284; /* tried #B3774B; white #449284; */
			background-color: transparent;
			}





/*	______________ main div ____________________________ */



#main  /*right div*/
	{
	position: absolute;
	left: 211px; top: 200px; right: 23px; bottom: auto;
	width: 790px; 
	/* height: 1467px;*/
	z-index: 1;
	background: #CBC5A0 url("images/thmainlogo.png") no-repeat;
	margin: 0;
	padding: 0;
	border: none;
	}

			
	
#main p 
	{
	/*width: 611px;*/
	margin-top: 25px;
	margin-left: 104px; 
	margin-right: 75px;
	margin-bottom: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;  
	font-size: 17px;
	color: #373A3B;  
	line-height: 155%;
	}
	
#main p#top_para
	{
	margin-top: 144px;
	color: #373A3B;
	}	

#main a.students, #main a.students:link, #main a.students:visited
	{
	color: #C5683B;  /*  #808080; is a good grey    #C5683B; is the orange-tan,  was white;  */
	}
	
	 #main a.students:focus, #main a.students:hover, #main a.students:active
	{
	color: white;
	}

#main h1#conversations
	{	
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 46px; 
	font-weight: 100;
	margin-left: 71px;
	padding-bottom: 3px;  
	color: #449284;
	}

#main h2.lessons, #main h2#ctm
	{	
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 18px; 
	font-weight: bold;  
	margin-left: 104px;
	margin-bottom: -6px;  
	color: black;
	}

#main a.lessons, #main a.lessons:link, #main a.lessons:visited
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	color: black;
	background-color: transparent;
	border: none; 
	text-decoration: none;
	outline: none;
	}


#main a.lessons:focus, #main a.lessons:hover, #main a.lessons:active
	{
	color: #449284;  
	}
	
	
#main span.sub
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 13px; 
	font-style: italic;
	font-weight: normal;
	color: black;
	}

#main p.lessons, #main p#lessons_bottom
	{
	width: 560px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color: black;
	line-height: 140%;
	text-align: justify;
	margin-bottom: 37px;  
	}
	
	
#main p#lessons_bottom
	{margin-bottom: 77px;}