/* CSS Document */
#title{
margin:10px 0;
}

#turtle1 a{
	position:relative;
	display:block;
	height: 245px;
	width: 245px;
	float:left;
	background-image: url(http://www.mcsuk.org/adoptaturtle/turtle_species/oliveridley.jpg);
}
#turtle1 a:hover {background-position:-245px 0px}
#turtle1 span{display:none;}

#turtle2 a{
	position:relative;
	display:block;
	height: 245px;
	width: 245px;
	float:left;
	background-image: url(http://www.mcsuk.org/adoptaturtle/turtle_species/flatback.jpg);
}
#turtle2 a:hover {background-position:-245px 0px}
#turtle2 span{display:none;}

#turtle3 a{
	position:relative;
	display:block;
	height: 245px;
	width: 245px;
	float:left;
	background-image: url(http://www.mcsuk.org/adoptaturtle/turtle_species/green.jpg);
}
#turtle3 a:hover {background-position:-245px 0px}
#turtle3 span{display:none;}

#turtle4 a{
	position:relative;
	display:block;
	height: 245px;
	width: 245px;
	float:left;
	background-image: url(http://www.mcsuk.org/adoptaturtle/turtle_species/kempsridley_oos.jpg);
	background-position:-245px 0px;
}
#turtle4 a:hover {background-position:0px 0px}
#turtle4 span{display:none;}

#turtle5 a{
	height: 245px;
	width: 245px;
	float:left;
	background-image: url(http://www.mcsuk.org/adoptaturtle/turtle_species/loggerhead.jpg);
}
#turtle5 a:hover {background-position:-245px 0px}
#turtle5 span{display:none;}

#turtle6 a{
	background-color:;
	height: 245px;
	width: 245px;
	float:left;
	background-image: url(http://www.mcsuk.org/adoptaturtle/turtle_species/hawksbill.jpg);
}
#turtle6 a:hover {background-position:-245px 0px}
#turtle6 span{display:none;}

#turtle7 a{
	background-color: ;
	height: 245px;
	width: 245px;
	float:left;
	background-image: url(http://www.mcsuk.org/adoptaturtle/turtle_species/leatherback.jpg);
}
#turtle7 a:hover {background-position:-245px 0px}
#turtle7 span{display:none;}

#turtle_all a{
	background-color: ;
	height: 245px;
	width: 245px;
	float:left;
	background-image: url(http://www.mcsuk.org/adoptaturtle/turtle_species/all7.jpg);
	background-position:-245px 0px;
}
#turtle_all a:hover {background-position:0px 0px}
#turtle_all span{display:none;}



/*Page layout */
#area1{
width:726px;
border-right:1px solid #D9D3A4; 
float:left; 
padding:0 10px; 
margin:10px 0 100px 0;
}

#area2{
float:left; 
width:194px;
padding:10px;
margin:10px 0 0 10px;
}

/* Form elements */
label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 10em;
} 

input.uppercasetxt {
text-transform: uppercase;
}

p.smallprint {
font-size: 60%;
font-family:  arial, helvetica,   sans-serif;
}
img.ffish {
float: right;
margin-right: 60px;
}