body  { color: #ffddbb; font-family: serif; background-color: #000000; margin: 0px; padding: 0px; border: 0px; }

div#game { background-color: #666666; width: 1000px; overflow: hidden; height: 500px; position: absolute; top: 100px; left: 100px; }
.character { position: absolute; top: -100px; left: -100px; }
.score { position: absolute; width: 100px; }

div#endlevel { background-color: #000000; width: 600px; height: 300px; position: absolute; top: 200px; left: 300px; }
.endlevel_Label { width: 600px; text-align: right; }
.endlevel_Score { width: 600px; text-align: left; }
.endlevel_Value { width: 600px; text-align: center; }
.endlevel_Separator { height: 20px; width: 600px; }
.endlevel_nextLevel { width: 600px; text-align: center; }
.endlevel_nextLevelSubmit { width: 300px; }

div#scoreboard { background-color: #000000; position: absolute; width: 500px; height: 300px; top: 200px; left: 350px; }
.scoreboard_table { position: absolute; left: 50px; top: 25px; width: 400px; height: 250px; }
.scoreboard_name { width: 200px; text-align: center; }
.scoreboard_score { width: 200px; text-align: center; }
.scoreboard_newGame { width: 200px; }
.scoreboard_reset { width: 200px; }
.scoreboard_newScore { width: 60px; }
.scoreboard_newScoreSubmit { width: 130px; }

div#instructions { background-color: #000000; position: absolute; width: 500px; height: 300px; top: 200px; left: 350px; }
.instructions_table { position: absolute; left: 50px; top: 25px; width: 400px; height: 250px; }
.instructions_submit { width: 400px; }

.page_title { color: #ffffff; font-size: 20; }

p#health { top: 0px; left: 10px; color: #00ff00; }
p#score { top: 0px; left: 890px; text-align: right; color: #ffffff; }
p#accuracy { top: 440px; left: 790px; width: 200px; height: 200px; text-align: right; vertical-align: bottom; color: #ff0000; }
p#fps { top: 440px; left: 10px; text-align: left; vertical-align: bottom; color: #ffff00; }