body {
	text-align: center;
	background: #FFFFFF;
	font-family: sans-serif;
}

#container {
	margin: 0 auto;
	width: 728px;
	height: auto;
	text-align: left;
	background: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-color: black;
}

#header {
    width: 100%;
    height: 125px;
    margin: 0 0;
    padding: 0 0;
    float: left;
}

#logo {
    width: 300px;
    height: 100%;
    float: left;
    text-align: center;
}

#topspot {
    width: 125px;
    height: 100%;
    float: left;

}

#legend {
    width: 303px;
    height: 100%;
    float: right;
}

div.leaderboard {
    width: 100%;
    height: 90px;
    clear: left;
}

div.mainmap {
    width: 100%;
    height: 375px;
    clear: left;
}

TABLE.legend {font-family: sans-serif;}
TD.legend {font-family: sans-serif;}
IMG.hat {position: absolute; top: 0; left: 25%;}
IMG.button {border: 0;}

P.legend    {text-align: right; margin: 10; width: auto; }
P.logo      {text-align: center; margin: 5 5; }
H2.logo     {margin-bottom: 5px; }
TD.timestamp {font-size: 10};
TABLE.legend { center;}
A { font-size: smaller; }