body,
html
{
	height:100%;
	width:100%;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height:1.3em;
	color:#FFFFFF;
}

img
{
	border:0;
}

#left,
#right
{
	width: 15em;
	background-color:#404040;
}

#left
{
	float: left;
	margin-right:1em;
}

#right
{
	float: right;
	margin-left:1em;
}

#left,
#right,
#main
{       /* Needed so that both columns look equally long */
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}

#main
{
	margin-left:11em;
	margin-right:11em;
	color:#000000;
	min-width:692px;
}

#wrapper
{
	overflow: hidden;
	float: none;
	display: block;
	min-height:100%;
	z-index:1;
}

#maintext
{
	width:700px;
	display:inherit;
	white-space:nowrap;
	text-align:center;
}

.lefttext,
.righttext
{
	width:300px;
	float:left;
	display:inline;
	font-size:1em;
	text-align:left;
}


.content
{
	padding:1em;
	font-size:0.8em;
	text-align:center;
}

.context
{
	padding:1em;
	font-size:1em;
	text-align:left;
	
}

a:link {
	font-family:Helvetica;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

a:visited {
		font-family:Helvetica;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

a:hover {
		font-family:Helvetica;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

a:active {
	font-family:Helvetica;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}