body {
	font-family: sans-serif;
	font-size: 90%;
	background: #006666; 
        color: #FFFFCC;
}

h2 {
        border: solid;
}

a:link {
	color: #33FF66;
}

a:visited {
	color: #009966;
}

a:active {
	color: #FF3333;
}

a:hover {
	color: #FF3333;
}

a:link img {
        border-color: #33FF66;
}

a:visited img {
        border-color: #009966;
}

a:active img {
        border-color: #FF3333;
}

a:hover img {
	border-color: #FF3333;
}

a.photomap:link {
	color: #000000;
}

a.photomap:visited {
	color: #000000;
}

a.photomap:active {
	color: #000000;
}

a.photomap:hover {
	color: #FF3333;
}

a.photomap:link img {
        border-color: #000000;
}

a.photomap:visited img {
        border-color: #000000;
}

a.photomap:active img {
        border-color: #000000;
}

a.photomap:hover img {
	border-color: #FF3333;
}

hr {
	color: #FFFFCC;
}

.centered {
	text-align: center;
}

.centeredmap {
	width: 400px;
	height: 300px;
	left: 50%;
	margin-left: -200px;
	color: #000000;
}

.arrow {
	font-size: 200%;
	text-decoration: none;
	border: solid;
        box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-bottom: 0.5em solid #FFFFCC;
	display: inline-block;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
} 

.arrow-left {
        width: 0;
        height: 0;
        border-top: 0.5em solid transparent;
        border-bottom: 0.5em solid transparent;
        border-right: 0.5em solid #FFFFCC;
        display: inline-block;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
}

.arrow-right {
        width: 0;
        height: 0;
        border-top: 0.5em solid transparent;
        border-bottom: 0.5em solid transparent;
        border-left: 0.5em solid #FFFFCC;
        display: inline-block;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
}