body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
}
h1, h2, h3, h4, h5, h6, td, th {
	text-align:center;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 135%;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
}
p {
	text-align:justify;
}
/* CLASSES 
mainwrapper >> get rid of this as a class. there should be only one on a pg., thus it should be an ID
*/
.mainwrapper {
	margin: auto 8% auto 11%;
}
.marginL {
	clear:right;
	margin-left: 1.5em;
}
.marginR {
	clear:left;
	margin-right: 1.5em;
}
.sublist {
	list-style-type:none;
}
/* Trash the following declaration? */
h1.content, h2.content, h3.content, h4.content, h5.content, h6.content {
	text-align:center;
}

/* ID's */
#mainwrapper {
	margin: auto 8% auto 11%;
}
#topShouldBeHeader {
	width:100%;
	padding-left: 7%;
	XXXmin-width: 260em;
	}
#headerMain {
	width:70%; 
	float:left; 
	margin-left:inherit; 
	margin-right: 0; 
	text-align:center;
	}
/* On newer edited pages, change widget which has been header to logoWidget as this widget is really being used as part of the header. then lose these declarations 
*/
#header {
	XXXfloat:left;
	XXXheight: 10em;
	XXXmargin-left: 3%;
	margin-right: 0;
	padding-top: 0;
	vertical-align:top;
}
#header h2 {
	margin-top: 0;
	margin-bottom: -0.1em;
	text-align:right;
}
#header a {
	text-decoration:none;
}
#logoWidget {
	margin-right: 0;
	padding-top: 0;
	vertical-align:top;
}
#logoWidget h2 {
	margin-top: 0;
	margin-bottom: -0.1em;
	text-align:right;
}
#logoWidget a {
	text-decoration:none;
}
#contentWrapper {
	clear:both;
	}