body {
	font-size: 80%;
	font-family:arial, verdana, sans-serif;
	background-image: url(http://www.squaring.net/history_theory/gfx/tile.jpg) ;
	background-position: 0px 0px;
	background-repeat:  repeat; 
    margin-right:10%;			
}

p {
  font-size:1.2em;
  text-align: justify;
  padding: 5px 5px 5px 5px; 
	margin: 0;
	border: 0;
}
pre {
font-size:.8em;
}

ol {
	font-size: 1.2em;
}

ul {
  font-size: 1em;
	padding: .075em .075em .075em .075em;
	margin: 0 0 0 0;
}
li {
  font-size: 1em;
	padding: .25em .25em .25em .25em;
	margin: 0;
}
li li {
	font-size:.833em;
}		
#menu {
float: left;
}
/* Text in #text div wrapper */
#text {
 /* float: right;*/
  top: 0;
  left: 20%;
  position: absolute;
  width: 75%;
  border:0;
  margin-left: 1em;
  margin-right: 10em;
  text-align: left;
} 

#text li {
  float: clear;
  text-align: left;
  margin-left: 0;
}

#text ul {
	font-size:1.2em;
  padding: 1em 1.5em 1em 1.5em ;
	}
#text h1 {
	text-align: center;
}

#text p{
 text-align: justified;
 font-size:1.2em;
 }
 
 #text #centertext {
 text-align: center;
 }

 .floatleft {
	float: left;
	
	border: 0px solid blue;
  margin: 0 .5em  0 .5em;
}	 
.floatright {
	float: right;
	
  margin: 0 .5em  0 .5em;
  padding: .5em;
	border: 0px solid black;
}
.floatcenter {
	float: clear;
}

.caption {
	position: relative;
	top:-.4em;
	left: .5em;
	text-align:left;
	font: bold .9em black Verdana, Tahoma, Helvetica, Arial sans-serif;
	border: solid 0px black;
	line-height: 120%; 
}

.caption2 {
	position: relative;
	left: 22em;
	top:36em;
	text-align:left;
	font: bold 1.2em black Verdana, Tahoma, Helvetica, Arial sans-serif;
	border: solid 0px black;
	line-height: 1em; 
}


/* Image */ 
img {
	margin: 0.5em;
	padding:0;
  border: 1em solid #FFF; 
}

.fullhorizontalimage {

	padding: 15px ;
	border: 0px solid black;
  
}

pre {
	font-size:1.2em;
	margin-left:2em;
	text-align:left;
	}

	h1 , h2, h3, h4 {
	text-align:left;

	}

/* Navigation menu */
#menu {
position: relative;
 width: 19em;
 top: 1em;
  
  left:1em;
  padding:0;
  margin:0;
  width:0; /* ADDED */
  }
#menu li {
  list-style-type:none;
  padding:0.5em 0.5em 0.5em 0.5em; /* ADDED */
    margin:0;
  }
#menu a {
  display:block;
  -moz-border-radius: 5px;
  margin: 0;
  border: 0;
  border:0px solid blue;
  font-family:arial, verdana, sans-serif;
  font-size:1em;
  text-align:left;
  text-decoration:none;
  background:#FDD; 
  color:#922; 
  }

  #menu a:visited {
    background:#99B; 
  color:white; 
  }
#menu a:hover {
  background:#ddd;
  color:#D00;
  }
#menu li {
 -moz-border-radius: 5px;
  width:18em;
  margin:0em;
  border:1px solid pink;
  font-family:arial, verdana, sans-serif;
  font-size:1em;
  text-align:left;
  text-decoration:none;
  background: #BAA; 
  color:white; 
  padding:0.5em 0.5em 0.5em 0.5em; /* ADDED */
}
#menu li strong {
  background: blue; 
}
#menu li li {
  	
	width:17em;
	background: #988;

}
#menu li li li {
  	
	width: 16em;
	background: #766;

}
#menu li li li li {
	
	width: 15em;
	background: #544;
}
#menu li li li li li {
	
	width: 14em;
	background: #533;
}
#menu li li li li li li{
	
	width: 13em;
	background: #522;
}
#menu li li li li li li li {
	
	width: 12em;
	background: #511;
}
#menu li li li li li li li li{
	
	width: 11em;
	background: #000;
}
#menu li li li li li li li li li {
	
	width: 10em;
	background: #202;
}
#menu a li {

  width:18em;
 
}
#menu a li li {
  	
	width:17em;


}
#menu a li li li {
  	
	width: 16em;
	

}
#menu a li li li li {
	
	width: 15em;
	
}
#menu a li li li li li {
	
	width: 14em;
	
}
#menu a li li li li li li{
	
	width: 13em;
	
}
#menu a li li li li li li li {
	
	width: 12em;
	
}
#menu a li li li li li li li li{
	
	width: 11em;
	
}
#menu a li li li li li li li li li {
	
	width: 10em;

}
h1, h2, h3, h4, h5, h6 {

font-weight:bold;
}

.clearboth {
clear: both;
}

 a img {
 border : 0;
 padding: 0;
 margin: 0;
 display: inline;
 }
 .thumb {
 float: left;
 

 }
 
 .thumb img{
	margin: .5em  .5em .5em .5em;
	padding:0;
  border: .4em solid #FFF; 
 
}
.thumb a:link {color: blue}     /* unvisited link */
.thumb a:visited {color: purple}  /* visited link */
.thumb a:hover {color: red}   /* mouse over link */
.thumb a:active {color: darkred}   /* selected link */