body {
 background-color: #000;
 margin-bottom: 0px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 font-family: sans-serif;
 color: #fff;
 }

a:link    {color: #9cc; text-decoration:none;      background-image: none;}
a:visited {color: #9cc; text-decoration:none;      background-image: none;}
a:hover   {color: #9ff; text-decoration:underline; background-image: none;}
a:active  {color: #9ff; text-decoration:underline; background-image: none;}

.about a:link    {color: #9cc; text-decoration:none;      background-image: none;}
.about a:visited {color: #9cc; text-decoration:none;      background-image: none;}
.about a:hover   {color: #9ff; text-decoration:underline; background-image: none;}
.about a:active  {color: #9ff; text-decoration:underline; background-image: none;}


h1,h2 {
 text-align: center;
 }

h2 {
 font-size: 1.4em;
 color: #ff9;
 }

h3 {
 margin-top: 2em;
 color: #9cc;
 }

span#distance {
 font-size: 1.5em;
 font-weight: 700;
 }

div#time {
 font-size: 0.75em;
 font-weight: 300;
 }

span#anxietylevel {
 font-weight: 700;
 font-color: #fff;
 }

span#speeddescription {
 font-weight: 700;
 }

div#currentinfo {
 margin-top: 3em;
 margin-bottom: 3em;
 }

table {
 margin-left: auto;
 margin-right: auto;
 }

tfoot {
 font-size: .75em;
 }

table#encounters td {
 vertical-align: top;
 padding: 5px 5px 5px 5px;
 }

table#legend {
 border-width: 1px;
 border-style: solid;
 border-color: white;
 }

table#legend th {
 color: #cff;
 font-weight: 500;
 }

table#legend td {
 vertical-align: top;
 padding: 5px 5px 5px 5px;
 }

img {
 border: 0;
 }

img#topbanner {
 height: 120px;
 width: 640px;
 }

.mainicon {
 width: 50px;
 height: 50px;
 border: none;
 }

.sponsorbottom {
 width: 468px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2em;
 font-size: .75em;
 }

.sponsor {
 width: 468px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2em;
 font-size: .75em;
 }

.more
 {
 margin-top: 3em;
 font-family: serif;
 }

.more a:link    {color: #888; text-decoration:none; background-image:none;}
.more a:visited {color: #888; text-decoration:none; background-image:none;}
.more a:hover   {color: #888; text-decoration:none; background-image:none;}
.more a:active  {color: #888; text-decoration:none; background-image:none;}

.about
 {
 margin-top: 2em;
 font-family: serif;
 }

.copyright
 {
 margin-bottom: 3em;
 font-family: serif;
 color: #888;
 font-size: .75em;
 }

div.mainmenu
 {
 width: 300px;
 margin: 10px;
 }

div.mainmenu ul
 {
 list-style: none;
 margin: 0px;
 padding: 0px;
 }
	

.mainmenu li
 {
 height: 24px;
 width: 300px;
 }

.mainmenu li a:link
 {
 color: #9cc;
 display: block;
 background:  url(/gifs/menu_nfo.gif) 0 -32px;
 padding: 8px 0 0 35px;
 text-decoration: none;
 }
	
.mainmenu li a:visited
 {
 color: #9cc;
 display: block;
 background:  url(/gifs/menu_nfo.gif) 0 -32px;
 padding: 8px 0 0 35px;
 text-decoration: none;
 }
	
.mainmenu li a:hover
 {
 color: #9ff;
 background:  url(/gifs/menu_gfo.gif) 0 -32px ;
 padding: 8px 0 0 35px;
 text-decoration: underline;
 }

div.menubar
 {
 width: 600px;
 margin-left: 0px;
 }

div.menubar ul
 {
 list-style: none;
 padding: 0px;
 font-size: 1em;
 }
	

.menubar li
 {
 height: 24px;
 width: 140px;
 display: inline;
 }

.menubar li
 {
 float: left;
 }

.menubar li a:link
 {
 color: #9cc;
 display: block;
 background:  url(/gifs/menu_nfo.gif) 0 -32px;
 padding: 8px 0 0 35px;
 text-decoration: none;
 }
	
.menubar li a:visited
 {
 color: #9cc;
 display: block;
 background:  url(/gifs/menu_nfo.gif) 0 -32px;
 padding: 8px 0 0 35px;
 text-decoration: none;
 }
	
.menubar li a:hover
 {
 color: #9ff;
 background:  url(/gifs/menu_gfo.gif) 0 -32px ;
 padding: 8px 0 0 35px;
 text-decoration: underline;
 }