/* for calsroot, created by Mike Cal Cahalan, Cedar Rapids, Iowa, copyright 2017   */

body {
	background-color: #bbbbbb;
	color: black;
}

#wholediv {
	width: 1120px;
	height: 1200px; 
/*	position: relative;  */
/*	float: left; */
	margin: 0 auto;  
	border: solid white;
	border-radius: 30px;
}

#topdiv{
	width: 1100px;
	height: 275px;
/* 	border-style: double;  */ 
	margin: 0 auto; 
	text-align: center; 
}

#middlediv{
	position: relative;
	float: left;
	width: 1100px;
	height: 875px; 
/*	border-style: solid; border-color: yellow; */ 
}

#alltopicsdiv{
	position: relative;
	float: left;
	width: 710px;
	height: 810px;
/*	border-style: solid; 	border-color: blue;  */
}

#adsdiv{
	position: relative;
	float: left; 
	width: 330px;
	height: 630px;
	border-style: solid;
	border-color: green;
}

.rowdiv{
	position: relative;
	clear: both;
	width: 705px;
	height: 155px;
/* 	border-style: solid; 	border-color: purple; */ 
}

.topicdiv{       /*  the div boxes that hold the topics  */ 
	float: left;
	width: 320px;
	height: 150px;
	border-style: solid;
	border-color: #4488bb;	  /* red 0, green 75, blue 148  */ 
	border-radius: 30px;
	border-width: 3px;
	margin: 5px; 
	padding: 5px;
}

.topicdiv:hover {
	border-color: #004488;
   	background-image: url("../images/background/tcloud_bg.jpg");
}

.topicdiv:hover p {
	color: white;
	text-shadow: 2px 2px #000000;
}


.topicdiv a {
	display: block;
	width: 310px;
	height: 145px;
}

.tdiv{       /*  hold text for topic  */ 
	float: left;
	width: 150px;
	height: 140px; 
}

.pdiv{       /*  hold image for topic  */ 
	position: relative; 
	float: right;
	width: 150px;
	height: 140px;	
}

.pdiv img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


 /*   end of file  */