body
{ 
background-image: url(images/atile3.gif);
background-repeat: repeat
}


IMG.centre {
    display: block;
    margin-left: auto;
    margin-right: auto }


div.fig_centre {
    display: block;
    margin-left: auto;
    margin-right: auto }

div.fig_centre p {
  text-align: center;
  font-style: normal;
  font-size: large;
  text-indent: 0;
}


/* aligning images */

div.fig_right {
  float: right;
  border: none;
  padding-left: 1%;
  
}
div.fig_right p {
  text-align: center;
  font-style: normal;
  font-size: large;
  text-indent: 0;
}

/*
HTML
<div class="fig_right">
  <p><img src="eiffel.jpg" width="136"
    height="200" alt="Eiffel tower">
  <p>Scale model of the
    Eiffel tower in Parc Mini-France
</div>
*/


div.fig_left {
  /*float: left;*/
	position: relative;
	left:0px;
  border: none;
  padding-right: 1%;
  cursor: arrow;
	text-decoration: none; 
}
div.fig_left p {
  text-align: center;
  font-style: normal;
  font-size: large;
  text-indent: 0;
	cursor: arrow;
	text-decoration: none; 
}


div.fig_mid {
	position:absolute;
	left:300px;
  float: center;
  border: none;
  padding-right: 1%;
  cursor: arrow;
	text-decoration: none; 
}
div.fig_mid p {
  text-align: center;
  font-style: normal;
  font-size: large;
  text-indent: 0;
	cursor: arrow;
	text-decoration: none; 
}


.site {
visibility:hidden;
}

.guest { 
	color: white;
	font-size: 1em;
	display: block;
  margin-left: auto;
  margin-right: auto;
	max-width: 600px;
 }





.bblock p {
  font-size: large;
  text-indent: 0;
}

/*
a:link {color: #000000}
a:visited {color: #000000}
a:hover {color: #EFE7D6}
a:active {color: #FFFFFF}
*/


a.image:link {color: #E7D6BD}
a.image:visited {color: #E7D6BD}
a.image:hover {color: transparent;}
a.image:active {color: transparent;}

h1 { font: 3em "Times New Roman", Georgia, Times,serif ;color: #ff0000;font-weight: bold; text-align:center; }
h2 { text-align: center;font: 1.7em Verdana, Arial, Helvetica, sans-serif;background-color: #80FFFF;color: white;font-weight: bold; }
h3 { text-align: center;font: 1.5em Verdana, Arial, Helvetica, sans-serif;background-color: #008000;color: white;font-weight: bold; }
h4 { text-align: center;font: 1.5em Verdana, Arial, Helvetica, sans-serif;background-color: blue;color: white;font-weight: bold; }
h6 { font: 0.7em "MS Serif", "New York", serif; }



div.img
{
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 10px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 180px;
  margin: 2px;
}

/*Html
<div class="img">
 <a target="_blank" href="klematis_big.htm"><img src="klematis_small.jpg" alt="Klematis" width="110" height="90" /></a>
 <div class="desc">Add a description of the image here</div>
</div>
*/