/* THIS IS THE MAIN STYLE SHEET FOR 'STUDENTS', using Georg's format */
/* all CSS validated by W3C CSS Validation Service, Feb. 19, 08 */

html, body 
	{
	margin: 0; padding: 0; 
	}

body
	{
	position: relative;
	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; */
	}	
	

#top /*main div for whole page, horizontally centered*/
	{
	position: relative;
	width: 1024px;
 	padding: 1px 0; /* Georg next negates this new 1px padding-bottom by giving a new -1px margin-bottom. */
 	margin: -1px auto;
	border: none;
	background: transparent;
	}



#logo  /* image-replacement div, with li's (for actual text) and image-containing span */
    	{
     	position: relative;
     	width: 520px;
     	height: 160px;
     	margin-top: 17px; margin-right: auto; margin-bottom: 0px; margin-left: 95px;
		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 /*, #logo h2*/
			{			
			padding: 0; 
			text-align: center;
			margin-top: 50px; 
			margin-bottom: 6px;
			/*margin-left: -15px;
			line-height: 150px;  */
			font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
			font-size: 29px; 
			font-weight: normal;
			color: #C5683B;
			/*border: 1px solid green;*/
			}
			
		
	

/* -------- left div -------- */

div#left   /* sidebar div*/
	{
	position: absolute;
	left: -203px; top: 128px; bottom: 10px;    /* The reason why this works is precisely because #left is absolutely positioned 
											   RELATIVE to #main:  whatever #main's 'auto' bottom ends up being, #left's bottom
											   will always be 10px higher.  */
	width: 238px; 
	border: 1px solid #605D5C;                  
	margin-top: 0; margin-bottom: 0;
	padding: 0;
	background: #B3774B; 
	z-index:2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;  
	color: #09090A;
	}
	

* html #left {   /*  sidebar div for IE6 - see: <http://www.alistapart.com/articles/conflictingabsolutepositions/> */
height: 1500px;
height: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
(parseFloat(this.parentNode.offsetHeight)-140)
:(parseFloat(this.parentNode.offsetHeight)-138));}

	
div#main div#left h2 
	{
	font-family: "Times New Roman", Times, serif;	
	font-size: 17px; 
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding-left: 11px; padding-right: 11px; 
	padding-top: 30px;
	padding-bottom: 14px;
	margin: 0;
	color: #F9F5E8;
	}
	
	
div#main div#left p
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px; 
	font-style: normal;
	text-indent: 18px;
	margin-top: 14px; margin-right: 11px; margin-left: 11px; 
	text-align: left;
	line-height: normal;
	/*color: #09090A;
	padding: 0;*/
	}

div#main div#left p.indent
	{
	text-indent: 0;
	}

div#main div#left p.top
	{
	margin-top: 0;
	border-top: 1px solid #006600;
	padding-top: 15px;  
	}
	
div#main div#left p.bottom, p.bottom_g
	{
	border-bottom: 1px solid #006600;
	padding-bottom: 12px;
	text-indent: 0;
	}
	
/* new class, to remove line from 'bottom', and give it to following 'top' */	
div#main div#left p.topline
	{
	border-top: 1px solid #006600;
	padding-top: 13px;
	text-indent: 18px;
	}

div#main div#left p.bottom_g
	{
	text-indent: 0;
	padding-bottom: 9px;
	}
	
div#main div#left p.g_1_bottom
 	{
	text-indent: 0;
	}

div#main div#left p#g_mid
	{
	font-style: italic;
	font-weight: bold;
	text-indent: 0;
	margin-left: 29px;
	margin-bottom: -5px;
	}
	
div#main div#left p#g_1_bottom_j
 	{
	padding-top: 20px;
	text-indent: 0;
	}

div#main div#left p.spo
	{
	text-indent: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 9px;
	margin-top: 0px;
	}
	
div#main div#left p.spo_bl
	{
	text-indent: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 9px;
	margin-top: 0px;
	border-bottom: 1px solid #006600;
	padding-bottom: 15px;
	}

div#main div#left p span.g
	{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-style: normal;
	vertical-align: baseline;
	color: #006600;
	} 

