/* determine css
author: Alexander Shmakov
june 23, 2016*/

h1#title {
	text-align: center;
	font-family: tahoma;
	font-size: 20px;
	font-size: 3.5em;
	color: white;
	text-shadow: 3px 3px black;
}

div#window {

	background-repeat: no-repeat;
	background-image: url("../../images/FLM_Image_19.png");
	
	/*makes the image fill the whole div*/
	background-size: 100%;
}

/*########################################################*/

div#leftContent {
	display: inline-block;
}

img#home {
	position: absolute;
	height: 6%;
	z-index: 10;
}

div#leftContent img#left_img {
	position: absolute;
	margin-top: -1%;
	height: 100%;
	width: 30%;
}

/*##########################################################*/


p.pageNum {
	text-align: center;
	font-size: 1.6em;
}


div#content {
	text-align: center;
}

div#content p {
	text-align: left;
	/*position: absolute;*/
	margin: 2% 5% 2% 5%;
	font-family: tahoma;
	font-size: 16px;
	font-size: 2.5em;
}

div#content img {
	width: 10%;
	margin: auto 5% auto 5%;
}

/*########################################################*/

#eq1:hover {
	content:url("../../images/equation1ButtonHover.png");
}

#eq2:hover {
	content:url("../../images/equation2ButtonHover.png");
}

#eq3:hover {
	content:url("../../images/equation3ButtonHover.png");
}

/*###################  buttons  ##########################*/

img#next {
	position: absolute;
	margin-left: 95%;
	margin-top: -4%;
	height: 5%;
}

img#back {
	position: absolute;
	margin-left: 1%;
	margin-top: 69%;
	height: 5%;
}

/*############### eq info ###############################*/

img#moreInfoImg1 {
	position: absolute;
	margin-top: 15%;
	margin-left: 30%;
}

img#moreInfoImg2 {
	position: absolute;
	margin-top: 15%;
	margin-left: 30%;
}

img#moreInfoImg3 {
	position: absolute;
	margin-top: 15%;
	margin-left: 30%;
}