* {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
p, ul, ol {
  margin: 0 0 1em;
}

iframe {
  margin: 1em 0 2em;
}
div.main_bottom_ad {
  margin-top: 0.5em;
  padding-top: 1em;
  border-top: 1px dashed #bbb;
}


body {
  color: #555;
  background-image: url(../img/bg_body.gif);
  font: 85% sans-serif;
  text-align: center;
}
p, li {
  line-height: 200%;
}
li {
  list-style-type: none;
}
a {
  text-decoration: none;
}
a:link, a:visited {
  color: #00e;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #f59;
}

.invisible {
  display: none;
}
.teletype {
  font-family: monospace;
}
.clearer {
  clear: both;
}

#page {
  width: 800px;
  margin: 0 auto;
  border: 1px solid #88a;
  text-align: left;
  background: #fafafa url('/img/main_bg.png') repeat-y;
}

#header {
  border-bottom: 1px solid #dde;
  background-color: #fafafa;
}
#header h1 {
  font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
}
#header .top {
  color: #888;
  font-size: 8pt;
  background-color: #111;
  padding: 2px 4px;
  white-space: nowrap;
  overflow: hidden;
  height: 6px;
}
#header .bottom {
  padding: 20px 8px;
}
#header .bottom a, #header .bottom a:visited,  #header .bottom a:active {
  color: #55f;
}

#path {
  background-color: white;
  border-bottom: 1px solid #bbb;
  padding: 4px 8px;
}

#menu {
  width: 210px;
  float: left;
}
#menu div.content {
  padding: 2em 0 4em 1em;
  border-left: 1px solid #def;
}
#menu h2 {
  font-size: 110%;
  color: #bbb;
  margin-bottom: 1em;
  margin-right: 1em;
  border-left: 6px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 0.1em 0.2em;
}
#menu h3 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#menu li {
  list-style-type: none;
  margin-bottom: 0.2em;
}
#menu ul {
  margin-bottom: 2em;
}

#main {
  margin-left: 210px;
}
#main div.content {
  padding: 1em 3em 20em;
  border-right: 1px solid #def;
}
#main h2 {
  border-left: 8px solid #4ca;
  border-bottom: 1px solid #4ca;
  font-size: 130%;
  padding: 0.2em 0.4em;
  margin: 1em 0 1.5em;
}
#main h3 {
  font-size: 125%;
  margin-bottom: 0.8em;
  font-weight: bold;
}
#main h3 a:hover {
  text-decoration: none;
  border-bottom: 1px solid #00e;
}
#main h3 a:active {
  text-decoration: none;
  border-bottom: 1px solid #f59;
}
#main h4 {
  font-size: 105%;
  margin-bottom: 0.5em;
  font-weight: bold;
}
#main ol {
  margin-left: 2em;
}
#main ol li {
  list-style-type: decimal;
}
#main div.section {
  margin-bottom: 1em;
}
#main div.subsection {
  border-top: 1px dashed #bbb;
  padding-top: 1em;
  margin-bottom: 1em;
}
#main div.first {
  border-top: 0;
  padding-top: 0.5em;
}
#main a.imgLink img {
  padding: 4px;
  border: 1px solid #eee;
}
#main a:hover.imgLink img {
  border: 1px solid #00e;
  background-color: #eef;
}

#footer {
  clear: both;
  border-top: 1px solid #dde;
  text-align: center;
  font-family: "Trebuchet MS", sans-serif;
}
#footer .navi {
  background-color: white;
  border-bottom: 1px solid #dde;
  padding: 16px 0;
}
#footer .navi li {
  display: inline;
  border-left: 1px solid silver;
  padding: 0 0.5em;
}
#footer .navi li.first {
  border-left-width: 0;
}
#footer address {
  color: #888;
  text-align: right;
  font-style: normal;
  background-color: #111;
  padding: 4px 6px;
}

div.moreLink {
  text-align: left;
}
h2 img, h3 img {
  vertical-align: middle;
  margin-right: 4px;
}
a.nonLink {
  color: inherit;
  background-color: inherit;
  border-width: 0;
  margin: 0;
}
ul.navi li {
  display: inline;
  border-left: 1px solid silver;
  padding: 0 0.5em;
}
ul.navi li.first {
  border-left-width: 0;
}
.clrTitle {
  color: #888;
}
.clrFlower {
  color: #f39;
}
.clrC {
  color: #f7a;
}
.clrNew {
  color: #f7a;
  font-weight: bold;
}
.clrModi {
  color: #aaa;
}
.exMsg {
  margin: 0.5em;
  font-weight: bold;
  color: #44ee44;
}
.note {
  margin: 0.5em;
  font-size: 0.8em;
}
div.jumptop {
  margin: 3em 0;
  font-size: 0.9em;
}
.marker {
  color: #2ca;
}
.tileCell {
  float: left;
  margin: 0 20px 1em 0;
}
img.counter {
  visibility: hidden;
}
ul.items {
  margin: 0.5em 0 1.5em;
}
ul.items li, div.history ul li {
  margin-left: 1.5em;
  list-style-type: disc;
}
span.email img {
  vertical-align: middle;
}


.clickdonations {
  margin: 2em 0;
}
.clickdonations div {
  display: block;
  margin-bottom: 10px;
}