body {
   /*
   background-color: white;
   background-image: url(../images/body_bg.png); 
   background-repeat: repeat-y;
   background-position: 50% 0%;
   */
   background-color: #5a4000;
   background-image: none;
   margin: 0px; 
   padding: 0px; 
   
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   /*
   font-family: Georgia, Garamond, "Times New Roman", "Times", "Serif"; 
   */
      
   line-height: auto;
} 
 
 
@media screen {
   body {
      color: #fdd99b;
      color: #d9bb7f;
      font-size: 80%; 
   }   
   .no_print { }
   .no_screen { display: none }
   .print_no_float { }
   .box {
      background-image: url(../images/box_bg.png); 
      background-repeat: no-repeat;
      border-right: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
   }
   
   #frame_main {
      background-color: #5a4000;
      border-right: 2px solid #aa6d0f;
      border-left: 2px solid #aa6d0f;
   }

   #info {
   }
}

@media print {
   body {
      color: black;
   }   
   .no_print { display: none }
   .no_screen { }
   .print_no_float { 
      float: none;
      clear: both;
   }
   .box {
      background-image: none;
      padding-top: 0.5em;
      padding-bottom: 0.6em;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
   }
   
   #frame_main {
   }
   
   #info {
      background-image: none;
      padding-bottom: 0px;
   }
}

/*
link: #fb8b00
focus, hover, visited: #f6c066
*/
a:focus, a:hover, a:visited {color: #f6c066}
a:focus, a:hover, a:visited {color: #fdd99b}
a:focus, a:hover, a:visited {color: #ffeaae}
a:focus, a:hover, a:visited {color: #ca7000}
a:focus, a:hover, a:visited {color: #d07300}
a {color:#fb8b00; text-decoration:none;}
a {color:#fdca01; text-decoration:none;}
a {color:#ff9714; text-decoration:none;}
a {color:#ff9d20; text-decoration:none;}

.container { 
   /* show grid and baseline */
   /*
   background: url(../blueprint/lib/grid.png);
   */
}

.cap {font-weight: bold}
.caption_left {display: block; float: left; clear: left; width: 120px; font-weight: bold} 
.caption {font-weight: bold}

label.error { display: inline; float: none; color: red; padding-left: .5em; vertical-align: top; }

.xwidth {
   width: 60%;
   text-align: justify;
   margin-bottom: -1em;
   padding-bottom: 0px;
}

h1, h2, h3, h4, h5, h6 { 
   letter-spacing: -0.02em; 
	font-family: Georgia, Garamond, "Times New Roman", "Times", "Serif"; 
   /* color: #980101; */
   color: #ff9d20;
}

h1 { 
   letter-spacing: -0.04em; 
}

h2 {
   line-height: 0.8em;
}

em, dfn { 
   font-style: normal; 
   background: transparent; 
   font-weight: bold; 
}

hr {
   color: #aa6d0f;
   background-color: #aa6d0f;
}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold; color: #ff9d20; background-color: #5a4000; }
th, td {padding:4px 10px 4px 5px;}

.page_break_after {
   page-break-after: always;
}

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }

.font_th {
   font-size:     16pt;
   font-family:   "Angsana New", serif;
   line-height:   1.1em;
}

img.first_letter {
   vertical-align: text-top; 
   float: left;
   margin-top: 0.1em;
   margin-right: 0.15em;
   padding-bottom: 0px;
}   

.p_end {
   margin-top: -5px;
   margin-bottom: 15px;
}

.quote_line {
   color: #d40000;
   font-weight: bold; 
   font-style: italic;
}
   
@media screen {
   .quote_line {
      margin-top: -30px;
   }


   span.text_block {
      display: block;
      float: left;
   }

   input {
      padding: 2px;
      border-top: solid 1px black;
      border-right: solid 1px #fdd99b;
      border-bottom: solid 1px #fdd99b;
      border-left: solid 1px black;
      background-color: #eceadd;
   }

   input.ck {
      background-color: #4b0000;
      background-color: #54560d;
      border: none;
   }

   input.rdo {
      background-color: #4b0000;
      background-color: #54560d;
      border: none;
   }

   input.btn_submit {
      font-name: inherit;
      font-size: inherit;
      font-family: inherit;
      font-weight: bold;
      background-color: #ff9d20;
      border: 1px solid black;
   }

   input.btn_reset {
      font-name: inherit;
      font-size: inherit;
      font-family: inherit;
      background-color: #dddddd;
      border: 1px solid black;
   }

   select {
      font-name: inherit;
      font-size: inherit;
      font-family: inherit;
      height: auto;
      padding: 2px;
      border-top: solid 1px black;
      border-right: solid 1px #fdd99b;
      border-bottom: solid 1px #fdd99b;
      border-left: solid 1px black;
      background-color: #eceadd;
      margin: 0px;
   }

   textarea {
      font-name: inherit;
      font-size: inherit;
      font-family: inherit;
      height: auto;
      padding: 2px;
      border-top: solid 1px black;
      border-right: solid 1px #fdd99b;
      border-bottom: solid 1px #fdd99b;
      border-left: solid 1px black;
      background-color: #eceadd;
      margin: 0px;
   }
}

@media print {
   .quote_line {
      margin-top: -0.5em;
   }
}   

.footer {
   width: 100%; 
   color: #54560d;
   background-color: white;
   background-repeat: no-repeat;
   background-color: white;
}   

.footer_container {
   color: #54560d;
   font-size: 95%;
   padding-top: 15px;
   background-image: url(../images/page_break_footer.png); 
   background-image: none;
   background-repeat: no-repeat;
   background-color: white;
}

.footer_print {
   font-size: 0.9em; 
   border-top: 1px solid #000000; 
   margin-top: 0.5em; 
   padding-top: 0.1em;
}