/*body{
    background: lightblue;   
}
legend{
    font-weight: bold;
}
*/
body,html {margin:0; padding:0;background-color:#003366;}
.clearfix { clear:both; }
#mycanvas{
      width:420px;
      height:420px;
      background: #fff;
      magrin:20px;
      color:#0000FF;
      background-color:#ffffff;
      border:1px solid black;
	  
            }
.wrapper{   
	margin:0 auto;                
	padding-top: 10px;
	width: 1000px;
	height:700px;
	background-color:#003366;
            }
.uppersection {
	width:100%;
	height:50px;
	font-family:Georgia;
	background-color:#E6E6E6;

}
.middlesection{
	width:100%;
	height:450px;
/*	background-color:#CCCCCC;
*/}
.middleleftsection{
	float:left;
	width:500px;
	height:450px;
	color:#0000FF;
	background-color:#E6E6E6;
}
.middlerightsection {
    float:left;
	width:500px;
	height:450px;
	color:#0000FF;
	background-color:#E6E6E6;
}
.lowerSection{
    margin-top:auto;
	width:100%;
	height:200px;
	color:#000000;
	background-color:#E6E6E6;
}
legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}
fieldset {
  font-size:14px;
  padding:10px;
  width:70%;
  line-height:1.8;
  float:left;
  }

label:hover {cursor:hand;}
</style>
/*#out{
 display:block;
 height:30px;
 width:100%;
}
*/