* { margin: 0; padding: 0; } 
  body { color: #000; background: #EFEFEF url('flower-pattern.jpg') repeat fixed; font: 12pt Verdana,sans-serif; color: #111; }

  a  { text-decoration: none; }
  h1,h2,h3 { color: #333;  padding: 0px 9px 0px 9px; margin: 0px 15px;  }
  h1 { font: italic normal 38pt Georgia,serif; color: #333; }
  h2 { font: italic bold 24pt Georgia,serif; padding: 0;  margin: 0px 12px; border-bottom: 3px dotted #555;  }
  h3 { font: italic normal 24pt Georgia,serif; border-bottom: 1px dotted #555; }
  h4 { font: bold 14pt Verdana, sans-serif; }
  p { margin: 1.1em; text-align: justify; }
  span { font-style: italic; }
  hr { border-top: 1px dashed #333; width: 100%;  height: 1px; color: #FFF; background: #FFF; margin: 19px 0px; }
  abbr { border-bottom: 1px dotted #333; cursor: help; }
  q { color: #800; font-style: italic; }
  table { margin: auto; }
  textarea { font: 10pt monospace;  background: #600; color: #FFF; display: block; 
             width: 548px; height: 160px; margin: auto; }

  dl { margin-bottom: 1em; }           
  dt { margin: 12px 0px 0px 15px;  font-weight: bold; background: #EDD; padding: 1px 10px; color: #111;  }
  dd { margin: 3px 30px; padding-left: 0px; text-align: justify; font: 12pt Arial,sans-serif;  }
  dd:before { content: "★  "; font-size: 9pt; }
  dd span, dd i { font-weight: bold; color: #800; }
  ul { margin: 1.1em; list-style-type: "★ ";  }
  li { text-align: justify; margin: 3px 9px 9px 1em; border-bottom: 1px dashed #CCC; padding-bottom: 9px;  }

  #content { margin: auto; border: 1px solid black; border-width: 0px 1px; background: #FFF; width: 700px; box-shadow: 0px 0px 30px 1px #000;  }

  .left { float: left; margin: 3px 12px 3px 7px; border-radius: 11px; }
  .right { float: right; margin: 3px 7px 3px 12px; border-radius: 11px; }
  .center { display: block; margin: auto; text-align: center; }
  .hard-left { float: left; margin: 3px 12px 3px -1px; border-radius: 0px 11px 11px 0px; }
  .hard-right { float: right; margin: 3px -1px 3px 12px; border-radius: 11px 0px 0px 11px; }

  .borderize { border: 1px solid black; }
  .underline { text-decoration: underline; }

  #linklist { height: 30px; margin: 1.1em 11px 1px 11px; }
  #linklist a { display: block; width: 160px; text-align: center; padding: 1px;  
                text-decoration: none; border: 1px dotted #339; float: right; margin: 5px; 
                font: bold 11px Arial,sans-serif; color: #00D; }
  #linklist a:hover { background: #91668d; color: #FFF; }
  .maillink { text-align: right; font: italic 11pt serif; color: #008; padding: 1.1em; }