body {
  border: 0px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #CC3333; /* to make errors visible on both black, grey & white */
  background: black;
}

table { border-collapse: collapse }
/************************************************************
  layout - used to create the 3column table
 ************************************************************/
.layout {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 948px;
  height: 101%;
  background-color: #cccccc;
}

.topbanner {
  height: 215px;
  background: url(images/dm/top.jpg) top center no-repeat;
}

.topmenu {
  padding-bottom: 15px;
  text-align: center;
  font-size: 1.0em;
  font-weight: bold;
  color: black;
}
.topmenu a, .topmenu a:link, .topmenu a:visited, .topmenu a:active {
  color: #663333;
  font-weight: bold;
}
.topmenu a:hover {
  color: #333366;
  font-weight: bold;
}

.leftcolumn {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  width: 180px;
}

.maincolumn {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  width: 570px;
  height: 100%;
}

.rightcolumn {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  width: 180px;
}

.spacercolumn {
  margin: 0px;
  padding: 0px;
  vertical-align: top;div
  width: 9px;
}

.bottomrow {
  height: 50px;
  padding: 5px 0px 20px 0px;
  text-align: center;
  font-size: 0.8em;
  color: black;
}


/************************************************************
  content
 ************************************************************/
#left-top {
  height: 22px;
  background: url(images/dm/left-top.jpg) top center no-repeat;
}

#left-content {
  background: url(images/dm/left-mid.jpg) top center repeat-y;
  color: #CCCCCC;
  font-size: 0.8em;
  font-weight: bold;
  height: 350px;
  padding: 5px 30px 10px 20px;div
}
#left-content a, a:link, a:visited, a:active {
  color: #CC3333;
}
#left-content a:hover {
  color: #800000;
}
#left-content ul {
 margin-left:15px;
}

#left-bottom {
  height: 36px;
  background: url(images/dm/left-bottom.jpg) top center no-repeat;
}


#right-top {
  height: 22px;
  background: url(images/dm/right-top.jpg) top center no-repeat;
}
#right-content {
  background: url(images/dm/right-mid.jpg) top center repeat-y;
  color: #CCCCCC;
  font-size: 0.8em;
  font-weight: bold;
  height: 350px;
  padding: 5px 20px 10px 30px;
}
#right-content a, a:link, a:active, a:visited {
  color: #CC3333;
}
#right-content a:hover {
  color: #800000;
}

#right-bottom {
  height: 36px;
  background: url(images/dm/right-bottom.jpg) top center no-repeat;
}

#header1 {
  margin: 5px 0px 15px 0px;
  padding-bottom: 0px;
  vertical-align: top;
  font-size: 1.0em;
  font-weight: bold;
  color: #663333;
  border-bottom: 1px solid #909090;
}
#header1 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: #663333;
}
#header1 a:hover {
  font-weight: bold;
  color: #333366;
}

#header2 {
  margin: 0px 10px 0px 10px;
  padding-bottom: 0px;
  vertical-align: top;
  font-size: 0.9em;
  font-weight: bold;
  color: #663333;
  border-bottom: 1px solid #909090;
}
#header2 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: #663333;
}
#header2 a:hover {
  font-weight: bold;
  color: #333366;
}

#header3 {
  vertical-align: top;
  padding-bottom: 0px;
  font-size: 0.8em;
  font-weight: bold;
  color: #663333;
/*  color: #535353; */
  border-bottom: 1px solid #909090;
}
#header3 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: #663333;
}
#header3 a:hover {
  font-weight: bold;
  color: #535353;
}

#header4 {
  margin: 20px 0px 15px 0px;
  padding-bottom: 0px;
  vertical-align: top;
  font-size: 1.0em;
  font-weight: bold;
  color: #663333;
  border-top: 1px solid #909090;
}
#header4 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: #663333;
}
#header4 a:hover {
  font-weight: bold;
  color: #333366;
}
 
