@charset "iso-8859-1";

/*                         _      _ 
                        o'  \.=./  `o  
                           (o¯o)
--------------------ooO---=---Ooo---------------------
                     css start                         
==============================*/
* { 
  margin : 0;
  padding : 0;  
  }
body {
  background : url(img/bg_1.gif) repeat-x #ebeef3;
  color : #333;
  font : 11px georgia, verdana, arial;
  min-width : 980px;
  }
#wrapper {
  border-left : 1px solid #e0e6eb;
  border-right : 1px solid #e0e6eb;
  height : 100%;
  margin : 0 6%;
  }
#container {
  background : #fafafa;
  padding : 0 10px;
  width : 98%;
  }	
.cntnr {
  height : 100%;
  padding : 0 10px;
  }
/*--------------------------------------------------------- */
/*                     general                         */
/*=============================*/
a { 
  color : #004c99;
  text-decoration : none;
  } 
a:hover { 
  color : #3282c8;
  text-decoration : none;
  } 
form { 
  margin : 0;
  padding : 0;
  }
hr {
  color : #96aab4;
  height : 1px;
  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 #96aab4;
  padding : 3px;
  margin : 3px;
  }
.left { 
  text-align : left;
  } 
.right { 
  text-align : right;
  } 
.sm_cp {
  font-variant : small-caps;
  }
/* buttons for all pages */
.button {
  background : url(img/menu.gif) repeat-x;
  border : 1px inset #8c8073;
  color : #004c99; 
  font-weight : bold;
  } 
.btn_ovr {
  background : url(img/menu.gif) repeat-x;
  border : 1px inset #a3998f;
  color : #3282C8;
  font-weight : bold;
  } 
.btn_dwn {
  background : url(img/menu.gif) repeat-x;
  border : 1px inset #f0f0f0;
  color : #003080;
  font-weight : bold;
  }

/*--------------------------------------------------------- */
/*                      header                         */
/*=============================*/
#header {
  background : #aaa;
  font-weight : 700;
  width : 100%;
  }
.hdr_1 {
  background : url(img/bg_3.gif) repeat-x bottom;
  height : 50px;
  padding-top : 20px;
  }
.hdr_1a {
  float : left;
  padding-left : 20px;
  width : 40%;
  }
.hdr_2 {
  height : 14px;
  float : right;
  margin-top : 10px;
  text-align : center;
  width : 40%;
  }
.hdr_3 {
  background : url(img/bg_4.gif) repeat-x bottom;
  color :  #f1f1f1;
  height : 150px;
  }
.hdr_3a {
  float : left;
  left : 10px;
  position : relative;
  top : 4px;
  }
.hdr_3a img {
  border : 1px outset #ccc;
  }
.hdr_3b {
  left : 45px;
  position : relative;
  top : 20px;
  }
.hdr_3c { 
  left : 50px;
  position : relative;
  top : 30px;
  }
.hdr_3d {
  position : relative;
  left : 450px;
  top : 40px;
  width : 40%;
  }
  
/*--------------------------------------------------------- */
/*                        left                             */
/*=============================*/
#nav_left {
  clear : both;
  float : left;
  padding : 8px;
  width : 23%;
  wid\th : 20%;
  }
.title_bar { 
  background : url(images/menu.gif);
  border : 1px solid #ccc; 
  border-bottom : 0;
  color : #004c99;
  font : 600 0.85em "times new roman", verdana, arial, helvetica, sans-serif;
  padding : 2px;
  text-align : center;
  }
.box {
  border : 1px solid #ccc; 
  color : #333;
  font-size : x-small;
  font-s\ize : small;
  font-style : italic;
  line-hei\ght : 14px;
  padding : 4px 8px;
  }
.box2 {
  border : 1px solid #ccc; 
  color : #333;
  text-align : center;
  }
.box3 {
  background : #f0f0f0;
  border : 1px solid #ccc; 
  height : 70px;
  padding : 5px 0;
  text-align : center;
  }
  
/*  left navigation */
.menu2 {
  border : 1px solid #ccc; 
  font : 500 0.80em verdana, arial, helvetica, sans-serif;
  list-style: none;
  padding-ri\ght : 3px;
  width : 100%;  /* ie5 */
  wid\th : 97%;
  }
.menu2 a {
  border-bottom : 0.1em solid #ccc;
  border-left : 0.3em solid #e5e5e5;
  border-right : 0.3em solid #e5e5e5;
  color :  #004c99;
  display : block;
  padding : 0.3em 0 0.2em 1.2em;
  text-align : left; 
  text-decoration : none;
  width : 100%;
  wid\th : 88%;
  }
.menu2 a:hover {
  background : #e5e5e5;
  border-bottom : 0.1em solid #ccc;
  border-left : 0.3em solid #ccc;
  border-right : 0.3em solid #ccc;
  color : #3282C8;
  text-decoration : none;
  width : 100%;
  wid\th : 88%;
  }
  
/*--------------------------------------------------------- */
/*                      content                         */
/*=============================*/
#content {
  float : right;
  padding : 10px 0;
  width : 75%;
  }
#content h3 {
  padding : 20px 0 4px 0;
  text-align : center;
  }
#content p {
  line-height : 18px;
  text-align : justify;
  }
/* billboard for index */
#contentwrapper {
  background : url(img/bg_cntnr.gif) repeat-x;
  border : 1px solid #eee;
  border-bottom : 0;
  float : right;
  height : 200px;
  margin : 0 0 6px 10px;
  padding : 5px;
  width : 150px;
  }
.billcontent {
  display : block;
  width : 100%;
  }
