@charset "iso-8859-1";

//*                         _      _ 
                        o'  \.=./  `o  
                           (o¯o)
--------------------ooO---=---Ooo---------------------
                     css start                         
==============================*/ 
* { 
  margin : 0;
  padding : 0;  
  }
body {
  background : url(img/bg_mn.jpg);
  color : #e8e6e3;
  font : 11px georgia, "times roman new", verdana, arial;
  margin : 0;
  min-width : 980px;
  padding : 0;
  }
#wrapper {
  background : #2a2a2a;
  border : 2px outset #444;
  height : 100%;
  margin : 0 8%;
  padding : 10px;
  }
#container {
  padding : 10px 0;
  width : 100%;
  }

/*--------------------------------------------------------- */
/*                      general                         */
/*=============================*/
a {
  color : #669933;
  text-decoration : none;
  } 
a:hover {
  color : #86b953;
  text-decoration : underline;
  } 
form { 
  margin : 0;
  padding : 0;
  }
hr {
  color : #333;
  border : 2px groove #444;
  text-align : center;
  width : 90%;
  } 
img { 
  border : 0;
  } 
p { 
  text-indent : 10px;
  }
.center { 
  margin : 0 auto;
  text-align : center;
  } 
.clear { 
  clear : both;
  } 
.flt_l {
  float : left;
  }
.flt_r {
  float : right;
  }
.image { 
  border : 1px solid #f0f0f0;
  padding : 3px;
  margin : 3px;
  }
.left { 
  text-align : left;
  } 
.right { 
  text-align : right;
  }
  
/*--------------------------------------------------------- */
/*                       header                         */
/*=============================*/
#header {
  height : auto;
  width : 100%;
  }
.hdr {
  border-top : 2px groove #555; 
  width : 100%;
  }
.hdr_1 {
  float : left;
  margin : 6px 0;
  }
.hdr_2 {
  color :  #555;
  float : right;
  height : auto;
  padding : 20px;
  text-align : right;
  width : 30%;
  }
.hdr_2 a:hover {
  text-decoration : none;
  } 
.hdr_3 {
  background : #2a2a2a;
  border : 1px inset #555;
  clear : both;
  height : 150px;
  width : 100%;
  }
.hdr_4 {
  background : url(img/bg_hdr4.gif);
  float : left;
  height : 100%;
  text-align : center;
  width : 28%;
  }
.hdr_4 img {
  position : relative;
  top : 20px;
  }
.hdr_5 {
  background : url(img/bg_hdr.jpg) no-repeat center;
  float : left;
  height : 100%;
  width : 72%; 
  }
  
/*--------------------------------------------------------- */
/*                      left side                        */
/*=============================*/
#left {
  float : left;
  padding : 10px 0;
  width : 27%;
  }
/* billboard for index */
#contentwrapper {
  border-right : 1px solid #444;
  height : 220px;
  margin : 0 auto;
  padding : 5px;
  width : 100%;
  wid\th : auto;
  }
.billcontent{
  display : block;
  width : 100%;
  }
#billboard0 {
  font : 500 14px arial, verdana, helvetica, sans-serif;
  text-align : center;
  }
#billboard0 .s_1 {
  color : #f0f0f0;
  font-style : italic;
  line-height : 20px;
  }
#billboard0 .s_2 {
  clear : both;
  color : #669933;
  font : 600 14px georgia, "times new roman", arial, verdana;
  }
#billboard0 .s_3 {
  font : 500 12px georgia, "times new roman", arial, verdana;
  }
#billboard0 .s_4 {
  color : #669933;
  font : 600 14px georgia, "times new roman", arial, verdana;
  }
#billboard0 img {
  border : 0;
  margin-right : 2px;
  padding : 2px;
  }
#billboard1 {
  color : #cc2020;
  font : 700 2.0em georgia, "times new roman", arial, verdana;
  padding-top : 20px;
  text-align : center;
  }
#billboard2 {
  font : 700 18px georgia, "times new roman", arial, verdana;;
  padding-top : 4px;
  text-align : center;
  }
/* attributes for text me widget */
.tm_main {
  border-right : 1px solid #444;
  border-top : 1px solid #444;
  margin : 0 auto;
  padding : 5px;
  width : 100%;
  wid\th : auto;
  }
