.error
{
	color: red;
	font-size: 1.2rem;
}

.info
{
	color: green;
	font-size: 1.2rem;
}

body
{
	font-size: 1rem;
	margin: 0px;	
	background-color: #d8d8d8;
	text-align: center;
}

#wrapper
{
	width: 60rem;
	margin: 0px auto;
	border-left: 1px solid #0D130D;
	border-right: 1px solid #0D130D;
}

#header
{
	height: 12rem;
	background-color: #383838;
}

div#menu
{
	height: 2rem;
	width: 100%;
	border-top: solid #0D130D 1px;
	border-bottom: solid #0D130D 1px;
	background-color: #a80000;
}

div#menu ul
{
	margin: 0px;
	padding: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color: #ffffff;
	line-height: 2rem;
	white-space: nowrap;
}

div#menu li
{
	list-style-type: none;
	display: inline;
}

div#menu li a
{
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0.5rem 0.7rem;
	color: #ffffff;
}

div#menu li a:link
{
	color: #ffffff:
}

div#menu li a:visited
{
	color: #ffffff;
}

div#menu li a:hover
{
	color: #ffffff;
	background-color: #ff0000;
}

#content
{
	text-align: center;
	font-size: 1rem;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0.75rem 0.75rem;
	color: #000000;	
	background-color: #ffffff;
}

#content a
{
	color: #7cac00;
}

#content a:hover
{
	color: #bee655;
}

#content a:visited
{
	color: #88a934;
}

.userdatalbl
{
	padding: 0.5rem 0rem;
	width: 9rem;
	display: inline-block;
}	

#footer
{
	height: 2.4rem;
	padding: 0.6rem 0.6rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6rem;
	color: #BECF96;
	background-color: #383838;
	margin-bottom: 0px;
}

#footer a
{
	color: #fff;
	text-decoration: none;
}

#footer a:hover
{
	color: #D9FF76;
}

#debug
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6rem;
	color: #9c9c9c;
}