html { margin: 0; padding: 0 }
body { margin: 0; padding: 2.25em 0;
  color: #fff; background: #000;
  font-family: Georgia,"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 100% }

div#panel { margin: 0 10%; padding: 0 0 1.44em; color: #000; background: #ffffd4; -moz-border-radius: 12px }
html>head+body div#panel { margin: 0 auto; width: 94%; max-width: 45em }

div#content { margin: 1.875em 1.875em 0; color: #006; background: #ffffd4 }

h1 {
  font-size: 1.465em;
  margin: 0;
  padding: 12px 7px 13px;
  color: #000;
  background: #99e0ff none;
  border-bottom: solid #666 1px;
  -moz-border-radius: 12px 12px 0 0 }
h2 { margin: 22px 0 0; color: #006; background: #ffffd4; font-size: 1em }
h1,h2,p.botmenu a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px }
p b { font-family: Arial,Helvetica,sans-serif }
h1,p.botmenu { text-align: center }

p.botmenu { margin: 1.375em 0 0 }
p { font-size: 1em }

body,p { line-height: 1.16 }
body,div { text-align: left }
p { text-align: justify }

p.note {
  margin-left: 40px;
  margin-right: 40px;
  color: #f00;
  background: #ffffd4
}
span.note { color: #f00; background: #ffffd4 }

a:link, a:visited, a:active  { color: #00f; background: #ffffd4; text-decoration: underline }
p.botmenu a { font-size: 1.07em }
a { white-space: nowrap }

body p.botmenu a:link,body p.botmenu a:visited {
  font-size: 1.07em;
  border-top: #666 1px solid;
  border-left: #666 1px solid;
  border-bottom: #000 1px solid;
  border-right: #000 1px solid;
  padding: 5px 7px;
  color: #000;
  background-color: #a5b9e9;
  background-image: url(button.png);
  background-position: top center;
  background-repeat: repeat-x;
  font-weight: bold;
  text-decoration: none
}

body p.botmenu a:hover {
  color: #fff;
  background-color: #3358ca;
  background-image: url(button2.png)
}