@charset "utf-8";

body {
background-color: #6699CC;
color: white;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

img {
border: 0px;
}

li {
list-style: none;
}

h1, h2 {
text-align: center;
}

a {
text-decoration: none;
font-weight: bold;
color: white;
}

ul {

}

a:hover {
text-decoration: underline;
}

.buttons {
padding: 20px 25px 0px 0px;
float: right;
text-align:right;
}

.archive {
padding: 25px;
float: left;
width: 340px;
text-align: left;
}

.versionlist {
width: 50%;
margin-left: 12.5%;
}

.versionlist li {
text-align:center;
	display: block;
	float: left;
	margin-right: 10px;
	}

.button {
height: 61px;
}

.lastbutton {
height: 38px;
}

.container {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 640px;
      height: 580px;
      margin-left: -320px; /* half of width */
      margin-top: -290px;  /* half of height */
      background-color: #6699CC;
	  text-align:center;
}

.photo {
background-image:url(sunset.jpg);
background-repeat: no-repeat;
height: 480px;
width: 640px;
margin-top: 10px;
}

.borders {
background-image:url(borders.png);
height: 480px;
width: 640px;
}

* html .borders
{
background-image: url(borders.gif);
}