body
{	
	width: 99%;
	height: 700px;
	margin-top: 0px;
	font-family: Calibri light,Arial, Agency FB;
	background-color: white;
	font-size: 13px;
	min-width: 1200px;
}

#main_page
{	
	float: left;
	width: 98%;
	height: 98%;
	margin: 10px 0.5%;	
	border-radius: 5px;
	background-color: white;
}
#A
{
	float: left;
	width: 100%;
	height: 20%;
	
	
	background-color: white;	
}
#A1
{
	float: left;
	width: 100%;
	height: 67%;
	background-color: white;
}
#A11
{
	float: left;
	width: 65%;
	height: 100%;	
}
#A12
{
	float: left;
	width: 32%;
	height: 100%;
	margin-left: 3%;
}

#A2
{
	float: left;	
	width: 100%;
	height: 33%;
	background-color: cornflowerblue;
}


#B
{
	float: left;
	width: 100%;
	height: 80%;
	background-color: whitesmoke;
}
#B1
{
	float: left;
	width: 58%;
	height: 96%;
	margin: 1% 0% 1% 1%;	
	border-radius: 5px;
	background-color: white;
}
#B1-container
{
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
#contents
{
	width: 95%;
	height: 90%;
	margin: 3%;
	text-align: justify;
	font-size: 13px;
	overflow-y: auto;
}

#B2
{
	float: right;
	width: 39%;
	height: 96%;
	margin: 1% 1% 1% 0%;	
	border-radius: 5px;
	background-color: white;
}
#B21
{
	float: left;
	width: 100%;
	height: 96%;	
}
#B21-container
{
	margin: 3% 1%;
	float: left;
	width: 94%;
	height: 94%;
	text-align: justify;
}

#footer
{
	float: left;
	width: 100%;
	height: 2%;
	margin-top: 0px;
	font-size: x-small;
}

#data_container
{
	float: left;
	margin: 0%;
	width: 90%;
	height: 70%;
	padding: 5% 4% 3%;
	border-radius: 10px;
	background-color: lightskyblue;
}
#row_container
{
	float: left;
	width: 85%;
	margin-top: 3px;
}
.data_label
{
	float: left;
	margin-top: 3px;
	width: 25%;
	text-align: left;
}
.data
{
	float: left;
	width: 75%;
}

#B3
{
	float: left;
	width: 98%;
	height: 96%;
	margin: 1% 0% 1% 1%;	
	border-radius: 5px;
	background-color: white;
}
#B3-container
{
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}