/*** Content ***/
#content
{
	width: 80%;
	max-width: 960px; /* 80% of max-width=1200px */
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 20px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5.5em;
	/* more than footer's height to avoid
	the footer that sticks to the bottom */
	color: rgb(25,25,25);
	/*background: yellow;*/
}
#content h1
{
	border-bottom: solid 4px rgb(0,60,140);
	padding-bottom: 5px;
	color: rgb(25,25,25);
}
#content h2
{
	/*margin-top: 1em;*/
	margin-bottom: 1em;
	clear: both;
	border: solid 2px #044;
	margin-left: 10px;
	margin-right: 5%;
	padding: 0px 5px 5px 10px;
	color: #044;
	background: #CCC;
}
#content h3
{
	border: solid 2px rgb(70,5,50);
	/*display: inline;*/
	margin-left: 25px;
	margin-right: 10%;
	padding: 5px 5px 5px 10px;
	color: rgb(70,5,50);
	background: #CCC;
}
#content p
{
	margin-left: 35px;
	font-size: 1.2em;
	text-align: justify;
}
#content ul, ol
{
	margin-left: 35px;
	font-size: 1.2em;
	text-align: justify;
}
#content table
{
	margin-left: auto;
	margin-right: auto;
	/* correct way to space, but issues
		with IE, so empty cells added
		with appropriate padding... */
	/*border-collapse: separate;*/
	/*border-spacing: 15px 10px; /* hori vert */
	font-size: 1.2em;
	text-align: justify;
	/*background: brown;*/
}
#content td
{
	padding: 2px 5px 0px 5px;
	text-align: left;
	/*background: red;*/
}
#content td img
{
	border-style: none;
}
#content th
{
	padding-bottom: 20px;
	font-size: 1em;
	font-family: inherit;
	text-align: center;
	/*background: red;*/
}
#content img.center
{
	padding-top: 10px;
	display: block; 
	margin-left: auto;
	margin-right: auto; 
	/*border: red solid 2px;*/
}