body{
	background-color: #222222;
	color: #aaaaaa;
	font-family: Callibri, Verdana, sans-serif;
	font-size: 17px;
	}
 
 h1 { 
	color: #aaaaaa;
	text-align: center;
	font-size: 25px;
    }
	
h3  {
	font-size: 17px;
	}
	
h4	{
	}
	
a{
color: #dddddd; font-style: italic; border-color: #222222; border-width: 1px; border-style: solid;
}	
	
a:focus   { border-color: green; border-width: 2px; border-style: solid;}
a:hover   { border-color: green; border-width: 2px; border-style: solid;}
a:active  { border-color: green; border-width: 2px; border-style: solid;}




.boxhg {
  width: 5px;
  float: left;
  color: yellow;
  background-color: yellow;
  border:  1px solid blue;
  border-radius: 0.1em;
  margin:  0px 10px 0px 10px;
  padding: 0.1em;
  font-size: s1em;
}



.boxb {
  width: 30%;
  float: right;
  color: blue;
  background-color: lightblue;
  border:  2px solid blue;
  border-radius: 0 1em 1em 1em;
  margin:  10px 0px 0px 10px;
  padding: 0.4em;
  font-size: 0.75em;
  line-height: 1.3em;
}
.boxg {
  width: 25%;
  float: right;
  color: green;
  background-color: lightyellow;
  border:  2px solid green;
  border-radius: 0 1em 1em 1em;
   margin:  10px 0px 0px 10px;
  padding: 0.2em;
   font-size: 0.6em;
  line-height: 1.3em;
}

.boxr {
  width: 40%;
  float: right;
  color: black;
  background-color: red;
  border:  2px solid red;
  border-radius: 0 1em 1em 1em;
  margin:  10px 0px 0px 10px;
  padding: 0.4em;
  font-size: 0.75em;
  line-height: 1.3em;
   
}.boxw {
  width: 40%;
  float: right;
  color: darkgrey;
  background-color: white;
  border:  2px solid grey;
  border-radius: 0 1em 1em 1em;
  margin:  10px 0px 0px 10px;
  padding: 0.4em;
  font-size: 0.65em;
  line-height: 1.3em;
}