html, body {
  margin: 0;
  padding: 0;
  border: 0;
}

body { background-color: #999999; }
#main {
  width: 692px;
  background-color:#cccccc;
  border: solid black 1px;
  margin: 0em auto;
  padding: 4px;
} 

p.sansserif {font-family: sans-serif; font-size:8pt}

a:link     {color:#000000; text-decoration:none}
a:visited  {color:#000000; text-decoration:none}
a:hover    {color:#999999; text-decoration:none}
a:active   {color:#000000; text-decoration:none}

ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
font-family: sans-serif;
font-size:8pt
}

a.box
{
float:left;
width:10em;
text-decoration:none;
color:#ffffff;
background-color:#000000;
padding:0.2em 0.4em;
border-right:1px solid #999999;
}

a.boxb
{
float:left;
width:10em;
text-decoration:none;
color:#ffffff;
background-color:#000000;
padding:0.2em 0.4em;
}

a.box:hover {background-color:#cccccc; color:#ffffff}
a.boxb:hover {background-color:#cccccc; color:#ffffff}
a.box:visited  {color:#ffffff; text-decoration:none}
a.boxb:visited  {color:#ffffff; text-decoration:none}
li {display:inline}