html{
font-size: 100%;
}
body{
background: black;
position: relative;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 75%;
 }
 p{
 font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
font-size: 1.00em;
color: white; 
}
#pageHeader h1 span, #pageHeader h2, #preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3 {
 display: none;
 }
#container{
 position: absolute;
 background: purple;
 
 }
 #intro{
 position: relative;
 background: black;
 width: 757px;
 height: 740px;
 }
 #pageHeader{
position: absolute;
 background: url(project3_images/pageheader.gif) no-repeat; 
 width: 758px;
 height: 376px;
 }
 #top-image{
 position: absolute;
 background: url(project3_images/toppattern.gif) repeat-x;
 width: 1500px;
 height: 39px;
 margin: 54px 0px 0px 754px;
 } 
  #left-image{
 position: absolute;
 background: url(project3_images/leftpattern.gif)
 repeat-y;
 width: 38px;
 height: 2400px;
 margin: 369px 0px 0px 79px;
 }
#quickSummary{
position: absolute;
background: black;
width: 460px;
height: 110px;
text-align: left;
color: white;
margin: 376px 0px 0px 150px;

 }
 
 #quickSummary p.p1{
 position: relative;
 padding: 10px;
 width: 460px;
 float: left;

}
 #quickSummary p.p2{
 position: relative;
 margin: 20px 0px 0px 10px;
}
#preamble {
position: absolute;
 background: url(project3_images/theroadtoenlightenment.gif) no-repeat;
 width: 460px;
 height: 253px;
 margin: 490px 0px 0px 150px;

 }
#preamble p.p1{
position: relative;
width: 450px;
text-align: left;
margin: 55px 0px 0px 10px;
}
#preamble p.p2{
position: relative;
width: 450px;
text-align: left;
margin: 20px 0px 10px 10px;
}
#preamble p.p3{
position: relative;
width: 445px;
text-align: left;
margin: 20px 0px 0px 10px;
}
#supportingText{
position: absolute;
 background: black;
 width: 460px;
 height: 1350px;
 float: left;
 margin: 6px 0px 0px 150px;

  }
#explanation{
 position: relative;
 background: url(project3_images/sowhatisthisabout.gif);
 width: 279px;
 height: 40px;
 float: left;
 margin: 0px 0px 0px 0px;
 }
#explanation p.p1{
position: relative;
width: 450px;
text-align: left;
margin: 65px 0px 0px 10px;
}
#explanation p.p2{
position: relative;
width: 445px;
text-align: left;
margin: 20px 0px 0px 10px;
}
#participation{
 position: relative;
 background: url(project3_images/participation.gif);
 width: 279px;
 height: 39px;
 float: left;
 margin: 240px auto;
 }
#participation p.p1{
position: relative;
width: 445px;
text-align: left;
margin: 65px 0px 0px 10px;
}
#participation p.p2{
position: relative;
width: 445px;
text-align: left;
margin: 20px 0px 0px 10px;
}
#participation p.p3{
position: relative;
width: 445px;
text-align: left;
margin: 20px 0px 0px 10px;
}
 #benefits{
 position: relative;
 background: url(project3_images/benefits.gif);
 width: 279px;
 height: 39px;
 float: left;
 margin: 40px auto;
 }
 #benefits p{
 position: relative;
 width: 445px;
 float: left;
 margin: 70px 0px 0px 10px;
 }
#requirements{
 position: relative;
 background: url(project3_images/requirements.gif);
 width: 279px;
 height: 39px;
 float: left;
 margin: 90px auto;
 
 }
#requirements p.p1{
position: relative;
width: 450px;
text-align: left;
margin: 70px 0px 0px 10px;
}
#requirements p.p2{
position: relative;
width: 450px;
text-align: left;
margin: 30px 0px -10px 10px;
}
#requirements p.p3{
position: relative;
width: 450px;
text-align: left;
margin: 40px 0px 0px 10px;
}
#requirements p.p4{
position: relative;
width: 450px;
text-align: left;
margin: 30px 0px 0px 10px;
}
#requirements p.p5{
position: relative;
width: 450px;
text-align: left;
margin: 30px 0px 0px 10px;
}

 #footer{
 text-align: center;
 position: relative;
 background: url(project3_images/linkpattern.gif) no-repeat;
 width: 459px;
 height: 40px;
 float: right;
 margin: 456px 0px 0px 300px;
 
 }
 #footer a:link, 
 #footer a:visited 
 { 
 position: relative;
 top: 5px;
 left: 130px;
 
 }

#linkList{
position: absolute;
background: black;
 width: 175px;
 height: 600px;
 float: left;
 margin: -245px 0px 0px 620px;
 }
 
#linkList ul {
 text-align: left;
 margin: 15px 5px 0px -10px;
 color: white;
 }
 
 
 
#lselect{
position: relative;
background: black;
width: 171px;
height: 281px;
margin: 5px auto;

}

#linkList h3.select { 
    position: relative;
	background: black; 
	width: 170px; 
	height: 30px;
	margin: 0px auto; 
	}
	
#linkList h3.select span{
    position: relative;
	top: 7px;
	}

#larchives{
position: relative;
background: black;
width: 170px;
height: 100px;
margin: 40px auto;

}
#linkList h3.archives {
    position: relative; 
	background: black; 
	width: 170px; 
	height: 30px;
	margin: 0px auto; 
	}
	
#linkList h3.archives span{
 position: relative;
 top: 7px;
 right: 20px;
 }
    
#lresources{
position: relative;
background: black;
width: 170px;
height: 140px;
margin: -15px auto;

}
#linkList h3.resources { 
    position: relative;
	background: black;
	width: 170px; 
	height: 30px;
	margin: 0px auto;
	 
	}
#linkList h3.resources span{
 position: relative;
 top: 7px;
 right: 20px;
 }
#linkList h3.select, #linkList h3.archives, #linkList h3.resources{
 font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
font-size: 1.25em;
font-style: oblique;
color: white;
text-decoration: underline;
}
 

 #linklistimage{
 position: absollute;
 background: url(project3_images/linklistdrum.gif);
 width: 188px;
 height: 324px;
 margin: 780px auto;
 }