/*keep this same for all*/
/*the main div container parallel to and above mainBox div*/
#cell7
{
	position: relative;
	width:100%;
	height:100%;

	top:0%;
	left:0%;	

	/*background-color: #37C2DA;*/

	overflow: hidden;
	
	/*change only this*/
	background-image: url("http://gituploads.olenepal.org/epaath_media/activity/grade7/science/sci_cell_01/page7/image/bg.png");
}

/*for all elements make sure that it does not inherit margin and padding*/
#cell7 *{
	margin:0;
	padding:0;	
	/*font-family: serif;*/
}

/*------------------------------------------------------------------------------------------*/

#animalTopic{
	position: absolute;
	top:2%;
	width: 100%;
	text-align: center;
	font-size: 1.7em;
	color:darkgreen;
	text-shadow: 0px 2px 2px rgba(0,100, 0, 0.3);
}

#animalCell{
	position: absolute;
	top:18%;
	left:0%;
	width:50%;
	height:80%;

	/*border:1px solid red;*/
}

#parts{
	position: absolute;
	top:18%;
	left:50%;
	width:50%;
	height:80%;

	padding:3%;

	/*border:1px solid red;*/
}

#aName{
	font-size: 1.5em;
	color:#009BD9;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

#describe{
	font-size: 1.2em;
	color:black;
	text-align: justify;
}


#function > p{
	font-size: 1.3em;
	font-weight: bold;
	color:brown;
	text-align: justify;
	text-shadow: 0px 2px 2px rgba(128,11,143, 0.3);
}

#function > li{
	list-style-type:disc;
}

#function > li:nth-of-type(odd){
	/*display: none;*/
	color:black;
	font-size: 1.2em;
	background-color: rgba(241, 98, 114,0.2);
	border-radius: 0.1em;
	padding: 1% 3%;
	margin-bottom: 0.2em;
	text-align: justify;
}

#function > li:nth-of-type(even){
	/*display: none;*/
	color:black;
	font-size: 1.2em;
	background-color: rgba(0, 165, 231,0.2);
	border-radius: 0.1em;
	padding: 1% 3%;
	margin-bottom: 0.2em;
	text-align: justify;
}