.tm_main input {
  background : #f3f8fb;   
  border : 2px groove #555; 
  }
.tm_top {
  height : 14px; 
  padding : 2px 0 0 10px;
  text-align : left;
  width : 100%; 
  }
.tm_row1 {
  background : inherit;
  color : #669933;
  font : 500 1.5em georgia, verdana, arial, helvetica, sans-serif;
  padding : 4px 0;
  text-align : center; 
  width : 100%;
  }
.tm_txt  {
  background : #f3f8fb;   
  border : 2px groove #555; 
  overflow : hidden;
  }
.tm_row2 {
  color : #f0f0f0;
  }
.tm_ftr {
  height : 28px;
  padding : 4px 0; 
  width : 100%;  
  }
  
/*--------------------------------------------------------- */
/*                      content                         */
/*=============================*/
#content {
  float : right;
  height : 100%;
  padding : 10px 0;
  width : 72%;
  }
#content h1 { 
  color:  #669933;
  font-family : "times new roman", verdana, arial, helvetica;
  text-align : center;
  }
/* for index page only */
.i_d1 {
  float : left;
  text-align : center;
  width : 100%;
  }
.i_d2 {
  height : auto;
  width : 100%;
  }
.i_d3 {
  float : left;
  height : auto;
  margin : 0;
  padding : 10px;
  width : 49%;
  wid\th : 45%;
  }
.i_d3 h3, p {
  margin : 0;
  padding : 4px 0;
  }
.i_dtitle {
  border-bottom :  2px groove #555;
  color:  #669933;
  font-family : "times new roman", verdana, arial, helvetica;
  text-align : left;
  }
.i_dimg {
  float : left;
  margin-right : 10px;
  margin-top : 6px;
  }
.i_dimg2 {
  clear : both; 
  float : right; 
  margin-left : 10px;
  margin-top : 6px;
  }
.i_dsub {
  text-align : right;
  width : 90%;
  }
  
/*--------------------------------------------------------- */
/*                       footer                          */
/*=============================*/
#footer {
  clear : both;
  width : 100%;
  }
/* footer box complex */
.ftr {
  border : 1px inset #555;
  height : 125px;
  width : 100%;
  }
.ftr_side {
  float : left; 
  padding : 4px 20px;
  }
.ftr_mid {
  float : right;
  font-size : x-small;
  padding : 10px 30px;
  text-align : right;
  }
.ftr_mid span {
  padding : 4px 0;
   }
.sig {
  color : #c0c0c0;
  font : italic small-caps x-small verdana, arial, helvetica;
  margin : 0;
  padding : 4px 10px;
  text-align : right;
  width : auto; 
  }
.sig a {
  text-decoration : none;
  }
.sig a:hover {
  text-decoration : none;
  }

/*-------------------------------------------------------------------------------------------------------------------------------
            Validated for quality assurance           http://jigsaw.w3.org/css-validator/             
================================================================= 
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
          _/_/_/   _/                                              _/                  _/       _/                 _/ 
       _/         _/          _/_/_/     _/_/_/     _/_/_/        _/_/_/      _/_/    _/     _/_/    _/_/_/_/ 
     _/         _/        _/    _/   _/_/       _/_/        _/  _/             _/  _/  _/  _/_/_/_/    _/ 
   _/         _/        _/    _/      _/_/       _/_/     _/  _/             _/    _/_/  _/            _/ 
 _/_/_/   _/_/_/    _/_/_/  _/_/_/     _/_/_/      _/    _/_/_/     _/      _/     _/_/_/      _/_/ 
                                                                    
                   _/_/_/                            _/ 
                _/    _/     _/_/       _/_/_/          _/_/_/    _/_/_/       _/_/_/         _í Î ì_
              _/    _/   _/_/_/_/   _/_/      _/    _/    _/   _/    _/    _/_/                (õ-õ)
            _/    _/   _/              _/_/   _/    _/    _/   _/    _/        _/_/               (_)
         _/_/_/       _/_/_/   _/_/_/    _/     _/_/_/   _/    _/    _/_/_/           ooO "-" Ooo
                                                           _/                                   /.-.-.-.-.-.-.-.-.- /  
                                                      _/_/                                     ¯ ¯ ¯ ¯ ¯ ¯ ¯ 
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/