html{
font-size: 100%;
}
body{
background: white;
 margin: 0;
 padding: 0;
 position: absolute;
 text-align: center;
 font-size: 75%;
}
  p{
 font-family: Georgia, serif;
font-size: 1.00em;
color: black; 
}

#container{
 width : 760px;
 height: 1990px;
 margin : 0 auto;

 
 
 }
 #intro{
 position: relative;
 background: transparent;
 width: 760px;
 height: 430px;
 position: relative;
 }
 
#pageHeader{
 position: absolute;
 background: url(project2_images/pageheader.gif) no-repeat;
 width : 760px;
 height: 376px; 
}
 

 
#quickSummary{
background: white;
position: absolute;
width: 260px;
height: 140px;
margin: 220px 0px 0px 460px;
 }
 
 #quickSummary p.p1{
 position: relative;
 float: left;
 width: 240px;
 color: black;
 
}
 #quickSummary p.p2{
 position: relative;
 width: 240px;
 float: left;
 color: black;
}
#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span{
position: relative;
font-size: 1.45em;
font-style: nomal;
color: black;
top: 7px;
}
#preamble {
position: absolute;
 background: rgb(183, 183, 183);
 width: 480px;
 height: 250px;
 text-align: center;
 margin: 380px 0px 0px 240px;
 }

 #preamble h3 {
 background: url(project2_images/preamble.gif);
 position: absolute;
 width: 480px;
 height: 40px;
 margin: 0px 0px 0px -1px;
 float: left;
 border: black 1px solid;
 }
#preamble p.p1{
position: relative;
width: 465px;
text-align: left;
margin: 70px 10px 10px 10px;
}
#preamble p.p2{
position: relative;
width: 465px;
text-align: left;
margin: 20px 0px 10px 10px;
}
#preamble p.p3{
position: relative;
width: 465px;
text-align: left;
margin: 20px 0px 0px 10px;
}
#supportingText{
position: absolute;
background: rgb(183, 183, 183);
 width: 480px;
 height: 1270px;
 float: left;
 margin: 200px 0px 0px 240px;
  }
  
#explanation {
 position: absolute;
 background: transparent;
 width: 480px;
 height: 250px;
 float: left;
 text-align: center;
 margin: 35px auto;
 
 }
 
#explanation h3{
 position: relative;
 background: url(project2_images/preamble.gif);
 width: 480px;
 height: 40px;
 float: left;
 text-align: center;
 border: black 1px solid;
 margin: -35px 0px 0px -1px;
}
 
#explanation p.p1{
position: relative;
width: 465px;
text-align: left;
margin: 40px 20px 0px 10px;
}
#explanation p.p2{
position: relative;
width: 465px;
text-align: left;
margin: 20px 0px 0px 10px;
}
#participation{
 position: absolute;
 background: transprent;
 width: 480px;
 height: 340px;
 float: left;
 margin: 310px 0px 0px 0px;
 text-alian: center;

}
#participation h3{
 position: relative;
 background: url(project2_images/preamble.gif);
 width: 480px;
 height: 40px;
 float: left;
 text-align: center;
 border: black 1px solid;
 margin: -30px 0px 0px -1px;
}
#participation p.p1{
position: relative;
width: 465px;
text-align: left;
margin: 40px 0px 0px 10px;
}
#participation p.p2{
position: relative;
width: 465px;
text-align: left;
margin: 20px 0px 0px 10px;
}
#participation p.p3{
position: relative;
width: 465px;
text-align: left;
margin: 20px 0px 0px 10px;
}
#benefits{
 position: absolute;
 background: transprent;
 width: 480px;
 height: 170px;
 float: left;
 margin: 610px auto;
 text-alian: center;

}

 #benefits h3{
 position: relative;
 background: url(project2_images/preamble.gif);
 width: 480px;
 height: 40px;
 float: left;
 margin: -5px 0px 0px -1px;
 border: black 1px solid;
 }
 #benefits p.p1{
 position: relative;
 width: 465px;
 text-align: left;
 margin: 70px 0px 0px 10px;
 }
 #requirements{
 position: absolute;
 background: transprent;
 width: 480px;
 height: 540px;
 float: left;
 margin: 780px auto;
 text-alian: center;
 
}
 
#requirements h3{
 position: relative;
 background: url(project2_images/preamble.gif);
 width: 480px;
 height: 40px;
 float: left;
 margin: -5px 0px 0px -1px;
 border: black 1px solid;
 }
#requirements p.p1{
position: relative;
width: 465px;
text-align: left;
margin: 70px 0px 0px 10px;
}
#requirements p.p2{
position: relative;
width: 465px;
text-align: left;
margin: 20px 0px -10px 10px;
}
#requirements p.p3{
position: relative;
width: 465px;
text-align: left;
margin: 30px 0px 0px 10px;
}
#requirements p.p4{
position: relative;
width: 465px;
text-align: left;
margin: 20px 0px 0px 10px;
}
#requirements p.p5{
position: relative;
width: 465px;
text-align: left;
margin: 20px 0px 0px 10px;
}

 #footer{
 text-align: center;
 position: absolute;
 background: rgb(57, 57, 57);
 width: 480px;
 height: 40px;
 margin: 1271px 0px 0px 0px;
 }
 #footer a:link, #footer a:visited 
 { 
 position: relative;
 top: 10px;
 }

#linkList{
position: absolute;
background: url(project2_images/linklist.gif);
 width: 220px;
 height: 700px;
 float: left;
 margin: -50px 0px 0px 10px;
 border: white 1px solid;
 

 
 }
 
#linkList ul {
font-size: 1.10em;
 text-align: left;
 margin: 0px 5px 0px -10px;
 color: white;
 }
 
 
#lselect{
position: relative;
background: rgb(37, 37, 37);
width: 200px;
height: 310px;
margin: 40px auto;
opacity: .70;
}
#linkList h3.select { 
	background: black; 
	width: 200px; 
	height: 30px; 
	}
	
#linkList h3.select span{
    position: relative;
    top: 7px;
	}

#larchives{
position: relative;
background: rgb(37, 37, 37);
width: 200px;
height: 100px;
margin: -10px auto;
opacity: .70;

}
#linkList h3.archives { 
	background: black; 
	width: 200px; 
	height: 30px; 
	}
	
#linkList h3.archives span{
 position: relative;
 top: 7px;
 }
    
#lresources{
position: relative;
background: rgb(37, 37, 37);
width: 200px;
height: 150px;
margin: 40px auto;
opacity: .70;
}
#linkList h3.resources { 
	background: black; 
	width: 200px; 
	height: 30px; 
	}
#linkList h3.resources span{
 position: relative;
 top: 7px;
 }
 #linkList h3.select, #linkList h3.archives, #linkList h3.resources{
font: Times, "Times New Roman", Georgia, Verdana, serif;
font-size: 1.25em;
font-style: nomal;
color: white;
}