/*This is the style sheet for Birds.*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-width: 1px;
}

#content {
	width: 450px;
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 10px 20px 10px 10px;
  border: 1px solid #722100;
	text-align: center;
}

#content p {
	font-size: 80%;
	text-align: justify;
	line-height: 1.8em;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

#content h1 {
	font: normal 180% Georgia, "Times New Roman", Times, serif;
	color: #B51032;
	margin-bottom: -12px;
	background-color: transparent;
}

#content h2 {
	font: italic 80% Georgia, "Times New Roman", Times, serif;;
	color: #940D1E;
	background-color: transparent;
	padding: 0;
	margin-bottom: 20px;
}

#content h3 {
	font-size: 80%;
	color: #940D1E;
	background-color: transparent;
}

#content img {
  margin: 10px 10px 10px 10px;
}

#content footer {
	clear: both;
	text-align: center;
	padding: 0 0 10px 255px;
	font-size: 50%;
	background-color: transparent;
}

a.screen, a.screen:visited {
text-decoration:none;
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 */
border:0; /* add a border */
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 */
}