html {
}

body {
  background-image: url(../graphics/redback.jpg);
  background-repeat: repeat;
  background-color: #660000;
  width: 768px;
  margin-top: 0.2em;
  margin-left: 5%;
  color: #ffcc00; 
  font-size: 16px;
  font-family: Georgia, serif;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  body {
    width: 100%;
    margin: 0 auto;
  }
}
	

h1 { font-size: 24pt;
     font-weight: bold;
     color: #ffcc00;
}

h2 { font-size: 16pt;
     color: #ffcc00;
     border-top: #ffcc00 1px solid;
     border-bottom: #ffcc00 1px solid;
}

hr {
  border-color: #ffaa00;
  border-style: inset;
}

img.left {
  padding-right: 5px;
}

p { }

i.small { font-size: 11pt; }

a.index:link, a.index:active 
{ 
  text-decoration: none;
  color: #ffaa00 
}

a.index:visited 
{ 
  text-decoration: none;
  color: #ffaa00;
}

a.index:hover 
{ 
  text-decoration:none;
  color: #ffff99
}

a:link, a:active { color: #ffaa00 }
a:visited { color: #ffaa00; }
a:hover { color: #ffff99; }

a:link img { text-decoration: none }
a:active img { text-decoration: none }
a:visited img { text-decoration: none }
a:hover img { text-decoration: none }

table {
  border-color: #ffaa00
}

td {
  border-color: #ffaa00;
}

p.copyright {
  background-color: black;
  border: #ffaa00 thin solid;
  padding: 5px;
}