/* Tupelo Aikikai - Style Sheet */
/* M Smith */

  html {
    margin:0;
    padding:0;
    height:100%;
    border:none;
  }

  body { 
    height:98%;
    color: #ffffff;
    background-color: #222222; 
    background-position: center;
    margin: 0; 
    margin-top: 1%;
    padding: 0;
    text-align: center;
    font-family: sans-serif;
    border:none;
  }

  A:link { 
    color: #ffffff; 
    text-decoration: none;
  }

  A:visited { 
    color: #eeeeee; 
    text-decoration: none;
  }

  A:hover { 
    text-decoration: none;
  }
  
  #Content {
    height:97%;
    width: 600px;
    margin: 0px auto;
    margin-top:0;
    margin-bottom:0;
    text-align: left;
    padding: 0px;
    border: 2px solid #550000;
    background-color: #000000;
    display: table;
  }

  td.logo {
    width: 20%;
    height: 50px;
    border: none;
    text-align: center;
    vertical-align: center;
  }

  td.logotext {
    font-family: "copperplate gothic bold", sans-serif;
    width: 30%
    border: none;
    font-size: 1.75em;
    font-weight: normal;
    text-align: center;
    vertical-align: center;
  }

  table.content {
    width: 100%;
    height: 100%;
    text-align: left;
    border: none;
    padding: 1px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
  }

  td.menucontainer {
    height: 25px;
    border: none;
    text-align: center;
    vertical-align: center;
  }

  table.menu {
    width: 100%;
    height: 15px;
    border: none;
    font-size: .75em;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    border-top: 1px solid #555555;
  }

  td.menuitem {
    text-align: center;
    vertical-align: center;
    font-weight: bold;
    border: 1px solid #000000;
    cursor: pointer;
  }

  a.menuitem:link { 
    color: #ffffff; 
    text-decoration: none;
  }

  td.menuitem:hover {
    text-align: center;
    vertical-align: center;
    border-right: 1px solid #777777;
    border-left: 1px solid #777777;
    cursor: pointer;
  }

  a.menuitem:hover { 
    color: #dd0000;
    font-weight: bold;
    text-decoration: none;
  }

  td.menuitem:active {
    background-color: #dd0000;
    text-align: center;
    vertical-align: center;
    border: 1px solid #ffffff;
  }

  a.menuitem:active { 
    color: #ffffff;
    text-decoration: none;
  }

  td.contentcontainer {
    border: none;
    text-align: center;
    vertical-align: center;
  }

  table.contentitem {
    background: url(../img/aikijinjabgdark.jpg);
    background-repeat: repeat-y;
    background-position: center;
    width: 100%;
    height: 100%;
    color: #ffffff;
    border: 1px solid #555555;
    font-size: .9em;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
  }

  a.content {
    color: #ffffff; 
    text-decoration: underline;
  }

  a.content:hover {
    color: #ff0000; 
    text-decoration: underline;
  }

  a.content:active {
    color: #ffffff; 
    text-decoration: underline overline;
  }

  table.maincontent {
    width: 100%;
    height: 100%;
    border: none;
    border-collapse: collapse;
  }

  td.maincontent {
    font-size: .9em;
    border: none;
    text-align: left;
    vertical-align: center;
    padding: 2px;
  }

  td.maincontent2 {
    font-size: .9em;
    border: none;
    text-align: left;
    vertical-align: top;
    padding: 10px;
  }

  td.maincontent3 {
    font-size: .9em;
    border: none;
    text-align: left;
    vertical-align: top;
    padding: 2px;
  }

  td.maincontent-saitomem {
    background-color: #000000;
    border: 2px solid #777777;
    font-size: .9em;
    text-align: left;
    vertical-align: top;
    padding: 10px;
  }

  td.maincontentspacer {
    width: 25%;
    color: #000000;
    border: none;
    text-align: left;
    vertical-align: center;
    padding: 0px;
    margin: 0px;
  }

  img.maincontent {
    border: none;
    border-right: 1px solid #777777;
    border-bottom: 1px solid #777777;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
  }

  img.maincontent:hover {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #777777;
    border-top: 1px solid #777777;
  }

  tr.bottomrow {
    border-top: 1px solid #555555;
  }

  tr.bottomrow:hover {
    border-top: 1px solid #777777;
  }

  em.itbold {
    text-decoration: italic;
    font-weight: bolder;
  }

  ul.maincontent {
    list-style-image: url(../img/aikibullet.jpg);
    line-height: 1.25em;

  }

  div.copyright {
    height: 2%;
    color: #777777;
    font-size: .55em;
    text-align: center;
    vertical-align: bottom;
    border: none;
    spacing: 0px;
    padding: 0px;
  }

  div.copyright:hover {
    color: #ffffff;
    font-size: .7em;
  }

  a.copyright {
    color: #999999;
    text-decoration: none;
  }

  a.copyright:hover {
    color: #ffffff; 
    text-decoration: underline;
  }

  table.news {
    width: 100%;
    border: none;
    padding: 5px;
    margin: 1px;
  }

  td.newshead {
    font-size: .9em;
    border: none;
    text-align: center;
    vertical-align: bottom;
    text-decoration: italic;
    font-weight: bolder;
    border-bottom: 2px solid #555555;
  }

  td.newsdate {
    width: 25%;
    font-size: .8em;
    border: none;
    text-align: center;
    vertical-align: top;
    padding: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
    border-right: 1px solid #555555;    
  }

  td.newsitem {
    font-size: .9em;
    border: none;
    text-align: left;
    vertical-align: top;
    padding: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
    border-left: 1px solid #555555;
  }

  td.newsitem:hover {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
}

  td.newsdate:hover {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
}

  table.newsex {
    width: 99%;

    border: none;
    border-collapse: collapse;
    padding: 5px;
    margin: 1px;
  }

  td.newsexhead {
    font-size: .75em;
    border: none;
    text-align: right;
    vertical-align: bottom;
    font-weight: bold;
    border-bottom: 2px solid #555555;
  }

  td.newsex {
    font-size: .75em;
    border: none;
    text-align: center;
    vertical-align: center;
    font-weight: normal;
    border-bottom: 2px solid #555555;
  }

  td.newsex:hover {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
  }

  font.caption {
    font-size: .75em;
  }

  hr.saito {
    border: 0;
    width: 100%;
    color: #555555;
    background-color: #555555;
    height: 2px;
  }

}