/* Common Layout */

body, html         {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

h1	{
	font-size: 12pt;
}

.center, h1	{
	text-align: center;
}

img	{
	border:	0;
}

a:link, a:active, a:visited, a:hover {
	color: #000;
}



/* Table Layout */

td	{
	vertical-align: top;
}

.nametable {
	border: 1px solid #000;
	background-color: #CCC;
	width: 20%;
	font-weight: bold;
}

.messagetable {
	border: 1px solid #000;
	background-color: #ABABAB;
	width: 80%;
}

.messagetable a:link, .messagetable a:active, .messagetable a:visited {
	color: #000;
}

.messagetable a:hover	{
	color: #fff;
}



/* CSS Layout */

.wrapper {
	width: 780px;
	border: 1px solid #000;
	background-color: #CCC;
	margin: auto;
	text-align: left;
	display: table;
}

.namecss {
	background-color: #CCC;
	float: left;
	padding-left: 5px;
	width: 145px;
	display: table-cell;
	font-weight: bold;
}

.messagecss {
	background-color: #ABABAB;
	float: right;
	padding-left: 5px;
	width: 623px;
	display: table-cell;
}

.messagecss a:link, .messagecss a:active, .messagecss a:visited {
	color: #000;
}

.messagecss a:hover	{
	color: #fff;
}