/* relate to the images at the top of the webpage
*/

#topleft
{
  top: 0;
  left: 0;
}

#topright
{
  top: 0;
  right: 0;
}

#topleft, #topright
{
  position:absolute;
  height:136px;
  width:95px;  
  border-width: 1px;
  border-style: solid;
  border-color: red;
}

/* Text format stuff
*/

h1
{
  text-align: center;
  color: red;
}

h2
{
  text-align: left;
  color: red;
}
h3
{
  text-align: center;
  color: black;
  margin: 1em 1em 4em 1em;
}

h4
{
  text-align: center;
  color: black;
}
body
{
  margin: 2em 0em;
  background-color: #ffffff;
  font-family: tahoma, arial, sans-serif;
}

/* tag with class = "navigation" lots of things can hav same class.  7 navigation menus and all look the same.
*/

.navigation
{
  list-style-type: none;
  text-align: left;
  float:left;
  border-style: solid;
  border-width: 1px;
  border-color: red;
  margin: 0em 1em 0em 0em;
}

.navigation li a
{
  display: block;
  background: transparent;
  margin: 1em 0em 1em 0em;
  padding: 0em 0em 0em 0.5em;

  text-align: left;
  width: 12em;
  text-decoration: none;
  font-size: larger;
  color: red;
//  border-style: none none dotted dotted;
//  border-width: 0px 0px 1px 1px;

}

.navigation li a:hover
{
  background: url('../images/list-on.gif') no-repeat right;
  color: #722222;
}

.content
{
  border-style: solid;
  border-width: 1px;
  border-color: red;
  width:60%;
  background-color: white;
  float:left;
  padding: 1em;
  margin: 0em 0em 2em 0em;
}

.content h1
{
  text-align: center;
  color:red;
}

.content h2
{
  text-align: center;
  color:black;
}
.content h3
{
  text-align: left;
  color:red;
}

.content h4
{
  text-align: left;
  color:black;
}

#footer
{
  position: absolute;
  bottom: 0;
}

#news
{
  width:90%;
  height:15em;
  overflow:auto;
  margin:auto;
  border-style: solid;
  border-width: 1px;
  border-color: red;
  padding: 0.5em 1em;
}


#news h1
{
  text-align: center;
  text-decoration: none;
  color: red;
}

#news h2
{
  text-align: center;
  text-decoration: none;
  font-size: larger;
  color: black;
}

#news h3
{
  text-align: left;
  text-decoration: none;
  font-size: larger;
  color: red;
}

#news h4
{
  text-align: left;
  text-decoration: none;
  font-size: larger;
  color: black;
}
table
{
  margin: auto;
}

table th, table td
{
  text-align: left;
  padding: 0em 1em 0em 1em;
}

table a
{
 text-decoration: none;
 color: red;
}



.squad
{
  border-style: solid;
  border-width: 1px;
  border-color: red;
}

.record
{
  text-align: center;
  color: black;
}

.bold
{
  color: black;
}