@font-face {
    font-family: Open Sans;
    src: url('OpenSans.ttf');
}

@font-face {
    font-family: armata;
    src: url('Armata-Regular.ttf');
}


body,html{background-color:#000; font-family: armata}

.mainbody{  margin-top: 20px; margin-left: auto;margin-right: auto; width:980px}

/* Layout : Index Page */
.LayoutIndex_main{width:100%; background-color:#DFDAC7; float:left;}
.LayoutIndex_footer{width:100%; background-color:#DFDAC7; float:left; height:100px;}
.LayoutIndex_header{background-color:#4a4617; width:100%; height:100px;}

a:link    {text-decoration:none; color:#878244;}
a:visited {text-decoration:none; color:#878244;}
a:hover   {text-decoration:none; color:#4a4617;}
a:active  {text-decoration:none; color:#4a4617;} 

h2{
    font-family: armata;
    color:#DFDAC7;
    text-align:center;
}

h4{
    font-family: armata;
    color:#003300;
    text-align:left;
    margin-left: 6px;
}

h5{
    font-family: armata;
    color:#DFDAC7;
    text-align:center;
}

th{
    font-weight: bold;
}

p.typewriter{
    font-family: Open Sans;
    margin-left: 8px;
}

p.typewriter-bold{
    font-family: Open Sans;
    font-weight: bold;
    margin-left: 8px;
}

table.center {
    width:96%; 
    margin-left:2%; 
    margin-right:2%;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: Open Sans;
  margin-left: 8px;
}

li {
  margin: 0;
  padding: 0;
  font-family: Open Sans;
  margin-left: 8px;
}