
    
   html { height: 100%; }
   body { height: 100%; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 0px; background: #FEFEF9; }
 
   div#wrapper {
       height: 100%; margin: 0px auto; 
	   border: 0px dashed #003333;
   }
 
   div#container {
       position: relative; float: none;
	   min-height: 100%; height: auto !important; height: 100%; min-width: 984px; width: 100%;  
	   background: #FEFEF9;  border: 0px dashed green;
   }
 
   div#container:after {
       content: ""; display: block; height: 0; clear: both; visibility: hidden;
   }
   
   img#logo {
       display: block; position: absolute; left: 55px; top: 25px; width: 180px; height: 95px; z-index: 101;
	   background: url(../images/logo_03.png) no-repeat 0% 0%; border: 0px dashed #000;
   }
 
   div#header {
       display: block; position: relative; z-index: 100;
	   height: 151px; margin: 0px 195px 0px 53px; border: 0px dashed #000;
	   background: #FEFEF9 url(../images/h_03.jpg) no-repeat center top; 
   }
 
   div#r-side {
       float: right; margin: 50px 0px 0px 0px; height: 200px; width: 200px; 
       min-height: 200px; height: auto !important; height: 200px; padding: 0px 0px 0px 20px;
	border: 0px dashed #000
   }
 
   div#l-side {
       float: left;
	   min-height: 300px; width: 53px; padding: 0px 0px 120px 0px;
	   border: 0px dashed #000; background: url(../images/left_03.jpg) repeat-y right;
   }

   div#content {
       position: relative; min-height: 300px; padding: 20px 60px 250px 20px;
       border: 0px dashed green; margin: 0px 195px 0px 53px; z-index: 100;
	word-spacing: 3px; line-height: 18px;
   }
   
   div#inner {
       padding: 0px 20px 0px 15px; 	   
       border: 0px dashed green; text-align: justify;
   }
 
   img#lb {
       position: absolute; left: 0px; bottom: 0px; height: 459px; width: 205px; 
   }
   
   img#eyes {
       position: absolute; left: 24px; bottom: 255px; height: 18px; width: 24px; z-index: 102;
   }
   
   img#rb {
       position: absolute; right: 0px; bottom: 0px; height: 465px; width: 340px;
   }
 
   div#footer {
       position: absolute; bottom: 0px; left: 0px;
	   height: 412px; width: 100%; 
	   border: 0px dashed #993300;
	   background: url(../images/b_12.jpg) repeat-x bottom;
	   font: 11px Arial, Helvetica, sans-serif; color: #A0A0A0;
   }
 
   #document-fixed body { width: 980px; margin: 0px auto; }

/* --------------------------------------------------------------------------------------------
   Menu
   -------------------------------------------------------------------------------------------- */ 
   
   ul#menu {
          display: block; float: left; width: 100%;
	  min-height: 30px; height: auto !important; height: 30px;
	  margin: 0px 0px 0px 15px; padding: 0px; list-style: none;
	  font: normal 12px Verdana; color: #990000; line-height:16px;
   }
   
   ul#menu li {
      display: block; float: left; margin: 0px 15px 0px 0px; list-style: none; text-align: center;
   }
   
   ul#menu li img {
      display: block; margin: 0px auto; height: 27px;  border-width: 0px;
   }
   
   ul#menu  a {
      text-decoration: none; color: #604040;
   }
   
   ul#menu:after {
      content: ""; display: block; height: 0; clear: both; visibility: hidden;
   }
   
 
   ul#v-menu {
      display: block; 
	  min-height: 30px; height: auto !important; height: 30px;
	  margin: 0px 0px 0px 0px; padding: 0px; list-style: none;
	  font: 12px Arial, Helvetica, sans-serif; color: #990000;
   }
   
   ul#v-menu li {
      display: block; margin: 0px 0px 10px 0px; list-style: none; text-align: center; border: 0px dashed #000;
   }
   
   ul#v-menu li img {
      display: block; border-width: 0px; margin: 0px auto; height: 27px;
   }
   
   ul#v-menu  a {
      text-decoration: none; color: #604040;
   }
   
   div#c-line {
      float: left; margin: 0px 0px 10px 0px; width: 100%; border-bottom: 2px solid #e6e6e6;;
   }
   
   ul#years {
      display: block; list-style: none; float: left; margin: 0px; padding: 0px; border: 0px dashed #000;
	  font: 12px Arial, Helvetica, sans-serif;
   }
   
   ul#years li {
      display: block; list-style: none; float: left; margin: 0px 10px 0px 0px; padding: 2px 2px 5px 2px;
   }
   
   ul#years li.active {
      background: #e6e6e6;
   }
   
   ul#years a {
      text-decoration: none; color: #404040
   }
 
   h2#cat {
      float: left; margin: 0px; padding: 2px 20px 5px 0px ; border: 0px dashed #000;
	  color: #404040; font: 12px Arial, Helvetica, sans-serif;
   }  
 
   ul#b-menu {
      display: block; position: absolute; left: 60px; bottom: 100px; z-index: 100; float: left;
	  list-style: none; font: 12px Arial, Helvetica, sans-serif; color: #C07070;
	  border: 0px dashed #000;
   }
   
   ul#b-menu a {
      color: #A0A0A0;
   }
   
   ul#b-menu li {
      display: block; float: left; list-style: none; margin: 0px 10px 0px 0px;
   }

   ul#lang {
      display: none; /* block; */ position: absolute; right: 320px; bottom: 100px; z-index: 100;
	  list-style: none; font: 12px Arial, Helvetica, sans-serif; color: #C07070;
	  border: 0px dashed #000;
   }
   
   ul#lang a {
      color: #A0A0A0;
   }
   
   ul#lang li {
      display: block; float: left; list-style: none; margin: 0px 10px 0px 0px;
   }

