body {
  background-image: url(/images/body_bg.png);
  background-repeat:repeat-x;
  background-color: #1b1b1b;
  font-family:      Arial;
  font-size:        11px;
  color:            #3e3e3e;
}

* {
  font-family:      Arial;
  font-size:        11px;
  color:            #3e3e3e;
}

a {
  color:            #0066cc;
  text-decoration:  none;
}

a:hover {
  color:            black;
}

a img {
  border:           none;
}

h1 {
  text-align:       left;
  padding-left:     5px;
}

#main {
  margin-top:       -3px;
  margin-left:      auto;
  margin-right:     auto;
  width:            978px;
  border:           1px solid #575757;
  background-image: url(/images/main_bg.png);
  background-repeat:repeat-x;
  background-color: white;
  padding-top:      30px;
}

#content {
  margin-top:       15px;
  margin-left:      213px;
  margin-right:     15px;
  min-height:       900px;
  height:           auto !important;
  height:           900px;
}

#sidebar {
  margin-top:       15px;
  float:            left;
  margin-left:      12px;
  color:            #575757;
}

.aside h1 {
  margin-top:       0px;
  padding-top:      5px;
  height:           20px;
  font-weight:      bold;
  font-size:        1em;
  color:            white;
  background-color: #575757;
}

.aside {
  width:            180px;
  border:           1px solid #575757;
  text-align:       center;
  background-color: #e0e0e0;
  padding-bottom:   10px;
  margin-bottom:    20px;
}

.aside p img {
}

#topmenu, #bottommenu {
  text-align:       right;
  font-weight:      bold;
}

#topmenu {
  margin-top:       25px;
}

#topmenu a {
  color:            #5a5a5a;
  text-decoration:  none;
  padding:          0 5px 0 5px;
}

#topmenu a:hover {
  text-decoration:  underline;
}

#bottommenu {
  height:           21px;
  border-top:       1px solid #5a5a5a;
  padding-top:      7px;
  padding-right:    20px;
}

#bottommenu a {
  color:            #5a5a5a;
  text-decoration:  none;
  padding:          0 5px 0 5px;
}

#bottommenu a:hover {
  text-decoration:  underline;
}

#jfdbFlash {
  margin-left:      auto;
  margin-right:     auto;
  width:            980px;
}

.search {
  font-size:        1em;
  /*width:            160px;*/
  height:           19px;
  background-color: #e0e0e0;
  color:            #585858;
  border:           1px solid #585858;
  margin:           5px 0 5px 0;
}

select.search {
  width:            130px;
  margin-left:      2px;
}

.searchSubmit {
  width:            88px;
  height:           19px;
  background-color: #b5cdd1;
  color:            #585858;
  border:           1px solid #585858;
  font-size:        1em;
  font-weight:      bold;
}

.photo {
  border:           5px solid #E0E0E0;
}

.aside .photo {
}

#content table.charlinks td {
  width:            15px;
  text-align:       center;
  border:           none;
}

.charlinks a {
  font-weight:      bold;
  color:            #0066cc;
  text-decoration:  none;
}

.charlinks a:hover {
  color:            black;
}

th {
  text-align:       left;
  font-weight:      bold;
}

#content > table {
  width:            100%;
  border-collapse:  collapse;
}

#content > table.listing tbody td {
  height:           20px;
  border-bottom:    1px solid #d7d7d7;
}

.listing {
  margin-top:       15px;
}

.listing tr:hover {
  background-color: #9ec5ec;
}

#content > table #alphabet > td {
  border-top:       1px solid black;
  border-bottom:    1px solid black;
}

tr#alphabet {
  height:           10px;
  font-size:        8px;
}

.paging {
  text-align:       center;
  margin-top:       10px;
  margin-bottom:    10px;
}

#chat {
   margin-top:                15px;
   margin-bottom:             5px;
   overflow-x:                scroll;
   background-color:          #eee;
   padding:                   10px;
}

.copyright {
   font-size:                 0.8em;
   text-decoration:           italic;
}

h1 {
   padding-left:              15px;
   font-size:                 1em;
}

.listing tbody tr {
   height:                    20px;
}

tr.spacing {
   margin-bottom:             3px;
}