<html>
<head>

<style type="text/css">
body {background-color: rgb(230,230,250);}

a:link  {text-decoration: none;
		color: purple;}

a:visited  {text-decoration: none;
		color: purple;}

a:active  {text-decoration: none;
		color: purple;}

a:hover  {text-decoration: none;
		color: purple;}

h1.title {font-family: times;
	font-style: italic;
	font-weight: bold;
	position: realtive;
	background: #fff url("Logo.jpg");
	background-position: 1px 1px;
	background-repeat: no-repeat;
	padding: 0.5em 0 90px 0;
	text-align: center;
	margin: 0;
	border-bottom: solid purple 0.25cm;
	color: rgb(75,0,130);
	background-color: transparent;}

h2.title {font-family: times;
	font-style: italic;
	font-weight: normal;
	position: relative;
	text-align: left;
	color: purple;
	background-color: transparent;}

h3.title {font-family: times;
	font-style: italic;
	font-weight: normal;
	position: relative;
	text-align: left;
	color: purple;
	background-color: transparent;}



p.menu {font-family: times;
	font-style: italic;
	font-weight: normal;
	font-size: 14pt;
	text-decoration: none;
	txt-color: rgb(25,25,112);
	position: absolute;
	left: 205px;
	top: 45px;
	line-height: 250%;
	background-color: transparent;}

p.text {font-family: times;
	font-weight: normal;
	font-size: 10pt;
	color: rgb(25,25,112);
	position: absolute;
	left: 200px;
	top: 165px;
	background-color: rgb(230,230,250);
	margin-right: 20px;}


img	{padding: 0px;
	margin: 0px;}

img.main	{position:absolute;
		bottom: 10px;
		left: 145px;
		z-index: 0;}

div.img
{
  margin: 2px;
  border: 1px solid rgb(255,0,255);
  position: float;
  top: 80px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	

div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}

div.img a:hover img {border: 1px solid rgb(255,0,255);}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

table.one
{
table-layout: fixed;
position: float;
}

caption
{
caption-side:bottom
}
