/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img
 {margin:0;
  padding:0;}
a
 {outline: none}
img
 {border: 0}
ul
 {list-style: none}
html
 {height: 100%;}
body
 {min-height: 100%;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-image: url(img/bg_main.jpg);
  background-repeat: repeat;
  color: #3c2100}
* html body
 {height: 100%;}

/* --- wrap --- */
#wrap
 {width: 1000px;
  height: 100%;
  position: relative;
  margin: 0 auto;
  background-color: #806D56;
  border-left: 2px solid #4B2601;
  border-right: 2px solid #4B2601}

/* --- menu --- */
#menu
 {float: left;
  width: 264px;
  height: auto;
  background-image: url(img/menu_c.jpg);
  background-repeat: repeat-y}
#menu .m_cont
 {padding-top: 422px;
  background-image: url(img/menu_coner_t.jpg);
  background-position: top;
  background-repeat: no-repeat;
  position: relative}
/* bookmark link */
#menu .m_cont a#bkmrk
 {display: block;
  width: 148px;
  height: 94px;
  position: absolute;
  top: 287px;
  left: 46px;
  background-image: url(img/link_bkmrk.jpg);
  background-position: bottom;
  background-repeat: no-repeat}
#menu .m_cont a:hover#bkmrk
 {background-position: top;}
/* menu link */
div#menu_link
 {padding-bottom: 80px;
  background-image: url(img/menu_coner_b.jpg);
  background-position: bottom;
  background-repeat: no-repeat}
div#menu_link a
 {display: block;
  width: 115px;
  margin-left: 60px;
  padding-left: 10px;
  color: #3c2100;
  text-decoration: none;
  border-bottom: 1px dashed #3C2100;
  margin-top: 0px;
  font-size: 16px;
  line-height: 200%}
div#menu_link a:hover
 {color: #FFFAFA;}
div#menu_link a.m_last
 {border: 0}

/* --- content --- */
#content
 {float: right;
  width: 730px }
/* rules */
#content #rules
 {width: 679px;
  margin: 20px auto;
  background-image: url(img/coner_1.jpg);
  background-repeat: repeat-y}
#content #rules h1
 {padding-top: 46px;
  width: 100%;
  background-image: url(img/coner_t.jpg);
  background-position: top;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: normal;
  text-indent: 45px;
  padding-bottom: 35px}
#content #rules ul
 {padding-bottom: 38px;
  width: 100%;
  background-image: url(img/coner_b.jpg);
  background-position: bottom;
  background-repeat: no-repeat}
#content #rules ul li
 {text-indent: 45px;
  list-style-type: none;
  line-height: 180%}
/* table */
table#data
 {width: 680px;
  height: auto;
  margin: 10px auto}
table#data th, table#data td
 {height: 25px;
  border-bottom: 1px solid #3C2100;
  border-right: 1px solid #3C2100;}
table#data tr td
 {height: 25px;
  text-align: center }
/* colors cell's */
table#data tr th.t_frst
 {background-color: #C6AC8D;
  border-left: 1px solid #3C2100}
table#data tr td.t_frst
 {background-color: #C6AC8D;
  text-align: left;
  border-left: 1px solid #3C2100;
  text-indent: 10px}
table#data tr td.t_sknd, table#data tr th.t_sknd
 {background-color: #CFB18C}
table#data tr td.t_thrd, table#data tr th.t_thrd
 {background-color: #DEBB90}
table#data tr td.t_frth, table#data tr th.t_frth
 {background-color: #E8C08E}
table#data tr td.t_fvth, table#data tr th.t_fvth
 {background-color: #F2C58C}