.maincol{

	width: 100%;

	height:70%;

	float:left;

	margin-left:340px;

	}
	



	

.cellcolumn {

	

	margin-left:10px;

	float:left;

    width: 250px;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}

.cellcolumn01 {

	

	

	float:left;

   width: 250px;

	height:225px;

   /*background-color:#bbb;*/

   

   /* Should be removed. Only for demonstration */

}



.cellcolumn02 {

	

	margin-top:50px;

	margin-left:-100px;

	float:left;

   width: 250px;

	height:225px;

  /* background-color:#ccc;*/

   

   /* Should be removed. Only for demonstration */

}



.cellcolumn03 {

	margin-top:50px;

	float:left;

	width: 250px;

	height:225px;

    /*background-color:#F00;*/



}



.cellcolumn04 {

	

	margin-top:50px;

	

	float:left;

	width: 250px;

	height:225px;

	

    /*background-color:#F90;*/

 

}

.name {

	text-align:center;
	padding-top:2px;
	line-height: 0.5cm;
	font-size:15px;
	font-family:"Bookman Old Style";
	color:#609;
	opacity: 1;

	}



.subject{

	float:right;

	width:100%;

	text-align:center;

		

	}

	

.ppcimage{

	padding:10px;

	border-style:solid; 

	border-color:#CCC;

	}	

	



.watext {

	font-family:"Bookman Old Style";

	font-size:28px;

	color:#999;

	font-weight: bold;

	margin-left:0px;

	margin-top:30px;

	text-align:center;	

   float:left;

   width:25%;  

   height: 50px; /* Should be removed. Only for demonstration */

   ;

  

}

.wacol{

	width:100%;

	}

	

	

@media screen and (min-width: 320px) and (max-width: 480px)  {

.maincol{

	width: 100%;

	height:70%;

	margin-left:0px;

    

	}	

.cellcolumn {

	

	margin-left:0px;

	width: 100%;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}



.cellcolumn01 {

	margin-top:75px;

	margin-left:0px;

	width: 100%;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}



.cellcolumn02 {

	margin-top:100px;

	margin-left:0px;

	width: 100%;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}



.cellcolumn03 {

	margin-top:100px;

	margin-left:0px;

	width: 100%;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}



.cellcolumn04 {

	margin-top:100px;

	margin-left:0px;

	width: 100%;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}

.ppcimage{

	padding:4px;

	border-style:solid; 

	border-color:#CCC;

	}

	

.name {

	text-align:center;
	padding:2px;
	line-height: 0.6cm;
	font-size:15px;
	font-family:"Bookman Old Style";
	color:#609;
	opacity: 1;

	}

	

.details {

	margin-top:-30px;

	 margin-left:105px;

	}



}