/* @group main */

#maincontainer {
	width: 500px;
	text-align: left;
	padding: 0;
	color: #000;
	font: 1em/1.3em Verdana, Helvetica, Geneva, sans-serif;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: auto;
	float: left;
}

#maincontainer h1 {
	color: #000;
	font: normal 1.6em/1.4em Verdana, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#maincontainer h2 {
	color: #000;
	font: bold 1em/1.3em Verdana, Helvetica, Geneva, sans-serif;
}

#maincontainer h3 {
	color: #000;
	font: normal 1em/1.3em Verdana, Helvetica, Geneva, sans-serif;
}

#maincontainer h4 {
	color: #000;
	font: italic 1em/1.3em Verdana, Helvetica, Geneva, sans-serif;
	/* 
	in IE 7, printing is a problem for italics with certain ancestor elements
	so we apply a property (min-height) to trigger "hasLayout"
	*/
	min-height: 1px;
}

#maincontainer table {
	background-color: #fff;
}

#maincontainer th {
	vertical-align: bottom;
	padding: 5px;
	border: 1px solid #000;
}

#maincontainer td {
	vertical-align: bottom;
	padding: 5px;
	border: 1px solid #000;
}

#maincontainer tr {
	vertical-align: bottom;
	padding: 5px;
	border: 1px solid #000;
}

#maincontainer a {
	color: #000;
	font: normal normal 1em/1.3em Verdana, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}

#maincontainer a:hover {
	text-decoration: underline;
}

/* @end */