/* Some settings for all div objects */
div{
	border-width: 1px solid black;
	border-radius: 20px;
	color: black;
}

/* Settings for the pangolins images */
#pangolinimg{
	width: 47.5%;
	height: 47.5%;
	position: relative;
	left: 2.5%;
	top: 2.5%;
	margin: 0.1%;
	float: left;
}



/* Primary container */
#container {
    /* Size */	
	width: 98vw;
	height: 100vh;
	position: fixed;
	left: 1vw;

	/* Color */
	background-color:  palevioletred;
}


#menuholder {
	/* Color */
	background-color: lavenderblush;

	/* Size */
	width: 94%;
	height: 5%;
	padding: 10px;
	margin: 2%;
}

/* Submenus for linking to other parts of the page */
#menu {
	/* color */
	background-color: skyblue;

	/* Text settings */
	font-size: 18pt;
	text-align: center;

	/* Size */
	height: 60%;
	width: 20.5%;
	padding: 0.67%;
	margin-right: 1.47%;
	margin-left: 1.47%;

	/* Relative position */
	float: left;
	
}

/* Different colored menu to represent the current page */
#menucurrent {
	/* Color */
	background-color: royalblue;

	/* Text settings */
	font-size: 18pt;
	text-align: center;

	/* Size */
	height: 60%;
	width: 20.5%;
	padding: 0.67%;
	margin-right: 1.47%;
	margin-left: 1.47%;

	/* Relative Position */
	float: left;
	
}

/* The space for text and images */
#contentarea {
	/* Color */
	background-color: ghostwhite;

	/* Size */
	width: 96%;
	height: 80%;
	padding: 10px;
	margin: 1%;
}

#textbox {
	/* Color */
	background-color: ghostwhite;

	/* Text Settings*/
	font-size: 16.5pt;

	/* Size */
	width: 46%;
	height: 92%;
	padding: 0.5%;
	margin: 2%;

    /* Position */
	float: left;
	clear: left;



}

#onlytextbox{
	/* Color */
	background-color: ghostwhite;

	/* Text Settings*/
	font-size: 16.5pt;

	/* Size */
	width: 93%;
	height: 92%;
	padding: 0.5%;
	margin: 1%;

    /* Position */
	float: left;
	clear: left;
}

#imagebox {
	/* Color */
	background-color: ghostwhite;

	/* Text Settings*/
	font-size: 15pt;

	/* Size */
	width: 45%;
	height: 92%;
	padding: .5%;
	margin: 1%;

    /* Position */
	float: right;
}

#diagram {
	width: 80%;
	height: 100%;
	position: relative;
	left: 5%;
}

a:hover{
	font-weight: 	bold;
}

#pictureone {
	width: 90%;
	height: 95%;
	position: relative;
	left: 5%;

}