#billboard0 {
  font : 500 16px arial, verdana, helvetica, sans-serif;
  text-align : center;
  }
#billboard0 span {
  font : 500 12px "times new roman", arial, helvetica, sans-serif;
  }
#billboard1 {
  font : 500 10px verdana, arial, helvetica, sans-serif;
  text-align : left;
  }
#billboard1 a {
  text-decoration : underline;
  }
#billboard1 span {
  font-style : italic;
  }
#billboard2 {
  font : 700 16px  "times new roman", arial, helvetica, sans-serif;
  padding-top : 10px;
  text-align : center;
  }
.i_dtitle {
  border-bottom : 1px solid #96aab4;
  color : #004c99;
  margin : 10px 0;
  }
.i_d2 {
  padding : 4px 0;
  width : 100%;
  }
.i_d3 {
  background : url(img/bg_mn.gif) repeat-x bottom;
  border-left : 1px solid #eee;
  border-top : 1px solid #eee;
  float : left;
  text-align : justify;
  width : 32%;
  }
.f_box {
  color : #333; 
  height : 145px;
  }
.p_sub {
  padding : 2px 10px;
  text-align : right;
  }
.btn {
  color :  #004c99;
  background : transparent;
  border : 0;
  font : x-small georgia, verdana, arial, helvetica;
  }
.btn_h {
  background : transparent;
  border : 0;
  color : #3282c8;
  cursor : pointer;
  font : x-small georgia, verdana, arial, helvetica;
  }
  
/* for news feed on index */
#rss_feed {
  background : #f0f0f0;
  border : 1px solid #ccc; 
  height : 150px;
  margin-top : 50px;
  overflow : auto;
  padding : 5px;
  }
#rss_title {
  font : 500 0.70em verdana, arial, helvetica, sans-serif;
  margin : 0;
  padding : 0;
  }
#rss_title h3 {
  text-align : center;
  }
#rss_body {
  font : 500 0.75em verdana, arial, helvetica, sans-serif;
  }
#rss_body span {
  color : #435587;
  font-size : larger;
  }
#rss_ftr {
  padding : 2px;
  text-align : right;
  width : 81%;
  }
.rss_date {
  color : gray;
  font-size : 85%;
  }
.rss a {
  text-decoration : none;
  }
  
/* for profile page */
.c_box { 
  background : #f0f0f0;
  height : auto;
  border : 2px inset #c0c0c0; 
  padding : 5px 15px;
  width : 96%;
  }
.c_b1 { 
  margin : 10px;
  } 
.c_b2 { 
  float : left;
  padding : 0 10px;
  width : 60%;
  } 
.c_b3 {	
  border-left : 1px solid #96aab4;
  float : right;
  padding-left : 20px;
  width : 170px;
  }
.c_marq {
  font : 600 1.50em "times new roman", verdana, arial, helvetica;
  padding : 10px 0;
  text-align  : center;
  }
  
/*--------------------------------------------------------- */
/*                      footer                         */
/*=============================*/
#footer {
  clear : both;
  width : 100%;
  }

/* footer box complex */
.ftr { 
  background : url(img/bg_special.jpg) repeat-x;
  border : 1px solid #eee;
  border-bottom : 0;
  color : #333;
  height : 145px;
  width : 100%;
  }
/* footer box complex */
.ftr_top {
  color : #6f5840;
  height : 20px;
  padding-top : 4px; 
  text-align : center;
  }
.ftr_side {
  float : left; 
  padding : 4px 20px;
  }
.ftr_mid {
  float : right;
  padding : 10px 30px;
  text-align : right;
  }
.ftr_mid span {
  color : #888;
  font-size : smaller;
  padding : 4px 0;
   }

/* /\/\/\/\/\/\/\/ do not remove \/\/\/\/\/\/ */
.sig {
  color : #333;
  font : italic small-caps x-small verdana, arial, helvetica;
  margin : 0;
  padding : 4px 0 0 20px;
  text-align : right;
  width : auto; 
  }
.sig a {
  color : #004c99;
  text-decoration : none;
  }
.sig a:hover {
  color : #3282C8;
  text-decoration : none;
  }
  
  
/*-------------------------------------------------------------------------------------------------------------------------------
            Validated for quality assurance           http://jigsaw.w3.org/css-validator/             
================================================================= 
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
          _/_/_/   _/                                              _/                  _/       _/                 _/ 
       _/         _/          _/_/_/     _/_/_/     _/_/_/        _/_/_/      _/_/    _/     _/_/    _/_/_/_/ 
     _/         _/        _/    _/   _/_/       _/_/        _/  _/             _/  _/  _/  _/_/_/_/    _/ 
   _/         _/        _/    _/      _/_/       _/_/     _/  _/             _/    _/_/  _/            _/ 
 _/_/_/   _/_/_/    _/_/_/  _/_/_/     _/_/_/      _/    _/_/_/     _/      _/     _/_/_/      _/_/ 
                                                                    
                   _/_/_/                            _/ 
                _/    _/     _/_/       _/_/_/          _/_/_/    _/_/_/       _/_/_/         _í Î ì_
              _/    _/   _/_/_/_/   _/_/      _/    _/    _/   _/    _/    _/_/                (õ-õ)
            _/    _/   _/              _/_/   _/    _/    _/   _/    _/        _/_/               (_)
         _/_/_/       _/_/_/   _/_/_/    _/     _/_/_/   _/    _/    _/_/_/           ooO "-" Ooo
                                                           _/                                   /.-.-.-.-.-.-.-.-.- /  
                                                      _/_/                                     ¯ ¯ ¯ ¯ ¯ ¯ ¯ 
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/