body { font-family: helvetica, sans-serif; color: #333; font-size: 62.5%; margin: 0; padding: 1em; }
h1 { font-size: 1.6em; font-weight: normal; margin: 0.25em 0 0.5em; }
h2, #key h2.notopborder { font-size: 1.4em; font-weight: normal; margin: 0 0 0.5em; }
#key h2 { margin: 0.5em 0; }
h3, h4, h5, h6, p, li { font-size: 1.2em; }
ul { margin: 0.5em 0; list-style: none; padding: 0; }
ul li { display: inline; border-left: 1px solid #666; padding:  0 0 0 0.5em; margin: 0 0 0 0.5em; }
ul li.first { border-left: 0; margin: 0; padding: 0; }
a { color: #00C; text-decoration: underline; cursor: pointer; }
a:hover { color: #66F; text-decoration: underline; }
td { font-size: 0.75em; }
table { width: 200px; border: 1px solid #C0CFDD; }
table td { padding: 3px 1px 1px; }
table td.odd { background-color: #D8E6F4; }
#map_canvas { border: 1px solid #333; }
#key { border: 1px solid #C0CFDD; background: #FFF; width: 200px; position: absolute; top: 2em; left: 2em; z-index: 100; padding: 0.5em 1em; }
#key p { margin: 0; }
#key #credits, #key #instructions, #key #about, #hide_credit_button, #hide_instructions_button, #hide_about_button { display: none; }
#show_credit_button, #show_instructions_button, #show_about_button { display: inline; }
#key #credits p, #key #instructions p, #key #about p { margin: 0.5em 0 0; color: #666; }
#key #credits p strong, #key #instructions p strong. #key #about p strong { color: #000; font-weight: bold; }
#location a { color: #000; text-decoration: none; }
#location a:hover { color: #666; text-decoration: underline; }
#location a:active { color: #66F; text-decoration: underline; }
.right { position: relative; float: right; padding: 0 0 5px 10px; }