@charset "UTF-8";
/* CSS Document */

body {
	background-repeat: repeat;
	text-align: center;
	background-image: url(../Images/hala.gif);
}
h2 {
	line-height: 1.2em;
	color: #600;
	letter-spacing: .25em;
	text-align: center;
	word-spacing: .3em;
}
body p img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#esri {
	width: 400px;
	margin-left: auto;
	top: 50px;
	clear: both;
	float: left;
	margin-right: auto;
	margin-top: 50px;
}
#prof {
	width: 400px;
	float: right;
	margin-right: auto;
	position: relative;
	clear: both;
	top: -175px;
	margin-left: auto;
	margin-top: -25px;
}
#city {
	width: 400px;
	margin-left: auto;
	top: -200px;
	clear: both;
	float: left;
	position: relative;
	margin-top: 50px;
}
#state {
	width: 300px;
	float: right;
	margin-right: auto;
	position: relative;
	top: -350px;
	clear: both;
}
#onefifty{
	margin-left: auto;
	clear: both;
	float: left;
	position: relative;
	width: 300px;
	margin-right: auto;
	top: -300px;
}
#twofifty{
	float: right;
	position: relative;
	clear: both;
	margin-right: auto;
	top: -450px;
	width: 300px;
}
#ocean{
	margin-left: auto;
	clear: both;
	float: left;
	width: 300px;
	top: -350px;
	position: relative;
}
#geog {
	clear: both;
	float: right;
	position: relative;
	top: -525px;
	width: 300px;
}
#threeD{
	clear: both;
	float: left;
	margin-left: auto;
	position: relative;
	width: 300px;
	top: -500px;
}
#keaahala{
	clear: both;
	float: right;
	margin-right: auto;
	position: relative;
	top: -700px;
	width: 300px;
}
#cert1{
	clear: both;
	float: left;
	margin-left: auto;
	position: relative;
	width: 300px;
	top: -700px;
}
#cert2{
	clear: both;
	float: right;
	margin-right: auto;
	position: relative;
	width: 300px;
	top: -800px;
}
#back_links {
	text-align: center;
	position: relative;
	clear: both;
	top: -700px;
	color: #630;
	font-size: medium;
	text-decoration: none;
}
#back_links a:hover {
	text-decoration: underline;
	color: #00F;
}