body {
  background-color:#F5F5FF;
}

body,td {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
  color:#333333;
}

td {
  padding: 0px;
}

table {
  border-collapse:collapse;
}

h1 {
  font-size:16pt;
}

div {
  position:absolute;
  overflow:hidden;
}

p.block-text {
  text-indent : 1em;
  text-align : justify;
}

acronym {
  color:#008800;
  font-style:italic;
}

.frame {
   top:20px;
   left:20px;
   height:600px;
   width:760px;
 }

.title,.mainmenu,.submenu,.page,.game,.footer {
  border:0px solid #000000;
}

.title,.mainmenu,.submenu,.footer {
  left:0px;
}

.submenu,.page,.game {
  top:84px;
  height:400px;
}

.title,.mainmenu,.footer {
  width:750px;
}

.title {
  top:0px;
  height:47px;
  background-color:#E5E5F7;
}

.mainmenu {
  padding-top:0px;
  top:51px;
  height:30px;
}

.submenu {
  background-color:#E5E5F7;
  width:180px;
}

.menuitem {
  padding-top:5px;
  color:#0000FF;
  cursor:pointer;
}

.submenuitem {
  position:relative;
  padding:20px 0px 0px 10px;
  color:#0000FF;
  cursor:pointer;
}

span.submenu-title {
  font-weight:bold;
}

.page {
  background-color:#F5F5FF;
  left:184px;
  width:382px;
}

.game {
  background-color:#E5E5F7;
  left:570px;
  width:180px;
}

.footer {
  height:40px;
  font-style:italic;
  font-size:8pt;
  top:488px;
}

td.tictactoe {
  border:1px solid #000000;
  padding:3px;
  cursor:pointer;
}