#subtitle {
  padding-top: 1px;
  font-size: 0.6em;
  color: #808080;
}
#subtitle a, a:link, a:active, a:visited {
  color: #CC3333;
  font-weight: normal;
  text-decoration: none;
}
#subtitle a:hover {
  color: #333366;
  font-weight: normal;
  text-decoration: none;
}

#subtitle-l {
  padding-top: 1px;
  font-size: 0.6em;
  color: #808080;
}
#subtitle-l a, a:link, a:active, a:visited {
  color: #CC3333;
  font-weight: normal;
  text-decoration: none;
}
#subtitle-l a:hover {
  color: #333366;
  font-weight: normal;
  text-decoration: none;
}

#subtitle-c {
  padding-top: 1px;
  font-size: 0.6em;
  color: #808080;
  text-align: center;
}
#subtitle-c a, a:link, a:active, a:visited {
  color: #CC3333;
  font-weight: normal;
  text-decoration: none;
}
#subtitle-c a:hover {
  color: #333366;
  font-weight: normal;
  text-decoration: none;
}

#subtitle-r {
  padding-top: 1px;
  padding-bottom: 2px;
  font-size: 0.6em;
  color: #808080;
  text-align: right;
}
#subtitle-r a, a:link, a:active, a:visited {
  color: #CC3333;
  font-weight: normal;
  text-decoration: none;
}
#subtitle-r a:hover {
  color: #333366;
  font-weight: normal;
  text-decoration: none;
}

#content {
  padding: 7px 0px 20px 0px;
  font-size: 0.8em;
  color: black;
}

#content-nopad {
  font-size: 0.8em;
  color: black;
}

#content-small {
  font-size: 0.6em;
  color: black;
}

#listing {
  font-size: 0.8em;
}
#listing table {
  border: 1px;
  border-width: 1px;
  border-spacing: 1px;
}

#listing th {
  color: #CC3333;
  font-weight: bold;
  background-color: #C0C0C0;
  border: 1px solid #909090;
  text-align: center;
}

#listing th a, a:link, a:active, a:visited {
  color: #CC3333;
  font-weight: bold;
  text-decoration: none;
}
#listing th a:hover {
  color: #333366;
  font-weight: bold;
  text-decoration: none;
}

#listing td {
  color: black;
  font-weight: normal;
  border: 1px solid #909090;
}
#listing a.crew, a.crew:link, a.crew:active, a.crew:visited {
  color: #333366;
  font-weight: normal;
  text-decoration: none;
}
#listing a.crew:hover {
  color: #CC3333;
  font-weight: normal;
  text-decoration: none;
}


.header1 {
  margin: 5px 0px 15px 0px;
  padding-bottom: 0px;
  vertical-align: top;
  font-size: 1.0em;
  font-weight: bold;
  color: #663333;
  border-bottom: 1px solid .909090;
}
.header1 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: #663333;
}
.header1 a:hover {
  font-weight: bold;
  color: #333366;
}

.header2 {
  margin: 0px 10px 0px 10px;
  padding-bottom: 0px;
  vertical-align: top;
  font-size: 0.9em;
  font-weight: bold;
  color: #663333;
  border-bottom: 1px solid .909090;
}
.header2 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: #663333;
}
.header2 a:hover {
  font-weight: bold;
  color: #333366;
}

.header3 {
  vertical-align: top;
  padding-bottom: 0px;
  font-size: 0.8em;
  font-weight: bold;
  color: #663333;
/*  color: .535353; */
  border-bottom: 1px solid .909090;
}
.header3 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: .663333;
}
.header3 a:hover {
  font-weight: bold;
  color: #535353;
}

.header4 {
  margin: 20px 0px 15px 0px;
  padding-bottom: 0px;
  vertical-align: top;
  font-size: 1.0em;
  font-weight: bold;
  color: #663333;
  border-top: 1px solid #909090;
}
.header4 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: #663333;
}
.header4 a:hover {
  font-weight: bold;
  color: #333366;
}

