body {
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

img {
    border:         none;
}

.image_anchor {
    text-decoration: none;
}

#top {
    line-height:    10px;
    color:          gray;
    text-align:     center;
    border-bottom:  groove;
}

#bottom {
    color:          gray;
    text-align:     center;
    border-top:     groove;
	font-size: 		x-small;
}

h1 {
    color:          black;
}

.links {
	border: medium solid gray;
	float: right;
	padding: 10px;
	margin-right: 25px;
	width: 180px;
	margin-top: 50px;
	clear: right;
}

.links ul {
	padding-left: 15px;
	margin-top: 5px;
}

.links li {
	list-style-type: none;
	font-size: small;
}

.links .title {
	margin-bottom: 0;
	margin-top: 0;
	font: large Tahoma, Arial, Helvetica, sans-serif;
}

#contents {
    font-size:      medium;
    padding:        0px 20px 20px 20px;
	margin: 20px 250px 20px 20px;
}

#contents li {
	margin-top: 7px;
}

#contents .title {
	color: navy;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	margin-top: 50px;
}

#contents .date {
	margin-top: 0;
	margin-bottom: 0;
	color: gray;
	font: small Georgia, "Times New Roman", Times, serif;
}

#photo_links {
    font-size:      medium;
    border-width:   thick;
    border-style:   solid;
    border-color:   #008000;
    width:          350px;
    padding:        0px 20px 20px 20px;
    margin-top:     20px;
    margin-bottom:  20px;
    margin-left:    20px;
}

#photo_links h2 {
    margin-bottom:  -10px;
}

.images_and_captions {
	margin-top: -15px;
}

.caption {
	font-style: italic;
	font-size: small;
}

#key {
    position:       absolute;
    top:            12em;
    left:           29em;
    border-style:   solid;
    border-color:   #fd7f00;
    padding:        0px 20px 0px 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

body>#key {
    position:       fixed;
}