/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

th, td { text-align: left; }

/* --- Typography --- */

body, p {
  line-height: 22px;
  font-size: 14px;
  font-family: Verdana, Geneva, sans-serif;
}

p {
  padding-bottom: 22px;
}

h1 {
  line-height: 44px;
  font-size: 32px;
  padding-top: 3px;
  padding-bottom: 19px;
  font-family: Georgia, serif;
}

h2 {
  line-height: 22px;
  font-size: 17px;
  padding-bottom: 22px;
  font-family: Verdana, Geneva, sans-serif;
}

h3 {
  line-height: 44px;
  font-size: 17px;
  font-family: Verdana, Geneva, sans-serif;
}

a {
  color: #6c7657;
}

.grid-c2 a:hover {
  background-color: #6c7657;
  color: #ffffff;
  text-decoration: none;
}

.FontJazz-headline {
  padding-bottom: 16px;
  overflow: hidden;
}

pre {
  font-family: Courier New, monospace;
  font-size: 11px;
  line-height: 15px;
  border: dotted 1px #aaa;
  padding: 4px;
  margin-bottom: 22px;
}

em {
  font-style: italic;
}

ul {
  margin-left: 22px;
}

ul li {
  list-style-position: outside;
  margin-bottom: 22px;
}

acronym {
  border-bottom: dotted 1px #aaa;
  cursor: help;
}

hr {
  border-top: solid 1px #a8ad97;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin-top: 22px;
  margin-bottom: 21px;
  padding: 0;
}

/* --- Grid --- */

.grid {
  width: 721px;
  margin: auto;
  text-align: left;
}

.grid-c1 {
  float: left;
  width: 230px;
}

.grid-m2 {
  float: left;
  width: 30px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 430px;
  padding-top: 17px;
}

/* --- Layout --- */

body, html {
  height: 100%;
  text-align: center;
}

.grid-layout {
  margin: 0 auto;
  min-height: 100%;
  min-width: 720px;
  background-image: url(img/backdrop.gif);
  background-repeat: repeat-y;
  background-position: center top;
}

* html .grid-layout {
  height: 100%;
}

.grid-layout-hd, .grid-hd {
  height: 119px;
  background-image: url(img/header.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #a8ad97;
}

.grid-layout-ft-pad, .grid-layout-ft, .grid-ft {
  height: 53px;
}

.grid-layout-ft {
  margin-top: -53px;
}

/* --- Footer --- */

div.footer {
  width: 720px;
  height: 53px;
  background-color: #e6e6e6;
}

div.footer div {
  color: #888;
  font-size: 11px;
  text-align: center;
  border-top: solid 1px #fff;
  padding-top: 14px;
}

/* --- Navigation --- */

div.menu {
  padding-top: 22px;
}

div.menu a {
  display: block;
  height: 22px;
  text-decoration: none;
  color: #253504;
  background-image: url(img/menu-item.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

div.menu a:hover {
  background-color: #eee;
}

div.menu div.active {
  background-color: #d3d6cb;
  color: #253504;
  font-weight: bold;
  background-image: url(img/menu-active.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

div.menu a, div.menu div.active {
  padding-left: 30px;
}

/* --- Flasher --- */

.flasher {
  border: dotted 1px #000;
  padding: 10px;
  margin: 0px 0px 22px 0px;
}

.flasher.notice {
  border-color: #0000ff;
  background-color: #ccddff;
}

/* --- Font Preview --- */

div#font-preview-wrapper { border: dotted 1px #ccc; padding:15px; overflow:hidden; margin:30px 0px; }
div#font-preview-wrapper.png { background-image: url(/img/preview-bg.gif); background-position: top left; background-repeat: repeat-y; }
div#font-preview { width:10000px; }

/* --- FAQ --- */

ul.faq li { margin-bottom: 0px; }
ul.faq li a { text-decoration: none; }
ul.faq { margin-bottom: 22px; }

/* --- Color Selector --- */

input.color {
  font-family: Courier New, monospace;
  width: 60px;
}

input.color.disabled {
  color: #777 !important;
  background-color: #aaa !important;
}

/* --- Donate --- */

form.donate { text-align:center; padding:10px; border:dotted 1px #999; margin-top:8px; }

/* --- NOTICE --- */

.grid-c1 div.notice { padding:30px 30px 0px 30px; }
.grid-c1 div.notice * { line-height:15px; font-size:11px; }
.grid-c1 div.notice h5 { font-weight:bold; color:#000; padding:8px 0px 0px 0px; }
.grid-c1 div.notice p { padding:8px 0px 0px 0px; }