/* CODE CSS DEFAULT THEME */

body {
   text-align: center;
   background: black;
   color: white;
   width: 760px;
   margin: 20px auto;  
   font-family: Verdana, serif;
   font-size: 0.7em;
}

#content
{
  width: 580px;
  background: black;
  text-align: left;
}

#header
{
   width: 760px;
   height: 150px;
   border: 1px solid rgb(70, 70, 70);
   color: black;
}

#panel
{ 
  width: 170px;
  border: 1px solid rgb(70, 70, 70);
  float: right;
  text-align: center;
}

#panel h1
{ 
  text-align: center;
  font-weight: bold;
  font-size: 1.0em;
}

#logoindex
{
   width: 449px;
   height: 395px;
   margin: auto;
   margin-top: 40px;
   margin-bottom: 50px;
}

#index
{
   word-spacing: 20px;
}

#index h1
{
   word-spacing: 1px;
   margin-bottom: 30px;
   font-size: 1.8em;
}

#index strong
{
   word-spacing: 1px;
   font-size: 0.9em;
}

#index a
{
   text-decoration: none;
}

#indexfoot
{
   margin-top: 30px;
   font-size: 0.9em;
}

#indexfoot a
{
   text-decoration: none;
   font-weight: bold;
}

#menu
{
   width: 760px;
   text-align: center;
   font-weight: bold;
   font-size: 1.2em;
   word-spacing: 20px;
}

#menu strong
{
   word-spacing: 1px;
   margin-right: 20px;
}

#menu a
{
   color: rgb(160, 160, 160);
   text-decoration:none;
}

#menu a:hover
{
  color: rgb(70, 93, 136);
  background: black;
  text-decoration: underline;
}

#menu a:active, a:focus
{
  color: rgb(62, 75, 91);
  background: black;
}

#body
{
   padding: 5px;
   border: 1px solid rgb(70,70,70);
}

#body h1
{
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid silver;
  text-indent: 5px;
  margin-top: 0px;
}

#body h2
{
  text-align: right;
  color: gray;
  background-color: black;
  font-size: 1.0em;
  font-style: italic;
  font-weight: normal;
  margin: auto;
  margin-bottom: 10px;
}

#body h3
{
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid silver;
  text-indent: 5px;
  margin: auto;
}

.article
{
  text-align: justify;
//  margin-top: 10px;
  margin-bottom: 20px;
}

.floatright
{
  float: right;
  margin-left: 15px;
}

.leftalign
{
  text-align: left;
  margin-top: 100px;
}

.spacing
{
   margin-bottom: 100px;
}

.spacebottom
{
  margin-bottom: 50px;
}

.espacement
{
  margin-top: 100px;
}

#footer
{
  text-align: center;
  border: 1px solid rgb(70, 70, 70);
  font-size: 0.9em;
  width: 580px;
}

#footer a
{
  text-decoration: none;
}

a img
{
  border: none;
}

a
{
  color: rgb(160,160,160);
  background: black;
  text-decoration: underline;
}

a:hover
{
  color: rgb(70,93,136);
  background: black;
  text-decoration: underline;
}

a:active, a:focus
{
  color: rgb(62,75,91);
  background: black;
}

ul, ol
{
  text-indent: 0px;
  margin: auto;
}

.gallery table
{
  border-collapse: collapse;
  width: 100%;
}

.gallery td
{
  margin-bottom: 10px;
  text-align: center;
}

.gallery a img {
  border: 1px solid rgb(160, 160, 160);
}

.gallery a img:hover
{
  border: 1px solid rgb(70, 93, 136);
  background: black;
  text-decoration: underline;
}

.center
{
  text-align: center;
}

.members
{ 
  margin-top: 10px;
}

.members table
{
  border-collapse: collapse;
  width: 40%;
}

.live table
{
  margin: 0 auto;
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse;
}

.live td
{
  border: 1px solid rgb(160, 160, 160);
  text-align: center;
  padding: 4px;
}

.live th
{
  text-align: center;
  padding: 4px;
}

.spacer
{ 
  clear: both;
}