div#main div#left p span.jg
	{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-style: normal;
	color: #006600;
	vertical-align: baseline;
	}


div#left p span#jog
	{
	font-size: 9px;
	font-style: italic;
	line-height: .2em;
	}	

div#main div#left p a
	{
	line-height: 80%;
	}

div#left p#marty_bottom
	{
	border-bottom: 1px solid #006600;
	padding-bottom: 15px;
	}
	
div#left p span
	{
	font-size: 9px;
	font-style: italic;
	vertical-align: 3px;
	}	
	
div#main div#left p#bye
	{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;  
	font-style: italic;
	font-weight: bold;
	color: #F9F5E8;	  
	text-align: left;
	margin-left: 74px;
	margin-right: auto;
	margin-bottom: 10px;
	text-indent: -30px;
	padding-top: 17px;
	}


div#main div#left p#bye2
	{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;  
	font-style: italic;
	font-weight: bold;
	color: #F9F5E8;	   
	text-align: left;
	margin-left: 11px;
	padding-left: 63px;  /*(=74-11)*/
	margin-right: 11px;
	text-indent: -30px;
	padding-top: 7px;
	margin-bottom: 0px;
	padding-bottom: 27px;
	border-bottom: 1px solid #006600;
	}


div#main div#left ul#sidebaremail
	{
	list-style-type: none;
	margin: 0 auto -4px 74px;
	padding: 0 0;
	}
	
div#main div#left li.email
	{
	list-style-type: none; 
	padding: 0 0 0 25px;
	background: url(../images/favicon2.jpg) no-repeat left 60%;
	text-align: left;
	padding: 0 0 0 25px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 25px;
	}	


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


		div#left a#email, div#left a#email:link, div#left a#email:visited 
			{
			color: #CBC5A0; 
			background-color: transparent;
			}
			
		div#left a#email:hover, div#left a#email:active, div#left a#email:focus 
			{
			color: #F9F5E8; 
			background-color: transparent;
			}