/* --------------------------------------------------------------------------------------------
   Miscellaneous
   -------------------------------------------------------------------------------------------- */
   
   h2 {
      padding: 10px 0px 0px 15px; 
	  font: 22px Verdana, Arial, Helvetica, sans-serif; color: #B6403E;
   } 
   
   h3 {
      padding: 0px 0px 0px 0px; font: 18px Verdana, Arial, Helvetica, sans-serif; color: #B6403E; 
	  border: 0px dashed #000;
   }
 
   ul#bottom-menu  { position: absolute; bottom: 110px; width: 100%; text-align: center }
   
   div#developer   { position: absolute; bottom: 45px; left: 100px; z-index: 1000; font: 11px Arial, Helvetica, sans-serif; color: #A0A0A0; }
   div#developer a { color: #C07070; }
   
   div#path {
       padding: 8px 0px 5px 15px; clear: both; margin: 70px 0px 0px 0px;
	   text-align: left; font: 12px Arial, Helvetica, sans-serif;
	   background: #F2F2EF;
   }
   
   div#path img {
       vertical-align: middle; border: 0px solid #000000;
   }
   
   div#path a {
       color: #000000; text-decoration: none;
   }
   
   ul#submenu, ul#submenu li {
       display: block; list-style: none;
   }
   
  
   ul#submenu {
      border-bottom: 0px solid #F2F2EF; width: 100%; padding: 5px 0px 5px 0px;
	  font: 12px Verdana, Arial, Helvetica, sans-serif;
   } 

   ul#submenu li {
       margin: 7px 0px 6px 10px; font-weight: bold; color: #606060;
   }
   
   ul#submenu a {
       color: #606060; font-weight: normal;
   }   

/* --------------------------------------------------------------------------------------------
   News
   -------------------------------------------------------------------------------------------- */   
   div#news {
       display: block; padding: 10px 10px 0px 10px; background: #F6F6F6; color: #606060; 
	   line-height: normal;
   }
   
   div#news .separator {
       display: block; border: 0px dashed #000; margin: 0px; padding: 0px;  position: relative; top: -15px;
	   background: url(../images/sep_03.jpg) repeat-x center; height: 7px; 
   }

  
   div.news-description {
		display: block; position: relative; top: -15px; padding: 0px 0px 5px 0px;
		font-size: 12px; color: #4F4F4F; 
   }


/* --------------------------------------------------------------------------------------------
   Pic
   -------------------------------------------------------------------------------------------- */
   
   img#pic {
       position: absolute; right: 34px; top: 231px; width: 149px; height: 177px; z-index: 101
   }  
   
   img#p-n {
       position: absolute; right: 34px; top: 168px; width: 162px; height: 63px; background: url(../images/pr_03.png) no-repeat; z-index: 101
   }   
   img#p-e {
       position: absolute; right: 0px; top: 214px; width: 34px; height: 209px; background: url(../images/pr_05.png) no-repeat; z-index: 101
   }   
   img#p-s{
       position: absolute; right: 34px; top: 408px; width: 151px; height: 67px; background: url(../images/pr_10.png) no-repeat; z-index: 101
   }   
   img#p-w {
       position: absolute; right: 183px; top: 231px; width: 13px; height: 243px; background: url(../images/pr_08.png) no-repeat; z-index: 101
   }  
   
 
  .main_form {width: 250px; margin: 0px;}
   img {border: 0px;}
   form {margin: 0px; padding: 0px;}
   input, select, textarea {
	  font: 11px Arial, Helvetica, sans-serif; 
	  background: #FFFFFF; 
	  border: 1px solid #C8C8C8;
	  text-decoration: none !important;
   }
      
   a { outline: none }

  
