* {
      font-family: verdana,arial,tahoma,helvetica,"sans serif";
   }
   body {
      background:      #f0f0f0 url("images/background_f0f0f0.jpg") 0 0 no-repeat fixed;
      margin:          0;
      /* padding:         80px 0px 0px 0px; */
      padding:         0;
      color:           #555;
      font-size:       15px;
      height:          100%; /* enable 100% height children */
   }
   h2 {
      /* color:           #888; */
      color:           #72602a;
      text-align:      center;
      font-weight:     bold;
      margin-top:      0px;
      text-shadow:     2px 2px 3px #aaa;
   }
   span {
      display:         none;
      visibility:      hidden;
   }
   a {
      color:           black;
      text-decoration: none;
      text-shadow:     1px 1px 1px #aaa;
   }
   a:hover {
      color:           white;
      background:      #aaa;
   }
   a.selected {
      background:         #eee url("images/background_eee.jpg") 0 0 no-repeat fixed;
      box-shadow:             2px  2px  5px #999;
      -moz-box-shadow:        2px  2px  5px #999;
      -webkit-box-shadow:     2px  2px  5px #999;
      -khtml-box-shadow:      2px  2px  5px #999;
      border-radius:         10px;
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius:  10px;
   }
   div.containerVert {
      /* background:      #f0f0f0 url("images/background_f0f0f0.jpg") 0 0 no-repeat fixed; */
      margin:  0 ; padding:   0 ;
      top:     0 ;    left:   0 ;
      width: 100%;  height: 100%;
      /*position: fixed;*/
      display: table;
   }
   div.containerInner {
      display:         table-cell;
      vertical-align:  middle;
      height:          100%; /* enable 100% height children */
   }   
   div#header {
      background:       #846d27 url("images/background_846d27.jpg") 0 0 no-repeat fixed;
      color:                 gold; /* #ffc700; /*e0af00;  */
      height:                74px;
      margin-left:           40px;
      margin-right:          40px;
      padding:               40px;
      box-shadow:             0px  0px 30px #862;
      -moz-box-shadow:        0px  0px 30px #862;
      -webkit-box-shadow:     0px  0px 30px #862;
      -khtml-box-shadow:      0px  0px 30px #862;
      border-radius:         40px;
      -moz-border-radius:    40px;
      -webkit-border-radius: 40px;
      -khtml-border-radius:  40px;
   }
   div#header img , div#header span {
      float:                   left;
      margin-right:          40px;
   }
   div#content {
      margin-top:            40px;
      margin-left:             auto;
      margin-right:            auto;
      width:                900px; /* mutable via js */
      height:               100%; /* enable 100% height children */
   }
   div#left {
      clear:                   left;
      float:                   left;
   }
   div.menu {
      /*clear:                   left;
      float:                   left;*/
      width:                150px;
      text-align:              left;
   }
   div#index {
      width:                170px;
      text-align:              left;
      padding:               30px;
      font-size:             90%;
   }
   div#related {
      height:                70%; /* enable 100% height children */
      /*height: mutable via js */
   }
   div.body {
      margin-left:          270px;
   }
   div.menu , div.body {
      position:                relative;
      background:         white url("images/background.jpg") 0 0 no-repeat fixed;
      padding:               40px;
      box-shadow:             0px  0px 10px #ccc;
      -moz-box-shadow:        0px  0px 10px #d1ad3e;
      -webkit-box-shadow:     0px  0px 10px #ccc;
      -khtml-box-shadow:      0px  0px 10px #ccc;
      border-radius:         40px;
      -moz-border-radius:    40px;
      -webkit-border-radius: 40px;
      -khtml-border-radius:  40px;
      text-align:              justify;
      margin-bottom:         40px;
   }
   div.menu a {
      display:                 block;
      padding:                5px;
      border-radius:         10px;
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius:  10px;
   }
   .body h4 {
      float:                   left;
      display:                 inline;
      /*display:                 inline-block;*/
      background:      #e8e8e8 url("images/background_e8e8e8.jpg") 0 0 no-repeat fixed;
      margin:                 0px 10px 5px 0px;
      padding:               10px;
      font-weight:             normal;
      box-shadow:             2px  2px  5px #999;
      -moz-box-shadow:        2px  2px  5px #999;
      -webkit-box-shadow:     2px  2px  5px #999;
      -khtml-box-shadow:      2px  2px  5px #999;
      border-radius:         10px;
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius:  10px;
   }
   .body h4 a:hover {
      color:                   #999 !important;
      display:                 inline;
      background:              transparent;
   }
   div.copying {
      font-size:             70%;
   }
   pre.quote {
      text-align:              right;
   }
   pre {
      overflow:                auto;
      background:      #e8e8e8 url("images/background_e8e8e8.jpg") 0 0 no-repeat fixed;
      padding:               10px;
      box-shadow:             2px  2px  5px #999;
      -moz-box-shadow:        2px  2px  5px #999;
      -webkit-box-shadow:     2px  2px  5px #999;
      -khtml-box-shadow:      2px  2px  5px #999;
      border-radius:         10px;
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius:  10px;
   }
   div.center {
      display:      table;
      margin-right: auto;
      margin-left:  auto;
      text-align:   center;
   }
   a img {
      border:       0;
   }
   .validator {
      margin:       0;
      display:      inline;
      float:        right;
   }
   iframe {
      border:       0;
      padding:      0;
      margin:       0;
      overflow:     hidden;
   }