#container {
  width : 900px;
  margin-left : auto;
  margin-right : auto;
  /*  border : 6px solid #f1e6be ;  */
  padding : 10px;
  /*  background-color : #ffffff; */
  background-color : #f1e6be ;
  }
  #content {
  margin-left : 200px;
  border-left : solid #eeeeee;
  padding : 10px;
  min-height : 480px;
  background-color : #ffffff;
  }
  #navbar {
  float : left;
  width : 200px;
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  font-weight : bold ;
  font-size : 15px;

  }
  #navbar ul {
  margin : 0;
  background-color : #f1e6be ;
  padding : 0;
  list-style-type : none;
  }
  #navbar li a {
  width : 10em;
  margin : 0.2em 0 0.2em 0;
  font-weight : bold;
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  padding : 0.2em 0.8em 0.2em 0.6em;
  color : #f1e6be ;
  }
  #navbar li li a {
  width : 9em;
  margin : 0.2em 0 0.2em 0;
  font-weight : bold;
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  }
  #navbar ul ul {
  margin-left : 1em;
  }
  #navbar a {
  text-decoration : none;
  background-color : #990000;
  display : block;
  border-style : outset;
  border-width : 3px;
  }
  #navbar li a:hover {
  border-style : inset;
  color : #ffffff ;
  background-color : #660000 ;

  }
  #navbar li li a:hover {
  background-color : #6a5acd;
  border-style : inset;
  }
  #navbar li a#current {
  background-color : #708090;
  }
  #navbar li li a#subcurrent {
  background-color : #708090;
  }
  body {
  background-image : url(svra.background2.jpg);
  }

  td {
  text-align : right;
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  }
  td.date {

  text-align : left;
  background-color : #eeeeee;
  }

  td.left {

  text-align : left;
  background-color : #ffffff ;
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  }
  td.heading {

  text-align : center;
  vertical-align : bottom;
  background-color : #eeeeee;
  }
  h1 {
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  font-size : 20px;
  font-variant : small-caps ;
  color : white;
  background-color : #990000;
  text-align : center ;
  border : solid #f1e6be 2px ;
  }
  p {
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  font-size : 16px;
  }
  h2 {
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  font-size : 18px;
  }
  h3 {
  font-family : sans-serif;
  font-size : 16px;
  }

  caption {
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  background-color : #eeeeee;
  }
div.mainpage a:hover {
  /* background-color : #eeeeee; */
  text-shadow: 2px -2px 3px rgb(153, 153, 153)
  }

  div.gold {
  border: 8px solid #f4eb6f;
  width : 100% ;
  }
  div.gold td {
  width: 50%;
  background-color: #ffffff;
  text-align : left ;
  border-top : 4px #f4eb6f solid ;
  }


  div.gold caption {
  border-bottom: 8px solid #f4eb6f ;
  min-width: 250px;
  background-color: #000000;
  color : #ffffff ;
  font-weight : bold ;
  }
  div.gold table {width : 100% ;}

  div.silver {
  border: 8px solid #dddddd;
  width : 100% ;
  }
  div.silver td {
  width: 50%;
  background-color: #ffffff;
  text-align : left ;
  border-top : 4px #eeeeee solid ;
  }
  
  div.silver caption {
  border-bottom: 8px solid #dddddd;
  background-color: #000000;
  color : #ffffff ;
  font-weight : bold ;
  }
  div.silver table {width : 100% ;}

  div.bronze {
  border: 8px solid #cc9933;
  width : 100% ;
  }
  div.bronze td {
  width: 50%;
  background-color: #ffffff;
  text-align : left ;
  border-top : 4px #cc9933 solid ;
  }
  div.bronze caption {
  border-bottom: 8px solid #cc9933 ;
  background-color: #000000;
  color : #ffffff ;
  font-weight : bold ;
  }
  div.bronze table {width : 100% ;}

  div.friends {
  border: 8px solid #CCFFFF;
  width : 100% ;
  }
  div.friends td {
  width: 50%;
  background-color: #ffffff;
  text-align : left ;
  border-top : 4px #000000 solid ;
  }
  div.friends td.left {
  width: 50%;
  background-color: #ffffff ;
  padding-left : 20px ;
  }
  div.friends caption {
  border-bottom: 8px solid #CCFFFF ;
  background-color: #000000;
  color : #ffffff ;
  font-weight : bold ;
  }
  div.friends table {width : 100% ;}

  hr {
  visibility:	visible;
  color : #990000 ; 
  background-color : #f1e6be ;
  border: 3px; 
  height: 3px; 
  }

 td.c8 {background-color: rgb(255, 255, 204);}
 td.c7 {background-color: white;}
 td.c6 {background-color: rgb(204, 255, 255);}
 table.c5 {text-align: left; width: 100%;}
 td.c4 {vertical-align: top; text-align: center;}
 span.c3 {font-weight: bold;}
 td.c2 {vertical-align: top;}
 img.c1 {width: 200px; height: 140px;}

div.results td {
  background-color : #ffffff ;
  border-bottom: 1px solid #f1e6be ;
  text-align : left ;
  padding : 1px ; 
  font-family : Verdana, Arial, Helvetica, sans-serif ;
}
div.results h4 {
 color : #990000 ; 
 background-color : #f1e6be ;
 font-family : Verdana, Arial, Helvetica, sans-serif ;
}