body
{
	background-image: url('/images/bg.jpg');
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:1px;
	padding:1px;
}

.body
{
	width:62%;
	border:2px solid orange;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding:1px;
}

.header
{
	width:62%;
	text-align:center;
	border:1px solid orange;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:4px;
	padding:1px;
}


.footer
{
	width:62%;
	text-align:center;
	padding:1px;
	border:1px solid orange;
	margin-top:4px;
	margin-left: auto;
	margin-right: auto;
}


.head1
{
	text-align:left;
	color:orange;
	font-weight: bold;
}


.head2
{
	text-align:left;
	color:black;
	font-weight: bold;
}


a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}