body{

  background: -webkit-linear-gradient(left, silver , #CFE1ED); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, silver, #CFE1ED); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, silver, #CFE1ED); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, silver , #CFE1ED); /* Standard syntax */
  font-size:11pt;
  text-align:center;
}
.bodyarea {
  width:650px;
  display: inline-block;
  box-shadow: 3px 3px 3px #E3E9ED;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid silver;
}
.topbannerarea{
	font-weight:bold;
 	display: inline-block;
}
.infoboxtop{
 	display: inline-block;
    margin: 0 10px 10px 10px;
    background-color: #D6DCE0;
    height: 100%;
    width: 500px;
	box-shadow: 5px 5px 5px black;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid silver;
	text-align:left;
}
.infoboxbottom{
  	display: inline-block;
    margin: 0 10px 10px 10px;
    background-color: #D6DCE0;
    height: 100%;
    width: 500px;
	box-shadow: 5px 5px 5px black;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid silver;
	text-align:left;
}
.topbannerarea {
   margin: 10px 10px 10px 10px;
    background-color: #D6DCE0;
    height: 50x;
    width: 600px;
	box-shadow: 5px 5px 5px black;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid silver;
	text-align:center;
}
ul{
list-style-image: url('li20px.png');
}
/*.infoboxes span:hover{background:silver;box-shadow:2px 2px 1px black inset;border:1px solid transparent;}*/