/* rules: Basic elements */
body {
	background-color: #99CCFF;
	background-image:  url(blue-luna.png);
	background-repeat: no-repeat;
	background-position: center top;
}	
h1 {} 
h2 {} 
h3 {} 
p {
	color: #FFFFFF;
}	  /* contains a class selector (see notes below under ID selectors) */
acronym {}
ul {}
li {} /* contains class selector of .by */

/* links */
a {}
	
/* rules: ID selectors */
#container { position:absolute; 
 top:0px; 
 left:0px;
 width:auto;
 margin:0; 
 padding:0;}
#intro {margin:0; 
 padding:0;}
#pageHead { position:absolute; 
 top:0px; 
 left:0px;
 width:790px;
 height:60px;
 margin:0; 
 padding:0;
 text-align: center;} /* contains elements h1 h2 and class selector .p0 */
 .p0 {
 color:#A2C3D0;
 font-style:italic; 
 display: none; 
}
#nutShell {
	position:absolute;
	top:140px;
	Left:20%;
	width:70%;
	background-image:url(blue-trans.png);
	border: thin ridge #660099;
}  /* contains element h3 and class selectors .p1 .p2 */

#prelude {
 position:absolute; 
 top:230px; 
 left:35px;
 width:510px;
 padding:0;
}  /* contains element h3 and class selectors .p1 .p2 */

#imgDiv1 {
 position:absolute; 
 top:190px; 
 left:20px;
 margin:0; 
 padding:0;
 width: 278px;
 height: 27px;
 background: transparent url(images/newdawn.jpg) top left no-repeat scroll; }

#mainContent {}
#mainContent2 {}

#theIdea { 
 position:absolute; 
 top:540px; 
 left:35px;
 width:510px;
 margin:0; 
 padding:0;}  /* contains element h3 and class selectors  .p1 .p2 .p3 */


#bookList { 
 width:500px;
 margin:0; 
 padding:0;
 display:block;}  /* contains elements ul and li */

#theProject {
 position:absolute; 
 top:1150px; 
 left:35px;
 width:530px;
 margin:0; 
 padding:0;}  /* contains element h3 and class selectors .p1 ... */


#theTools {
 display:none;
 position:absolute; 
 top:1970px; 
 left:35px;
 width:530px;
 margin:0; 
 padding:0;}  /* contains element h3 and class selectors .p1 ... */

#theGoal {
 position:absolute; 
 top:1400px; 
 left:35px;
 width:530px;
 margin:0; 
 padding:0;}  /* contains element h3 and class selectors .p1 ... */


#theEnd { 
 position:absolute; 
 top:1610px; 
 left:35px;
 width:530px;
 padding-bottom:20px;
 border-bottom:0px solid #BFE0ED; 
 margin-bottom:10px; 
 padding:3px; }  /* contains element h3 and class selectors .p1 .p2 .p3 .p4 .p5 */


#pageFoot {
	position:absolute;
	display:block;
	text-align:center;
	width:150px;
	margin-bottom:50px;
	padding:0;
	border: medium solid #333399;
	background-image:url(blue-trans.png);
	top:300px;
}
#nutShell a {
	font-weight:600;
	color: #CCCCCC;
	text-decoration: none;
} 
#nutShell p {
	font-size: 10px;
	color: #CCCCCC;
}
#navList {
 position:absolute; 
 top:130px; 
 width:150px;
 border-bottom:0px dotted #BFE0ED; 
 padding:0;

}


#navList2 {
 margin:0; 
 padding:0;
}
#navList2 ul {
 padding:0;
 list-style-type:none;
}
/* adjust Mozilla so display matches that of IE */
#navList>#navList2 ul {
 list-style-type:none;
 margin-left:35px;
}
#menu {
	background-image:url(blue-trans.png);} /* contains elements ul and li */
/* Creates a carriage return before 'by' using the class .by */
#menu li a:link, #menu li a:visited {
	display: block;
	color: #80FFFF;
	text-decoration:none;
}
#menu li a:hover {
 display: block; 
 text-decoration:none;
 color:#FFFFFF;
}
#navList li a.by:link, #navList li a.by:visited {
 display: inline; 
 text-decoration:none;
}
.by {
 font-style:italic;
 font-weight:400;
}