.content {
  padding: 7px 0px 20px 0px;
  font-size: 0.8em;
  color: black;
}

/************************************************************
                          modules
 ************************************************************/

#forum-header1 {
  margin: 5px 0px 0px 0px;
  padding-bottom: 0px;
  vertical-align: top;
  font-size: 1.0em;
  font-weight: bold;
  color: #663333;
  border-bottom: 1px solid #909090;
}
#forum-header1 a, a:link, a:active, a:visited {
  font-weight: bold;
  color: #663333;
}
#forum-header1 a:hover {
  font-weight: bold;
  color: #333366;
}

#forum-header {
  margin: 25px 0px 0px 0px;
  padding-bottom: 0px;
  vertical-align: top;
  font-size: 0.8em;
  font-weight: bold;
  color: #663333;
  border-bottom: 1px solid #909090;
}
#forum-header a, a:link, a:active, a:visited {
  color: #663333;
  font-weight: bold;
  text-decoration: none;
}
#forum-header a:hover {
  color: #535353;
  font-weight: bold;
  text-decoration: none;
}

#forum-status-read {
  vertical-align: middle;
  align: center;
}
#forum-status-unread {
  vertical-align: middle;
  align: center;
}
#forum-status-unread img {
  background-color: #cc3333;
}

#forum-subtitle {
  padding-bottom: 0px;
  font-size: 0.8em;
  font-weight: bold;
  color: #535353;
  border-bottom: 1px solid #909090;
}

#post-header {
  color: black;
  font-size: 0.6em;
  font-weight: bold;
  background-color: #C0C0C0;
  border: 1px solid #909090;
}

#post-header a, a:link, a:active, a:visited {
  color: #CC3333;
  font-weight: bold;
  text-decoration: none;
}
#post-header a:hover {
  color: #333366;
  font-weight: bold;
  text-decoration: none;
}

.read {
  background-color: #cccccc;
}
.unread {
  background-color: #cc3333;
}
 
/************************************************************
                          Notices
 ************************************************************/

.notice {
  margin: 0px 0px 15px 0px;
  font-size: 0.8em;
  font-weight: normal;
  color: #008000;
  text-decoration: none;
}

.warning {
  margin: 0px 0px 15px 0px;
  font-size: 0.8em;
  font-weight: normal;
  color: #FF8000;
  text-decoration: none;
}

.error {
  margin: 0px 0px 15px 0px;
  font-size: 0.8em;
  font-weight: normal;
  color: #FF0000;
  text-decoration: none;
}

/************************************************************
                         link styles
************************************************************/
img {
  border: 0px;
}

a, a:link, a:active, a:visited {
  color: #CC3333;
  font-weight: normal;
  text-decoration: none;
}
a:hover {
  color: #333366;
  font-weight: normal;
  text-decoration: none;
}

/************************************************************
                           form styles
************************************************************/
.input {
  font-size: 0.8em;
  color: #663333;
  border: #808080 1px solid;
  background-color: #C0C0C0;
  height: 17px;
}

.button {
  font-size: 0.8em;
  color: #663333;
  border: #808080 1px solid;
  background-color: #C0C0C0;
  height: 17px;
}

.redbutton {
  font-size: 0.8em;
  color: #FF0000;
  border: #808080 1px solid;
  background-color: #C0C0C0;
  height: 17px;
}

.select {
  font-size: 0.8em;
  color: #663333;
  border: #808080 1px solid;
  background-color: #C0C0C0;
  height: 17px;
}

.textarea {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.8em;
  color: #663333;
  border: #808080 1px solid;
  background-color: #C0C0C0;
}

.checkbox {
  color: #663333;
  border: #808080 1px solid;
  background-color: #C0C0C0;
}

.radio {
  color: #663333;
  background-color: #C0C0C0;
}

/************************************************************
                           parser specific
************************************************************/
.code {
  font-family: Andale Mono, monospace;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic; 
}

.underline {
  text-decoration: underline
}

.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}