BODY	{
	  		background-color: #24282A;
	  		margin: 0 auto;
	  		padding: 0px;
			}
	
	DIV.main{
	  		width: 840px;	/* originally 70% */
	  		height: 600px;
	  		background-color: #C0BCAB;
	  		text-align: center;
	  		margin: 11px auto;
	  		padding: 5px;
	  		border: 1px solid #000000;
			}
			
	DIV.header
			{
	  		height: 180px;
	  		background: #7E7D6B url("../images/header_03.jpg") no-repeat top left;
	  		text-align: center;
			}
			
	DIV.hr_bar
			{
	  		padding: 5px;		/* former height: 10 px before IE bug */
	  		background-color: #413F35;
	  		margin: 5px 0px 0px 0px;
			}			
			
	DIV.nav_bg
			{
	  		height: 18px;
	  		text-align: center;
	  		margin: 0px 0px 5px 0px;
	  		background: #8B8974 url("../images/hr_tile.jpg") repeat-x top;
	  		border-bottom: 1px solid #6C6A58;
			}						
	
	DIV.content
			{
	  		height: 350px;
	  		background-color: #DDD5C8;
	  		padding: 5px;
	  		border-bottom: 3px solid #514D43;
	  		overflow: auto;
			}						
			
	DIV.square		/* There is still a problem with IE - plus, I do not get the different top values*/
			{
	  		height: 8px;
	  		width: 8px;
	  		background-color: #514D43;
	  		margin: 7px 0px;
	  		position: relative;
	  		top: 0px;
	  		left: 50%;
			}		
								
			
	DIV.container
			{
	  		height: 22px;
	  		background-color: transparent;
			}						
			
	UL		{
	  		font: normal 9pt/10pt tahoma;
	  		list-style-type: none;
	  		margin: 0px;
	  		padding: 0.35%;
			}
			
	LI		{
	  		display: inline;
	  		margin: 0px 2%;	
			}			
								
/* ************* global links *************** */


	A
			{
	  		text-decoration: none;
	  		text-align: center;
	  		color: #8C662E;
			}						
			
	A:hover	{
	  		text-decoration: none;
	  		text-align: center;
	  		color: #5E4116;
			}		


/* ************* end gloabl links ************** */


/* **************** Navigation links ******************** */

	DIV.nav_bg A		/* previously without the DIV.nav_bg and thus valid for ALL links */
			{
	  		text-decoration: none;
	  		text-align: center;
	  		color: #000000;
			padding: 0px 2px;	
			}		

	DIV.nav_bg A:hover		{
	  		text-decoration: none;
	  		color: #dddddd;
			}

/* ************** End navigation links **************** */

	DIV.text{
	  		margin: 50px 30px 50px 300px;
	  		text-align: left;
	  		font: normal 10pt/12pt tahoma;
	  		color: #413F35;
			}
	
	DIV.text P
			{
			margin: 30px 0px; 
			}
		
	DIV.text P:first-letter
			{
			font-size: 200%;
			margin-right: 2px;
			}		
	
	DIV.tree
			{
	  		float: left;
	  		margin: 30px 20px;
			background-image:url("../images/tree.jpg");
			width: 240px;
			height: 240px;
			}	
		
	DIV.copyright
			{
			float: right;
			margin: -55px 0px 0px 0px;
			}
		
	DIV.copyright h1
			{
			font: normal 8pt/10pt tahoma;
			color: #413F35;
			}
		
	DIV.gallery
			{
			margin: 5%;  
			  
			}
		
	DIV.gallery IMG
			{
			border: 0;
			margin-left: -5px;	/* to avoid having to write the images all one after another */
			}