/* 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;
	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;*/
			}
			
		/* #logo h2
			{
			 text-align: justify;
			 line-height: 115%;
			 padding: 0; 
		     margin: 4px 4px 4px 4px;
		     font-size: 13px;
			 font-weight: normal;
			}  */
			
	

/* -------- 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: 152px; 
	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 */}	
	
	
			/* -------------  'ShareThis' icon and link ---------------- */ 

						span#share
							{
							position: absolute;
							top: -26px; 
							right: 0;
							width: 55px;
							height: 18px;
							padding: 0;
							font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif; 
							font-size: 16px;
							color: #A7A161; 
							}
							
						div#main #share a
						 	{
							color: #A7A161; padding: 0;	margin: 0; background-color: transparent; border: none; text-decoration: none; outline: none;
							}
							
						
						div#main #share a, div#main #share a:link, div#main #share a:visited 
							{
							color: #A7A161;  
							background-color: transparent;
							}
									
						#share a:hover, #share a:active, #share a:focus 
							{
							color:  #626237; 
							background-color: transparent;
							}
						#share a img
							{
							margin-right: 0;
							margin-left: .25em;
							border-style: none;
							vertical-align: -3px;
							}
	
			/* ------------- END of  'ShareThis' icon and link ---------------- */ 



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: 15px;
	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: 21px auto 0px 75px;
	padding: 0;
	color: #006600; 
	}

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;
	}




/* --------------------------- link to PDFINFO ------------------------- */

#main ul#pdf
	{
	width: 264px;
	margin: 42px 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.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: 100px;
	margin-right: 130px;
	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); 
	}