.land {
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}



body {
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #656C6C;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
}
a:link {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
a:hover {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

   
.piclarge { 
border-color: #ffffff; 
border: 2px solid; 
a:link {
color: #111111;
text-decoration: none;
img border: 2px solid;
}

This style is how your link will look when the visitor has already been to that page. Here, dark grey text. This must be placed ahead of the mouseover style in your style sheet to work properly.
a:visited {
color: #111111;
}
This is how the mouseover will look. Here I have specified no underline, with a light grey background. When the visitor moves their mouse over the link, only the background and underline will change.
a:hover {
text-decoration: none;
background-color: #000000;
}
}
h1 {
	font-size: 18pt;
	text-align: center;
	font-style: normal;
	font-family: "Lucida Sans", Arial, sans-serif;
}
h2 {
	font-size: 12pt;
	text-align: center;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-style: normal;

}
p {
	font-size: 14pt;
	text-align: center;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-style: normal;
}