body {
  background: #151515 url(bg.gif) repeat-x;
  color: #dfdfdf;
  font-size: small;
  font-family: sans-serif;
  margin:0;
  margin-bottom:20px;
  background-position: 0 31px;
}

input,
select {
	background:black;
	border:1px solid #ffffff;
	color:#dfdfdf;
}


textarea {
	background:black;
	font-size:13px;
	border:1px solid #ffffff;
	padding:1px;
	color:#dfdfdf;
}

fieldset {
	color:#dfdfdf;
	border:0;
}

#logo {
	margin-left:20px;
}

#footer {
	background:url(footer.gif) no-repeat;
	height:16px;
	width:750px;
}

#header {
	background:url(header.gif) no-repeat;
	height:16px;
	width:750px;
}

form {
  margin: 0px;
}
h1, h2, h3 {
  margin: 0px;
  padding: 0px;
}
hr {
  background-color: #737373;
  border: 0px;
  color: #737373;
  height: 1px;
}

a:link,
a:visited {
  color: #ffffff;
  text-decoration: none;
}
a:active, 
a:hover {
  color: #dfdfdf;
}

div.bottom {
  color: #737373;
  font-size: x-small;
  text-align: center;
}

/* Define some colors */

.darkbg {
  background-color: black /*#ffffff*/;
  color: #fff;
}
.mediumbg {
  background-color: black;
  background-image: url(grad_bg.png);
  color: #dfdfdf;
  font-size:small;
}
.lightbg {
  background-color: #151515;
  color: #dfdfdf;
}
.lightbgalt {
  background-color: black;
  color: #ff0000;
}
.highlight {
  background-color: yellow;
  color: #000;
}

/* Top menu */

a.menu {
  background-color: black;
  border: 1px solid  #ffffff;
  color:  #ffffff;
  font-weight: bold;
  margin-left: 4px;
  margin-right: 4px;
  padding: 3px;
  text-decoration: none;
}
a.menu:hover, a.menu:active {
  color: #fff;
  background-color: #09c;
  background-image: url(grad_bg.png);
}

a.table_top {
  color: #dfdfdf;
  text-decoration: none;
  font-size:14px;
}
a.table_top:hover, a.table_top:active {
  color: #ffffff;
}

.join_edit_error {
	background-color: #f0f0f0;
	border: 1px solid #f00;
	padding: 2px;
}

a.help { color: #f00; font-weight: bold; text-decoration: none; }
a.help:hover { color: #333; }