#head
{
width:100%;
height:10%;
position:absolute;
	top:0;
	left:0;
background-color:#525356;
}

#head p
{
position:absolute;
	top:-6%;
	left:37%;
font-family:verdana;
font-size:2em;
}

h1
{
font-family:verdana;
font-size:1.5em;
margin-left:2%;
}

#bodd 
{
width:85%;
height:300%;
position:absolute;
	top:10%;
	left:8%;
background-color:black;
}

#bio
{
width:25%;
height:15%;
position:absolute;
	top:5%;
	left:5%;
background-color:#A5A9AF;
}

#bio img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#bio p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
}

#textfor
{
width:25%;
height:15%;
position:absolute;
	top:5%;
	left:37.5%;
background-color:#A5A9AF;
}

#textfor img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:16%;
	margin-left:5%;
}

#textfor p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
}

#list
{
width:25%;
height:15%;
position:absolute;
	top:5%;
	left:70%;
background-color:#A5A9AF;
}

#list img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}


#list p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
}

#outline
{
width:25%;
height:15%;
position:absolute;
	top:24%;
	left:5%;
background-color:#A5A9AF;
}

#outline img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:15%;
	margin-left:5%;
}

#outline p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
}

#imagemapping
{
width:25%;
height:15%;
position:absolute;
	top:24%;
	left:70%;
background-color:#A5A9AF;
}

#imagemapping img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#imagemapping p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
}


#periodictable
{
width:25%;
height:15%;
position:absolute;
	top:24%;
	left:37.5%;
background-color:#A5A9AF;
}


#periodictable img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:3%;
	margin-left:5%;
}

#periodictable p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#splashpage
{
width:25%;
height:15%;
position:absolute;
	top:43%;
	left:5%;
background-color:#A5A9AF;
}

#splashpage img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#splashpage p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#webpage
{
width:25%;
height:15%;
position:absolute;
	top:43%;
	left:37.5%;
background-color:#A5A9AF;
}

#webpage img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#webpage p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#index
{
width:25%;
height:15%;
position:absolute;
	top:43%;
	left:70%;
background-color:#A5A9AF;
}

#index img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#index p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#vertical
{
width:25%;
height:15%;
position:absolute;
	top:62%;
	left:5%;
background-color:#A5A9AF;
}

#vertical img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:15%;
	margin-left:5%;
}

#vertical p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#biodata
{
width:25%;
height:15%;
position:absolute;
	top:62%;
	left:37.5%;
background-color:#A5A9AF;
}

#biodata img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#biodata p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 


#contactform
{
width:25%;
height:15%;
position:absolute;
	top:62%;
	left:70%;
background-color:#A5A9AF;
}

#contactform img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#contactform p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#signup
{
width:25%;
height:15%;
position:absolute;
	top:81%;
	left:5%;
background-color:#A5A9AF;
}

#signup img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#signup p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#fieldset
{
width:25%;
height:15%;
position:absolute;
	top:81%;
	left:37.5%;
background-color:#A5A9AF;
}

#fieldset img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#fieldset p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#online
{
width:25%;
height:15%;
position:absolute;
	top:81%;
	left:70%;
background-color:#A5A9AF;
}

#online img
{
width:90%;
height:55%;
position:asbolute;
	margin-top:10%;
	margin-left:5%;
}

#online p
{
font-family:verdana;
font-size:0.8em;
margin-left:2%;
margin-right:2%;
} 

#footer
{
width:100%;
height:10%;
position:absolute;
	top:310%;
	left:0;
background-color:#525356;
}

img:hover {background-color:#DDD6D6;}