* { margin:0; padding:0; }
img { border:0; margin:4px; }
a { outline:none; }

body { text-align:center; margin:30px; background:#fff; color:#222; }

#title { margin:20px; }
#title h1 { font:20pt Georgia; color:#000; }
#title h2 { font:14pt Georgia; color:#222; }
#title h3 { font:10pt Georgia; color:#888;}

#content {
  width:496px;
  margin: 0 auto;
  border:1px solid #DDD;
  }
#content .inner {
  width:470px;
  margin: 0 auto;
  border:1px solid #FFF;
  padding:12px;
  text-align:left;
  font:10pt Georgia;
  word-spacing:2px;
  color:#222;
  background:#f3f3f3;
  padding:12px;
  }

a { color:#888; text-decoration:none; }
a:hover, #content a:focus { color:#000; text-decoration:underline; }
#content p { text-indent:1em; margin-bottom:12px;}
#content i { font-size: 9pt; }
#content .inner div { margin:4px 12px; }

a.download {
  padding-left:20px; line-height:20px;
  background:url(download.png) no-repeat top left;
}

hr {
  border:none;
  border-top:1px solid #DDD;
  border-bottom:1px solid #FFF;
  height:2px;
  margin:12px;
  _margin:-6px 12px 6px 12px;
  }

.tabs li { list-style:none; }
.tabs a {
  display:block;
  float:left;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
}
.tabs .selected a { margin-bottom:0; }
.tabs p { padding:10px 3px; clear:left; }

#tab1 a {
  color:#444;
  background:#EEE;
  }
#tab1 a:hover {
  color:#FFF;
  background:#888;
  }
#tab1 .selected a {
  color:#000;
  background:#DDD;
  border-bottom:1px solid #DDD;
  }
#tab1 p { background:#DDD; }


#tab2 a {
  color:#FFF;
  background:#444;
  }
#tab2 a:hover {
  color:#FFF;
  background:#111;
  }
#tab2 .selected a {
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  }
#tab2 p { background:snow; }