body{
  margin: 0;
  padding: 0;
  background-color: #330000;
}

table a:link{
  color: #CCCC66;
}

table a:visited{
  color: #CCCC66;

}

table a:hover{
  color: black;
  background-color: #CCCC66;
}

table a:active{
  color: inherit;
}

a.color:link{
  color: #CCCC66;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: bold;
}

a.color:visited{
  color: #CCCC66;
  margin-left: 2px;
  margin-right: 2px;
}

a.color:hover{
  margin-left: 2px;
  margin-right: 2px;
  color: black;
  background-color: #CCCC66;
}

a.color:active{
  margin-left: 2px;
  margin-right: 2px;
  color: inherit;
}

h4 a:link{
  color: #CCCC66;
}

h4 a:visited{
  color: #CCCC66;

}

h4 a:hover{
  color: black;
  background-color: #CCCC66;
}

h4 a:active{
  color: inherit;
}

th a:link{
  color: #FFFF99;
}

th a:visited{
  color: #FFFF99;

}

th a:hover{
  color: black;
  background-color: #FFFF99;
}

th a:active{
  color: inherit;
}

h3 a:link{
  color: #CCCC66;
}

h3 a:visited{
  color: #CCCC66;

}

h3 a:hover{
  color: black;
  background-color: #CCCC66;
}

h3 a:active{
  color: inherit;
}

p a:link{
  color: #CCCC66;
}

p a:visited{
  color: #CCCC66;

}

p a:hover{
  color: black;
  background-color: #CCCC66;
}

p a:active{
  color: inherit;
}

table{
  width: 60%;
  text-align: center;
  border-collapse: collapse;
  background-color: black;
  border-style: double;
  margin-left: auto;
  margin-right: auto;
  border-color: #666633;
  border-width: 4px;
  empty-cells: show;  
  color: #CCCC66;
  font-weight: bold;
}

fieldset{
  border:none;
}

h4, h3, h2{
  color: #FFFF99;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: black;
  border: 4px double #666633;
  width: 60%;
}

th{
  background-color: black;
  color: #FFFF99;
  font-size: 20px;
}

th, td{
  padding: 2px;
  border-color: #666633;
}

.con_header{
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #330000;
  color: #CC9900;
  height: 20%;
}

.logo{
  width: 100%;
  height: 65%;
  position: absolute;
  top: 0;
  background-color: black;
  color: #FFFF99;
  border-top: 4px double #666633;
  border-bottom: 4px double #666633;
}

.logo img{
  height: 100%;
}

.con_nav{
  width: 100%;
  height:20%;
  position: absolute;
  bottom: 0;
  background: #330000;
  color: #FFFF99;
 
}

.nav_det{
  height: 100%;
  float: left;
  width: 15%;
  font-weight: bold;
  border: 4px double #666633;
}

a.nav_det:link{
  background-color: black;
  color: #FFFF99;
  font-size: 18px;
  text-decoration:none;
  text-align: center;
}

a.nav_det:visited{
  background-color: black;
  color: #FFFF99;
  font-size: 18px;
  text-decoration:none;
  text-align: center;
}

a.nav_det:hover{
  background-color: #FFFF99;
  font-size: 18px;
  color: #330000;
  text-decoration:none;
  text-align: center;
}

a.nav_det:active{
  text-decoration:none;
  font-size: 18px;
  text-align: center;
}

.nav_search{
  height: 100%;
  float: right;
  width: 25%;

}

.nav_search form{
  float: right;
  background-color: black;
  border: 4px double #666633;
}

.con_search{
  text-align: center;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}

.content{
  margin-top: 20%;
}

.footer{
  padding-top: 4%;
  padding-bottom: 2%;
  height: 10%;
  width: 100%;
  text-align: center;
  color: #CCCC66;
  background-color: #330000;
}

.footer a:link{
  color:inherit;
  font-weight: bold;
}

.footer a:visited{
  color:inherit;
  font-weight: bold;
}

.footer a:hover{
  font-weight: bold;
  color: #330000;
  background-color: #CCCC66;
}

.footer a:active{

}

.win{
  border: 2px solid black;
  background-color: #666600;
  color: #FFFF99;
}

.loss{
  border: 2px solid black;
  background-color: #999933;
  font-weight: bold;
  color: #333300;
}

.draw{
  border: 2px solid black;
  background-color: #CCCC66;
  font-weight: bold;
  color: #333300;
}

.nc{
  border: 2px solid black;
  background-color: #FFFF99;
  color: #333300;
  font-weight: bold;
}