/* Jan Wigestrand
   License: none (public domain)
*/
body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: arial,verdana,helvetica,sans-serif;
  font-size: 100%;

}
div {
  margin: 0em 1em;
}

 h1 {font-size:150%;}
 h2 {font-size:75%; }
 h3 {font-size:50%; color:#FFFFFF;}   /*  white #FFFFFF */


a {
  color: #0000FF;
  text-decoration:none;
}

a:visited {
  color: #800080;  /*  purple */
  text-decoration:none;
}

a:hover {
  color: #00FF00;   /* lime color */
  text-decoration:underline;
}

.boxsmall
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
background-color:#D3D3D3;  /* light grey   */
width:2em;
border:1em solid #D3D3D3;
float:left;
text-align:center;
color:#0000FF;
font-size:100%;
}

.boxsmedium
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
background-color:#D3D3D3;  /* light grey   */
width:4em;
border:1em solid #D3D3D3;
float:left;
text-align:center;
color:#0000FF;
font-size:100%;
}

.boxlarge
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
background-color:#D3D3D3; /* light grey   */
width:6em;
border:1em solid #D3D3D3;
float:left;
text-align:center;
color:#0000FF;
font-size:100%;
}

.boxextralarge
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
background-color:#D3D3D3; /* light grey   */
width:8em;
border:1em solid #D3D3D3;
float:left;
text-align:center;
color:#0000FF;
font-size:100%;
}