body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
text-align: center;
color: #111;
line-height: 20px;
background-image: url("../graphics/corner.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom left
}
html
{
overflow: hidden
}
a:link			
{
color: #363636;
text-decoration: underline;
font-weight: bold
}
a:visited		
{
color: #363636;
text-decoration: underline;
font-weight: bold;
outline: none
}
a:hover			
{
color: #ff0000;
text-decoration: none;
font-weight: bold;
outline: none;
position: relative;
z-index: 1;
padding: .4em 0 .55em 0
}
a:active		
{
color: #ff0000;
text-decoration: none;
outline: none;
font-weight: bold
}
div.outer
{
position: absolute;
padding: 0;
left: 50%;
top: 50%;
width: 500px;
height: 400px;
text-align: center;
margin-left: -250px; /* half of width */
margin-top: -200px;  /* half of height */
border-color: #666;
border-style: solid;
border-width: 5px;
background-color: #D8D8D8
}
div.inner
{
position: absolute;
padding-top: 80px;
border: 0px;
left: 50%;
top: 50%;
width: 450px;
height: 250px;
margin-left: -225px; /* half of width */
margin-top: -125px;  /* half of height */
margin-bottom: 0;
background-color: transparent
}
div.version
{
position: absolute;
bottom: 10px;
right: 5px;
width: 100%;
height: 10px;
text-align: right;
font-size: xx-small
}
.style1
{
font-size: large;
font-weight: bold;
line-height: 30px;
color: #000
}
.style2
{
font-size: medium;
line-height: 22px
}
.style3
{
width: 200px; 
background-color: #FFFFE5;
border-color: #666;
border-style: solid;
border-width: 1px;
padding: 10px;
margin: 0;
font-size: small;
line-height: 22px
}
.style4
{
font-size: x-small;
text-align: center;
line-height: 25px
}
.style5
{
font-size: x-small;
line-height: 25px;
text-align: right;
padding-right: 10px
}