body{
	margin:0;
	padding:0;
	background-color: #DFE6EF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

a:link       {color: green }
a:visited    {color: green }
a:hover      {color: red;}


p {
	margin-top: 0px;
	margin-bottom: 6px;
}
.shadowbox{

padding : 12px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 7px 7px 11px #818181;
-webkit-box-shadow: 7px 7px 11px #818181;
-moz-box-shadow: 7px 7px 11px #818181;
float : left;
width : 260px;
margin : 10px;
}


/*   Contenter boxes header and content classes*/
.boxhead {
  font-weight: bold;
  color: white;
  margin-left: auto;
    margin-right: auto;
  margin-top: 1px;
  margin-bottom: 4px;
  text-align:center;
}

/* This is to create the 'bottom border' or the shadow box without having to define it's height.  Content fills the shadowbox and the foot is added. */
/* Without this we have to specify the shadowbox height each time. */
.boxfoot {
  height: 13px;
}

.boxcontent {
  margin-left: auto;
  margin-right: auto;
  text-align:left;
  background-color:white;
  padding: 7px;
}

.colorcode {
	margin-left: auto;
	margin-right: auto;
}
.colorcode td {
	color: white;
	width: 100px;
	text-align: center;
	font-weight: bold;
	height: 20px;
	padding-top: 2px;
}

.clearfloats {
   clear : both;
 }



.comments {margin : 10px;

}


.boldtext {
  font-weight: bold;
}