body
 {
 color:black;
 font-family:Arial;
 }
a
 {
 color:red;
 text-decoration:none;
 }
a:hover
 {
 color:#9D9C90;
 text-decoration:none;
 }
.logo
 {
 background-image:url(images/logo_background.png);
 width:140px;
 height:20px;
 padding-left:10px;
 padding-top:20px;
 font-size:24px;
 }
.title
 {
 background-image:url(images/title_background.png);
 color:red;
 width:780px;
 height:32px;
 padding-left:30px;
 padding-top:8px; 
 font-size:24px;
 }
.navi-bar
 {
 width:150px;
 float:left;
 }
.content-bar
 {
 width:810px;
 float:left;
 }
.navigation-item
 {
 display:block;
 text-align:center;
 text-decoration:none;
 color:black;
 border-bottom:1px solid black;
 background-color:#00EDFA;
 cursor:pointer;
 }
.navigation-item:hover
 {
 color:black;
 background-color:#00CCFE;
 border-bottom:1px solid white;
 }
.sub-link
 {
 display:block;
 text-align:center;
 text-decoration:none;
 color:black;
 border-left:1px solid black;
 border-bottom:1px solid black;
 background-color:#00DAE6;
 cursor:pointer; 
 margin-left:10px;
 }
.sub-link:hover
 {
 color:black;
 background-color:#00CCFE;
 }
.content
 {
 height:520px;
 overflow:auto;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:10px;
 padding-right:10px;
 border-right:1px solid #00D0DB; 
 border-bottom:1px solid #00D0DB;
 }
.navigation
 {
 height:330px;
 border-left:1px solid #00D0DB;
 border-right:1px solid #00D0DB; 
 border-bottom:1px solid #00D0DB; 
 background-color:#00EDFA; 
 }
.contact
 {
 border-left:1px solid #00D0DB;
 border-right:1px solid #00D0DB; 
 border-bottom:1px solid #00D0DB; 
 background-color:#00EDFA; 
 height:74px;
 padding-top:5px;
 padding-left:5px;
 line-height:18px;
 text-align:center;
 font-size:12px;
 }
.log-in
 {
 border-left:1px solid #00D0DB;
 border-right:1px solid #00D0DB; 
 border-bottom:1px solid #00D0DB; 
 background-color:#00EDFA; 
 height:129px;
 padding-left:5px;
 font-size:10px;
 }
.highscore
 {
 border-collapse:collapse;
 }
.highscore-table
 {
 text-align:left;
 border:1px solid #00D0DB; 
 }