*{
	margin:0;
}
body {
	padding:0; text-align:center;
	font-weight:normal; font-style:normal; font-size:101%;
         color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(http://my.usenetbin.net/img/back.gif); background-color:#FFFFFF;
}
#content {
	text-align:left;
	width:50em; min-width:800px; max-width:100%;
	background-color:#DDFFEE;
         margin:0 auto;
}
#ubhead {
	padding: 0.12em 0 0.12em 0;
         height:30px;
         background:url(http://my.usenetbin.net/img/usenetbinaries.gif) no-repeat left center;
}
img.head {
         width:28em; height:25px;
}
#navi {
         height:2.2em;
         padding:0 1em;
         background-color:lightpink; background-image:url(http://my.usenetbin.net/img/tablebg.gif);
         font-variant:small-caps; font-size:0.8em; font-weight:bold; line-height:2.2em; color:darkgreen;
}
.navileft {
	float:left;
         width:49.5%;
}
.naviright {
	text-align:right;
	float:right;
         width:49.5%;
}
#groups {
         border:1px solid #0000CC; margin-top:8px;
         background-color:lavender;
         padding:5px;
}
#groups ul {
         margin-left:1.35em;
         padding-left:1.35em;
	list-style-type:circle;
}
#groups a {
         font-size:0.8em;
         font-family:Arial, Helvetica, sans-serif;
}
#groups a:hover {
	font-weight:bold;
}
div.grouplist {
	float:left;
         width:31%;
}
.clear {
  	padding-top:6px;
	clear: both;
}
#newmem {
         margin-top:0.3em;
	height:13.5em;
         border:1px solid #CC0000;
         padding:0.3em;
         background-color:azure;
}
#newmem ul {
         margin-left:1.35em;
         padding-left:1.35em;
         font-family:Arial, Helvetica, sans-serif;
         font-size:0.74em;
         line-height:1.4em;
}
#newmem a {
	text-decoration:none;
}
#newmem a:hover {
	text-decoration:underline;
	color:red;
}
div.memlogin {
         margin-top:0.3em;
  	text-align:left;
	height:13.5em;
         border:1px solid #00CC00;
         padding:0.3em;
         background-color:lemonchiffon;
}
div.memlogin dl {
         margin-top:1em;
}
div.memlogin dt {
  	margin-top:6px;
  	float:left;
  	width:28%;
  	text-align:right;
         font-size:0.74em;
         line-height:1.6em;
}

div.memlogin dd {
  	margin-top:6px;
  	float:right;
  	width:70%;
  	text-align:left;
}
div.memlogin input {
         border:1px solid #808080;
         background-color:#CCFFCC;
         font-size:0.9em;
         padding:1px;
}
div.memlogin p {
         font-size:0.7em; line-height:1.5em;
         text-align:center;
         margin-top:1em;
}
a.small {
         font-family:Arial, Helvetica, sans-serif;
         font-size:0.6em;
}
h3.titel {
         font-variant:small-caps; font-size:0.8em; font-weight:bold; line-height:35px; color:darkgreen;
         padding:0 1em;
}
.red {
	color:#FF0000;
}
#terms {
	font:italic 0.72em Arial, Helvetica, sans-serif; color:#000000;
         background-color:lightgrey;
         padding:6px;
         border:1px solid darkgray;
         text-align:center;
}
#terms a:hover {
	color:red;
}
#terms hr {
         border:1px solid darkgray;
         margin:5px 0;
}
#foot {
	font:normal 0.72em Arial, Helvetica, sans-serif; color:#000000;
         background-color:#FFFFFF;
         padding:6px;
         border:1px solid lightgrey;
         text-align:center;
}
#foot a {
	text-decoration:none;
}
#foot a:hover {
	color:orangered;
         text-decoration:underline;
}
#foot hr {
         color:lightgray;
         width:50%; height:1px;
         margin:5px auto;
}
#join {
	background-color:ivory;
         padding:0.3em;
         text-align:center;
}
div.box {
	width:22.2em; height:13em;
         border:1px solid #0000CC; background-color:#FFFFFF;
         padding:15px; margin:10px auto;
         text-align:left;
}
div.box ul {
         margin-left:1.35em;
         padding-left:1.35em; padding-top:0.3em;
         list-style-type:square;
}
div.box li {
         font:normal 0.71em Verdana, Arial, Helvetica, sans-serif;
	color:darkblue;
         line-height:1.6em;
}
div.box span {
         color:darkgreen; background-color:gold;
         font:small-caps bold 0.71em Verdana, Arial, Helvetica, sans-serif; padding:2px;
         margin-left:2.5em;
}
div.box p {
         background-color:#E0F0E0;
         padding:2px; font-family: Arial, sans-serif;
}
div.box a {
          padding:5px;
          text-decoration:underline;
}
div.box a:hover {
	color:black; background-color:chartreuse;
         text-decoration:none;
}
a.top {
         padding:3px;
	color:#000000;
}
a.top:hover {
	color:blue;
         background-color:yellow;
}