body { 
 	background-color: #ccccbb; 
 	font-family: sans-serif; 
 	margin: 0;
 	padding: 0; 
 	margin-bottom: 4em; 

/* test safari bugs  	
 	margin-left: 0 ; 
	margin-right: 0 ; 
	text-align: left ; 
*/
} 

/* --- gpk pink bgd */
body.gpk { background-color: #f7d4d4  } 
/* --- wacky yellow bgd */
body.wacky { background-color: #f3f391  } 
/* --- trolls blue bgd */
body.trolls { background-color: #aaccee  }
/* --- meanies purple bgd */
body.mbs { background-color: #ccccff  } 


p, ul, h1 { 
	margin-left: 12%; 
	margin-right: 12%; 
	/* line-height: 1.22em; */
} 
ul.home { margin: 0; }

hr {
	/* center: */
	margin: auto; 
}

/*
table {
 	margin: 0; 
 	border: 0; 
}
*/

/* ----- HEADINGS ----- */
h1 { 
	font-size: 275%; 
	/*line-height: 1.25em; */
	color: maroon; 
	text-align: center; 
	/*text-transform: uppercase; */
} 
h1:first-letter {
	/* font-size: 125%; */
}

h2, h3 { 
	font-size: 133%; 
	background-color: #f3f3d7; 

	padding: .325em; 
	padding-left: 7.5%; 
	padding-right: 7.5%; 
	margin: 1.5em; 
	margin-left: 0; 
	margin-right: 0; 

	/*text-transform: uppercase; */
} 

h3 {
	font-size: 120%; 
}

/* test for odd markup remnants */
h4, h5, h6 {
	/* background-color: #ff6666; */
}


/* ----- TOP NAV ----- */
#topnav p { 
	font-size: 88%; 
	text-align: center; 

	padding: .35em; 
	padding-top: .12em; 	
	margin-left: 0; 
	margin-right: 0; 

  	border-bottom: 1px solid #666; 
} 


#topnav a {
	padding: .25em;
}

#nav2 p {
	margin-top: -.9em;
}