body, table{text-align:left;font-size:8pt;
          color:white;
          font-family:verdana, helvetica, georgia, sans-serif;
          background-color:#5eaafa;background-image:url(blue2blue.png);background-repeat:repeat-x;
          text-shadow: black 0.1em 0.1em 0.2em;}
body {text-align:center;} /* ie6 fix for no dtd*/

#container {
  margin:auto;
  position:relative;
  text-align:center;
  width:750px;
  z-index:0;
}

#themenu {margin:auto;width:100%;text-align:center;} 

h1 {border-style:ridge;border-color:#ffd68c;border-radius: 10px;
    font-weight:bold;padding:2px;
    color:black;background-image:url(goldbar.jpg);background-repeat:repeat;
    margin-bottom:3px;font-size:12pt;
    text-shadow: 1px 1px 0 #FFFFFF;
    } 
    
td {border:1px solid white;text-align:left;background-color:#303030;padding:5px;}

.backbox
    {border-left:1px solid gray;
     border-right:1px solid #222222;
     border-top:1px solid gray;
     border-bottom:1px solid #222222;
     padding:5px; 
     background-color:#008cff;
     margin:auto;
     width:96%;
     }

.box {border:silver 1px solid;}

.menubar {line-height:22px;
     display:inline;
     font-family: verdana, georgia, sans-serif;
     font-weight:bold;
     /* font-size:9pt; */
     white-space: nowrap;/*stops menu items splitting over 2 lines*/
}
     
.menubar a
   {border-left:1px solid #ffa200;
     border-right:1px solid black;
     border-top:1px solid #ffa200;
     border-bottom:1px solid black;
     border-radius:5px;
     padding:2px 3px 2px 3px;  
     display:inline;
     text-decoration:none;
     color: white;
     background-color:#DF3A00;
   
   }

.menubar a:hover
    {border-left:1px solid black;
     border-right:1px solid #ffa200;
     border-top:1px solid black;
     border-bottom:1px solid #ffa200;
     color:#ffd700;
    }


 /* hide any spans inside <a> tags show then when hovering over a link */

a span {display: none;font-size:12pt;} 

a:hover span {font-size:10pt;
background-color:#008CFF;
display:inline;
left:5px;
position:absolute;
text-decoration:none;
top:148px;
width:98%;
padding:4px;
}

.mainmessage {text-align:left;margin-left:auto;margin-right:auto;
  background-image:url(blue2blue.png);background-repeat:repeat-x;
  width:98%;padding:4px;
  border-left:1px solid black;
  border-right:1px solid #aaaacc;
  border-top:1px solid black;
  border-bottom:1px solid #aaaacc;
  margin-top:5px;
}

.heading
    { border-style:ridge;border-color:#ffd68c;border-radius: 10px;
     font-weight:bold;font-size:12pt;padding:2px;
    color:black;background-image:url(goldbar.jpg);background-repeat:repeat;display:block;
    text-shadow: 1px 1px 0 #FFFFFF;
     }

.gamename {font-size:10pt;font-weight:bold;background-color:#df3a00;
           width:230px;float:left;
           text-align:center;
           border:1px solid;
           border-left-color:#ffa200;
           border-right-color:black;
           border-top-color:#ffa200;
           border-bottom-color:black;
}
.gamename a {text-decoration:none;color:white;}
.gamename a:hover {color:#ffd700;}

/* responsive design for smaller screens*/
@media screen and (max-width: 530px) /* screens less than 530px*/
  {
   #container {width:100%;}
   #backbox {width:96%;}
   h1 {font-size:10pt;}
   .gamename {margin:auto;float:none;}
  }