div#main div#left ul#leftlinks
	{
	position: absolute;
	bottom: 42px;  /* Was 152px.  The 2019 version of Students has less text, and therefore the 'main' div is much shorter.  Since the 'left' div is relative to the 'main' div, it became too short to accommodate all of the testimonials.  I therefore had to find a way of making the 'main div' long enough to include all the left div content.  I did this by giving this last main div paragraph a much larger bottom margin.  This had a negative consequence in relation to these left div's bottom links:  they are absolutely positioned relative to the bottom of the page, so a shorter 'main' div page made those bottom links ascend too high up the left div.  I therefore had to change the left bottom links' 'bottom' dimension accordingly.  */
	left: 75px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#main div#left ul#leftlinks li.leftlink
	{
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 25px;
	background: url(../images/favicon2.jpg) no-repeat left 30%;
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 20px;
	}	

div#left a.left_links
	{
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	text-decoration: none;
	outline: none;
	}   

div#left a.left_links, div#left a.left_links:link, div#left a.left_links:visited 
	{
	color: #CBC5A0; 
	background-color: transparent;
	}
			
div#left a.left_links:hover, div#left a.left_links:active, div#left a.left_links:focus 
	{
	color: #F9F5E8; 
	background-color: transparent;
	}



				
/* ------- main div -------*/

div#main  /*right div*/
	{
	position: absolute;
	left: 211px; 
	top: 200px; 
	right: 23px; 
	bottom: auto;
	width: 790px; 
	/*z-index: 1;*/
	background: #CBC5A0;
	/*margin: 0;
	padding: 0;
	border: none;*/
	min-height: 1200px;
	}
* html #main {height: 1200px; /* min-height for IE5 */}	
	
	
	
#main div#title_div  /* image-replacement div, with h1 for text, and image-containing span */
    	{
     	position: absolute;
     	width: 790px;
     	height: 110px;
     	margin: 0;
		padding: 0;
     	text-align: center;
     	overflow: hidden;
     	background: transparent;
     	border: none;
     	}

#main span#title
			{
			background: url("images/title.png") no-repeat;
			position: absolute;
			top: 0; 
			left: 0;
			width: 100%;
			height: 100%
			}
		
#main h1#title_text
			{			
			padding: 0; 
			text-align: center;
			margin-top: 50px; 
			margin-bottom: 6px;
			font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
			font-size: 24px; 
			font-weight: normal;
			color: #8A3404;
			}

			
div#main h1
	{	
	font-family:  "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  
	font-variant: small-caps; 
	font-size: 42px; 
	font-weight: 900;
	text-align: center;
	padding-top: 31px;
	padding-bottom: 0;
	margin: 0;
	color: #C5683B;
	}
	
div#main h2
	{
	font-family:  "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  
	font-variant: normal; 
	font-size: 22px; 
	font-style: normal; 
	font-weight: normal;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 0;
	margin: 0 0 -5px 0;
	color: #AF4205; 
	}
 
div#main h3
	{	
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  
	font-variant: normal;
	font-style: italic;
	font-weight: normal;
	font-size: 18px; 
	text-align: center;
	padding-top: 110px;
	padding-bottom: 0;
	margin: 0;
	color: #006600;
	}

div#main h4
	{	
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  
	font-variant: normal;
	font-style: italic;
	font-weight: normal;
	font-size: 16px; 
	text-align: left;
	margin: 27px auto 0px 75px;
	padding: 0;
	color: #006600; 
	}

div#main h4.about
	{
	margin-top: 48px;
	}

div#main h3.hi
	{
	margin-top: 43px;
	}
		 

div#main h5	
	{	
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 16px; 
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 5px auto 2px 75px;
	line-height: 135%;
	color: #626237; 
	}
	

div#main h5.email	
	{
	margin-left: 99px;
	}
	
div#main h5.email2
	{
	margin-left: 99px;
	margin-top: 13px;
	}	

div#main h4.b
	{
	margin-top: 20px;
	}
/* --------------------------- contact Michael ------------------------- */
#main ul#contact
	{
	width: 223px;
	margin: 46px 0 0px 57px; /* top was 68px, bottom was 0 */
	overflow: visible;
	list-style: none;
	padding: 0;
	background-color: transparent;
	}   

	
#main ul#contact li
	{
	width: 198px;  /* was 223px;   */
	margin: 0 auto 0 18px; 
	padding: 0;
	list-style: none;
	}


#main ul#contact li a
	{
	display: block;
	width: 198px;  /* was 223px;   */
	height: 27px;  /* was 34px; */
	background: url('images/contacticon1.png') no-repeat 4px -2px; 
	background-color: #B3774B;
	border-style: none none outset outset;
	border-color: #EEEEEE;
	text-indent: 34px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	font-weight: normal;
	font-style:  italic;
	color: #F9F5E8; 
	text-decoration: none;
	outline: none;
	margin: 0;
	padding-left: 0; padding-right: 0; padding-top: 3px; padding-bottom: 0;
	}

#main ul#contact li a:hover 
	{
	display: block;
	width: 198px;  /* was 220px;   */
	height: 27px;  /* was 34px; */
	background: url('images/contacticon2.png') no-repeat 4px -2px; 
	background-color: #CBC5A0;
	border-style: none none outset outset;
	border-color: #EEEEEE;
	text-indent: 34px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	font-weight: normal;
	font-style:  italic;
	color: #b3774b; 
	text-decoration: none;
	outline: none;
	margin: 0;
	padding-left: 0; padding-right: 0; padding-top: 3px; padding-bottom: 0;
	}
	
	
/* --------------------------- link to PDFINFO ------------------------- */

#main ul#pdf
	{
	width: 264px;
	margin: 6px 0 20px 75px; /* top was 68px, bottom was 0 */
	overflow: visible;
	list-style: none;
	padding: 0;
	background-color: transparent;
	}   
	
#main ul#pdf li	
	{
	width: 264px; 
	margin: 0 auto; 
	padding: 0;
	list-style: none;
	}

#main ul#pdf li a
	{
	display: block;
	width: 220px;
	height: 100%;
	background: #CBC5A0 url('../images/PDF-bar.png') no-repeat 0 50%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: black; 
	text-decoration: none;
	outline: none;
	margin: 0;
	padding-left: 36px; padding-right: 0; padding-top: 0; padding-bottom: 0
	}
	
#main ul#pdf li a:hover
	{
	width: 264px;
	color: #C5683B;
	text-decoration: none;
	outline: none;
	}	
	



/* --------------------------- end of link to PDFINFO ---------------------- */









	
div#main p 
	{
	margin-top: 20px;
	margin-left: 75px; 
	margin-right: 75px;
	margin-bottom: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: #000000; 
	line-height: 135%;
	}

div#main p.hi
	{
	margin-top: 21px;
	}	
	
div#main p.first
	{
	margin-top: 0px;
	}
	
div#main p.inner
	{
	margin-top: 30px
	}	

div#main p.inner_checkout
	{
	margin-top: 12px
	}	

div#main p.h3
	{
	margin-top: 5px;
	}

div#main p#quote 
 	{
	width: 530px;
	margin-top: 65px;
	margin-left: 130px; 
	margin-bottom: 0px;
	margin-right: 130px;
	padding: 0;
	text-indent: 25px;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 150%;
	color: #000000;
	}  

div#main p#ra
	{
	/*width: 530px;*/
	margin-top: 25px;
	margin-left: 230px; 
	margin-bottom: 700px;
	margin-right: 130px; /*the 2019 version of Students has less text, and therefore the 'main' div is much shorter.  Since the 'left' div is relative to the 'main' div, it became too short to accommodate all of the testimonials.  I therefore had to find a way of making the 'main div' long enough to include all the left div content.  I did this by giving this last main div paragraph a much larger bottom margin.  This had a negative consequence in relation to the left div's bottom links:  they are absolutely positioned relative to the bottom of the page, so a shorter 'main' div page made those bottom links ascend too high up the left div.  I therefore had to change the left bottom links' 'bottom' dimension accordingly.  */
	text-indent: -18px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	color: #000000;
	}  

div#main p.emailp
	{
	margin-top: 0px;
	margin-left: 99px;
	}

div#main ul.checkout
	{
	list-style-type: none;
	margin: 12px 125px 13px 99px;
	padding: 0 0;
	/*border: 1px solid blue;*/
	}

div#main li.checkout, li.checkout_short, li.checkout_indented 
	{
	list-style-type: none;
	margin: 0 0;
	/* margin-top: 12px;
	margin-left: 125px; 
	margin-right: 125px;
	margin-bottom: 0;  */
	padding: 0 0 0 25px;
	background: url(../images/favicon2.jpg) no-repeat left top;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: #000000;  
	line-height: 135%;
	}

div#main li.checkout_indented 
	{
	list-style-type: circle;
	background: transparent; 
	margin: -8px 0 12px 0;
	padding: 0 0 0 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: #000000;  
	line-height: 135%;
	}


div#main li.checkout_short
	{
	margin-top: 5px;
	}


		
div#main li.checkout img
 	{		
	width: 383px;
	height: 24px;
	vertical-align: -30%;
	border-style: none;
	}
	

div#main li.checkout a#th		/* These allow my link image(s) to 'rollover' upon hover,etc */
 	{
  	display: inline-block;
 	width: 383px;
	height: 24px;
	vertical-align: -30%;
	border: none;
	background: transparent url(images/th_links_comb.png) no-repeat; 
	}

* html div#main li.checkout a#th {vertical-align: -3px;}

div#main li.checkout a#th:hover
	{
	background-position: -383px 0;
	} 

div#main ul.checkout_indented
	{
	list-style-type: circle;
	margin: 0 125px 0 166px;
	padding: 0 0;
	/*border: 1px solid blue;*/
	}

		
		
/* ANCHORS */

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

div#main a, div#main a:link, div#main a:visited 
	{
	color: #C5683B; 
	background-color: transparent;
	}  
	
div#main a:hover, div#main a:active, div#main a:focus 
	{
	color: #626237; 
	background-color: transparent;
	}   


div#main a#th 
	{
	width: 383px;
	height: 24px;
	background: transparent url(images/thinkingHarmony-con_tan.png); 
	}