body
{
  background-image: url(Background.PNG);
}

div.title
{
  margin-left:  50px;
  width:        700px;
  text-align:   center; 
  font-family:  "Imprint MT Shadow","Niagara Engraved","Arial Black";
  text-shadow:  3 silver;
}

a:link
{
  color: DarkBlue;
}
a:visited
{
  color: DarkBlue;
}

div.mainmenu 
{
  margin-left:      50px;
  width:            700px;
  text-align:       center;
  border-style:     solid;
  border-width:     thin;
  border-color:     black;
  background-color: red;
  color:            red;
}
a.mainmenu 
{
  background-color: DodgerBlue;
  color:            black;
  font-family:      "Arial";
  text-decoration:  none;
  padding:          5px;
}
a.mainmenu:hover 
{
  text-decoration: underline;
  color:           white;
}
span.mainmenu_current 
{
  background-color: black;
  color:            white;
  font-family:      "Arial";
  font-weight:      bold;
  padding:          5px;
}

ul#mainmenu 
{
  border-style:     solid;
  border-width:     thin;
  border-color:     black;
//  margin:           0;
//  padding:          0;
  width:            100%;
  list-style-type:  none;
  text-align:       center;
  background-color: red;
}
li#mainmenu 
{
//  margin-left:      15px;
//  margin-right:     15px;
//  margin-bottom:    35px;
  display:          inline;
//  padding-top:      5px;
//  padding-bottom:   5px;
  background-color: DodgerBlue;
  font-family:      arial;
}
li#mainmenu:hover 
{
//  outline-color:  black;
//  outline-width:  thick;
//  outline-style:  solid;
}
li#mainmenu_current 
{
  margin:           15px;
  padding:          5px 10px;
  display:          inline;
  background-color: black;
  color:            white;
  font-family:      Arial;
  font-weight:      bold
}
a#mainmenu 
{
//  padding:          0.2em 0.6em;
  text-decoration:  none;
  color:            black;
  background-color: DodgerBlue;
  font-family:      arial;
}
a#mainmenu:hover 
{
  text-decoration: underline;
  color:           white;
}
a#mainmenu:focus 
{
  text-decoration: underline;
}

div.content
{
  margin-left:  50px;
  width:        700px;
  border-left:  1px solid black;
  border-right: 1px solid black;
}
img#inner
{
  position:       absolute;
  top:            30%;
  left:           520px;
  max-width:      250px;
  vertical-align: text-bottom;
  padding:        0;
  z-index:  1;
}
img#positionFilled
{
  position:       absolute;
  top:            30%;
  left:           10%;
  padding:        0;
  z-index:        1;
}

div.textbox
{
  width:            60%;
  text-align:       left;
  margin-top:       5%;
  margin-left:      18%;
  padding:          10px;
  background-color: SkyBlue;
  border-width:     7px;
  border-style:     double;
  border-color:     black;
}
img#join
{
  float:    left;
  position: relative;
  top:      -8px;
  left:     -8px;
  z-index:  1;
}

//div.filler
//{
//  float:      right;
//  width:      40%;
//  height:     300px;
//  text-align: right;
//  margin:     0;
//  padding:    0;
//}

div.logo
{
  font-style: Italic;
  font-size:  x-small;
  text-align: Center;
}

div.footer
{
  margin-left:      50px;
  width:            700px;
  padding-top:      10px;
  padding-bottom:   10px;
  border-left:      1px solid black;
  border-right:     1px solid black;
  border-bottom:    1px solid black;
  text-align:       center;
  background-color: DodgerBlue;
  color:            white;
  font-family:      Arial;
  font-size:        x-small;
}
a#subnmenu 
{
  border-right:    1px solid white;
  padding:         0.2em 0.6em;
  float:           left;
  width:           6em;
  text-decoration: none;
}

div.end_notes
{
  margin-left: 50px;
  width:       700px;
  padding:     10px;
  text-align:  center;
  font-size:   xx-small;
}