#id_header { 
   position: relative;
   height: 100px;
   width: 70%;
   margin-left: auto;
   margin-right: auto;
   background-color: #b4af91;
   margin-bottom: 50px;
   border-bottom: 2px solid #32331d;
   border-right: 2px solid #32331d;
   border-left: 40px ridge #b4af91;
   border-top: 2px solid #32331d;
}

#id_header h1 { 
   text-align: center;
   padding-top: 20px;
   margin: 0px;
}

#id_header p { 
   position: absolute;
   right: 10px;
   bottom: 5px;
   margin: 0px;
}

table { 
   width: 70%;
   margin-left: auto;
   margin-right: auto;
   border-collapse: collapse;
   border-bottom: 2px solid #32331d;
   border-right: 2px solid #32331d;
   border-left: 40px ridge #b4af91;
   border-top: 2px solid #32331d;
}

th { 
   border-bottom: 2px solid #32331df;
   line-height: 200%;
   background-color: #40411e;
   color: white;
   text-align: left;
   padding-left: 10px;
}

td { 
   padding-left: 15px;
   line-height: 150%;
   border-bottom: 1px solid #40411e;
   background-color: #b4af91;
}

td.area_rank { 
   background-color: #c03000;
   width: 70px;
   border-right: 1px solid #40411e;
   color: #32331d;
   font-weight: bold;
   text-align: center;
}

td.state { 
   width: 20%;
}

.area { 
   text-align: right;
   padding-right: 50px;
   font-weight: bold;
}

th.area { 
   padding-right: 80px;
}

#id_footer { 
   width: 70%;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 70px;
   border-top: 2px solid #32331d;
   border-bottom: 2px solid #32331d;
   border-right: 2px solid #32331d;
   border-left: 40px ridge #b4af91;
   background-color: #b4af91;
}

#id_footer p { 
   text-align: center;
   padding-top: 10px;
   margin: 0px;
}