body
{
background: black;

}

p.left {color: purple;}

p {color: white;}

h1
{font-size: 110%;
font-weight: bold;
}

h2
{ font-size: 100%;
font-weight: bold;
}

a:link {color: purple; text-decoration: none; font-weight: bold;}
a:visited {color: purple; text-decoration: none; font-weight: bold;}
a:hover {color: #FFFFFF;}
a:active {color: purple; text-decoration: none; font-weight: bold;}

div.container
{
float:center;
width: 800px;
margin: 0px;
border: 1px solid white;
line-height: 150%;
}

div.header
{
margin:0px;
width:800px;
height:372px;
color:white;
background-image: url('ratopb.jpg');
clear:left;
}



div.left
{
float:left;
width:100px;
margin:0;
padding:1em;
color: white;
}

div.content
{margin-left:130px;
border-left:1px solid white;

padding:1em;
color: white;
}

div.footer
{
padding:0.5em;
color:white;
background-color:black;
clear:left;
text-align: center;
font-size: 95%;
line-height: 30%;
}


div.img
{
  margin: 2px;
  border: 0px solid white;
  height: auto;
  width: 100%;
  float: left;
  text-align: center;
}	

div.img img
{
  float: left;
  margin: 3px;
  border: 1px solid white;
}

div.img a:hover img {border: 1px solid purple;}
div.desc
{
  text-align: left;
  font-weight: normal;
  margin: 2px;
  margin-left: 170px;
  margin-right: 60px;
  margin-top:30px;

}








div.img2
{
  margin: 2px;
  border: 0px solid white;
  height: auto;
  width: auto;

  text-align: center;
}	

div.img2 img
{
  float: left;
  margin: 3px;
  border: 0px solid white;
}

div.img2 a:hover img {border: 1px solid purple;}

{
  text-align: left;
  font-weight: normal;
  margin: 2px;
  

}