body {
background-color:#333333;
font-size:10pt;
font-family:Arial;
margin:0;
padding:0;
background-image:url(images/back.png);
background-repeat:repeat-x;
color:#FFFFFF;
}

#page {
width:900px;
background-image:url(images/page.png);
margin:auto;
padding:auto;
}

#header {
clear:both;
width:850px;
height:106px;
background-image:url(images/header.png);
padding-top:40px;
padding-left:50px;
}

#sidebarnav {
margin-left:-5px;
margin-top:10px;
}
  
#sidebarnav a {
	width:200px;
	display:block;
	clear:both;
	padding-left:12px;
	padding-top:6px;
	height:25px;
	border-bottom:2px solid #333333;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background-color:#3b3b3b;
  }
  
  
#sidebarnav a:hover, #sidebarnav a.active {
	background-color:#3f3f3f;
	text-decoration:none;
	color:#FFFFFF;
}

#mainarea {
width:870px;
clear:both;
padding-left:40px;
}

#contentarea {
width:565px;
padding-right:40px;
padding-bottom:20px;
float:left;
line-height:14pt;
}

#chatbox {
position:relative;
float:right;
width:211px;
height:301px;
padding-top:5px;
}

#sidebar {
float:left;
width:215px;
background-image:url(images/sidebartop.png);
background-repeat:no-repeat;
line-height:14pt;
}

#footer {
width:900px;
clear:both;
height:50px;
padding-top:38px;
text-align:center;
line-height:12pt;
background-image:url(images/footer.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

.avatar {
width: 64px;
height: 64px;
object-fit: cover;
border-radius: 50%;
margin-right: 8px;
}

.badge {
padding: 2px 8px;
text-align: center;
border-radius: 5px;
}

#error {
  display: hidden;
  color: #555;
  border-radius: 5px;
  font-size: .8em;
  padding: 2px 2px 2px 30px;
  margin: 5px 5px 5px 5px;
/*  width: 7em; */
  background: #ffecec url('http://www.html5accessibility.com/images/cross.png') no-repeat 10px 50%;
  border: 2px solid #f5aca6;
}

#errorlink {
color:#555;
text-decoration:underline;
}

h1, h1 a {
font-size:25pt;
color:#FFFFFF;
margin:0;
}

h2 {
font-size:15pt;
color:#FFFFFF;
padding-top:6px;
}

.description {
font-size:14pt;
color:#FFFFFF;
}

.smalltop {
  margin-top:4px;
}

.notbold{
  font-weight:lighter;
}

a {
color:#FFFFCC;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

dt {
font-weight: bold;
margin-top: .5em;
margin-bottom: .2em;
}

dd {
padding: 0 0 0.3em 0;
margin-inline-start: 20px;
display: list-item;
}