* { margin: 0; padding: 0; } /* zero out all margins and padding */
body, html {
	height: 100%; /* 100.1% forces a [useless] scrollbar in firefox; remove .1 if content that's bit wider in firefox is ok */
	text-align: center; /* Forces IE to center wrapper (if it's not 100% wide) */
	background-color: #7187b6;
	/*background-image: url('images/background01.jpg');*/
	background-attachment: scroll;
	background-repeat: repeat;
}
.wrapper {
	/* DEBUGGING */border: 0px solid #0ff;
	/* DEBUGGING */background: #666666 url('../images/background.jpg') repeat-y;
	/* ?? unsure of use. maybe for when 100% wide */ text-align: center;
	min-height: 100%; /* For Firefox. Forces 100% height even if content doesn't need it, and expands if needed. Doesn't work in IE. */
	width: 720px;
	margin: auto; /* Forces FF to center this wrapper on the page (if it's not 100% wide) */
}
* html .wrapper {
	height: 100%; /* Hack for IE. Works like min-height: forces 100% height even if content doesn't need it, and expands if needed. */
}
.wrapperOuter { height: 90%; }
/* ######## CONTENT ######## */
.header {
	/* DEBUGGING */border: 0px solid green;
	width: 720;
	height: 194px;	/*15%; was used for testing 100% height */
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	/*padding-top: 10;*/
}
.content {
	/* DEBUGGING */ /*background: #d6d6d6;*/ /* url(px600wide.gif) repeat-y scroll 0% 0%;*/
	/* DEBUGGING */border: 0px dotted blue;
	/* TESTING */ /* height: 70%; /* was used for testing 100% height */
	/* TESTING */ /* overflow: auto; /* was used for testing 100% height. Works fine in IE, but shifts content div way to the left in FF because of content's margin-left (no longer allows floated sidebar to inhabit this margin. Solution in FF is to make this margin-left 0px */
	width: 517px; /* Not 600 px as it should be because IE puts 3 px to the right of a left floated div, thus forcing this BELOW the sidebar */
}
/* ######## SIDES ######## */
.sideBarsCommon {
	/* nothing yet */
}
.sideBarLeft {
	/* DEBUGGING */ /*xxxbackground: #CADCEE url(px150wide.gif) repeat-y scroll 0% 0%;*/
	/* DEBUGGING */border: 0px dashed silver;
	float: left;
	padding-left: 10px;
	text-align: left;
}
.sideBarRight {
	/* DEBUGGING */border: 0px dashed silver;
	float: right;
}
/* ######## FOOTERS ######## */
.footer {
	/* DEBUGGING */background: #ddd url('../images/footer.jpg') no-repeat;
	/* DEBUGGING */border: 0px solid red;
	width: 720px;
	overflow: hidden;
	clear: both;
}
.fakefooter {	/* Description: When content div is larger than the current screen height, it can push the real footer down.
				But in Firefox, when floated divs (i.e. sidebars) are larger, they can't push any other divs down.
				Solution: a fake footer with clear:both (forces it below sidebars), which can push the real footer down FOR the sidebars. */
	/* DEBUGGING */border: 0px dashed gray;
	/* DEBUGGING */color: gray;
	clear: both;
}
.addressBlock {
	color: #FAF4E6;
	text-align: right;
	font-family: Arial;
	font-size: 75%;
}
.copyrightLine {
	text-align: center;
	font-family: Arial;
	font-size: 70%;
	font-style: italic;
}
/* ######## VALUES THAT NEED TO CORRESPOND ######## */
/* These are at the bottom so they can override any of the attributes that are mistakenly set above */
				/*		LEFT		*/
.sideBarLeft	{	width:			200px; }
.content		{	margin-left:	200px; }
/*.footer			{	margin-left:	150px; }	/* Use this with 100% width layout */
				/*		RIGHT		*/
.sideBarRight	{	width:			0px; }
.content		{	margin-right:	0px; }
.footer			{	margin-right:	0px; }
				/*		BOTTOM		*/
.footer			{	margin: auto;				/* Use this with fixed width (not 100%) layout; Centers footer in Firefox */
					margin-top:		-125px;		/* -7.5% was used for testing 100% height */
					height:			 125px; }	/* 15% was used for testing 100% height */
.fakefooter		{	height:			 125px; }	/* 15% was used for testing 100% height */



/* PREEXISTING: */
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color: #5672A0;
	margin-bottom: 5;
	text-align: center;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #5672A0;
	margin-bottom: 5;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #5672A0;
}
ul.text {
	margin-left: 20;
	margin-top: 8;
}
.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #5672A0;
	text-align: center;
}
.hlink {
	color: #0000FF;
	text-decoration: underline;
}