html
{
background-image:url('956.jpg');
	background-repeat:repeat;
}





.mainnav
{
position: fixed;
height: 7%;
width: 100%;
left: 0%;
top: 0%;
background: white;
z-index: 3;
}

.nav
{
position: fixed;
height: 13%;
width: 10%;
left: 10%;
top: 0%;
z-index: 3;
}

.nav1
{
position: fixed;
height: 12.5%;
width: 10%;
left: 80%;
top: 0%;
z-index: 3;
}


.nav1 ul 
{
list-style:none;
padding-top: 0%;
padding-left: 0;
margin-left: 19%;
margin-top: 20%;
font-size: 22px;
font-family: cambria;
}

.nav1 ul li a
{
text-decoration:none;
}

.nav2
{
position: fixed;
height: 12.5%;
width: 10%;
left: 70%;
top: 0%;
z-index: 3;
}


.nav2 ul 
{
list-style:none;
padding-top: 0%;
padding-left: 0;
margin-left: 0%;
margin-top: 10%;
font-size: 20px;
font-family: cambria;
text-align: center;
}

.nav2 ul li a
{
text-decoration:none;
}

.nav3
{
position: fixed;
height: 12.5%;
width: 10%;
left: 60%;
top: 0%;
z-index: 3;
}

.nav3 ul 
{
list-style:none;
padding-top: 0%;
padding-left: 0;
margin-left: 19%;
margin-top: 20%;
font-size: 22px;
font-family: cambria;
}

.nav3 ul li a
{
text-decoration:none;
}


.nav4
{
position: fixed;
height: 12.5%;
width: 10%;
left: 50%;
top: 0%;
z-index: 3;
}

.nav4 ul 
{
list-style:none;
padding-top: 0%;
padding-left: 0;
margin-left: 23%;
margin-top: 20%;
font-size: 22px;
font-family: cambria;
}

.nav4 ul li a
{
text-decoration:none;
}


.b1
{
position: absolute;
height: 350%;
width: 80%;
left: 10%;
top: 10%;
background: white;
z-index: 1;
}

.qq
{
margin-left: 20%;
padding-left: 0%;
}

.q
{
list-style-type: none;
font-size: 20px;
font-family: "cambria";
margin-left: 0%;
padding-left: 0%;
margin-top: 5%;
}

.q p
{
text-align: left;
font-size: 16px;
font-family:"cambria";
margin-left: 0%;
padding-left: 0%;
margin-top: 0%;
}

.p1
{
position: absolute;
height: 5%;
width: 10%;
left: 30%;
top: 1%;
background-image:url('p1.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}

.p3
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 8%;
background-image:url('digestive.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}

.p4
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 18%;
background-image:url('endocrine.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}

.p5
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 27%;
background-image:url('immune.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}

.p6
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 36%;
background-image:url('nervous.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}


.p7
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 45%;
background-image:url('muscular.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}


.p8
{
position: absolute;
height: 10%;
width: 5%;
left: 4%;
top: 57%;
background-image:url('male repro.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}

.p82
{
position: absolute;
height: 10%;
width: 5%;
left: 10%;
top: 57%;
background-image:url('female repro.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}


.p9
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 65%;
background-image:url('skeletal.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}


.p10
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 74%;
background-image:url('respiratory.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}



.p11
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 83%;
background-image:url('urinary.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}



.p12
{
position: absolute;
height: 10%;
width: 5%;
left: 8%;
top: 92%;
background-image:url('integumentary.png');
	background-size:100% 80%; 
	background-repeat:no-repeat;
z-index: 1;
}