body {
  background-color: #f8f7f2;
  padding: 0px;
  margin: 0px;
  font-family: trebuchet ms, tahoma, arial, sans serif;
}

img {
  border: 0px;
}

img, area {
  outline: none;
}

/* Stupid IE Begin */
.f3 img {
  blr: expression(this.onFocus=this.blur());
}
/* Stupid IE End */


.f1 {
  height: 100px;
  background-image: url(images/hdbk.gif);
  background-repeat: repeat-x;
  padding: 0px 0px 0px 200px;
}

.f1a {
  margin: 10px 0px 0px 0px;
  float: left;
  width: 200px;
  height: 90px;
  background-image: url(images/bobopo.gif);
  background-repeat: no-repeat;
}

.f1b {
  float: left;
  padding: 0px 0px 0px 100px;
  margin: 0px;
}

.f1cold {
  float: right;
  width: 100px;
  height: 70px;
  margin: 25px 0px 5px 0px;
  background-image: url(images/stamp.gif);
  background-repeat: no-repeat;
}

.f1c {
  float: right;
  width: 300px;
  height: 72px;
  margin: 20px 0px 8px 0px;
  background-color:transparent;
}

.f2 {
  padding: 0px 0px 0px 200px;
}

.f2a {
  border-top: 1px solid #969480;
  margin: 0px 0px 0px 0px;
  padding: 20px 10px 20px 0px;
}

.f3 {
  position: fixed;
  width: 190px;
  height: 380px;
  top: 0px;
  left: 10px;
}

.f4 {
  padding: 1px 0px 20px 0px;
  margin: 0px 0px 0px 200px;
  border-top: 1px solid #969480;
}

/* for stupid IE 6 begin */
* html .f3 {
  position: absolute;
}
/* for stupid IE 6 end */


.tags {
  padding: 14px 0px 11px 0px;
  min-height: 68px;
}

* html .tags { /* IE 6 sucks */
  height: 68px;
}

.tags .tagarea {
  float: right;
  white-space:nowrap;
  height: 68px;
}

.tags .atcnav {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;  
}

.tags .tagarea .tag {
  float: left;
  width: 68px;
  height: 68px;
  margin: 0px 0px 0px 5px;
  background-repeat:no-repeat;
  background-position:left top;
}

.tags .tag .lab {
  display:none;
  border: 1px solid #969480;
  background-color: #ffe963;
  font-size: 12px;
  font-weight:bold;
  position:relative;
  top:-4px;
  left:2px;
  padding:1px 4px;
  color: #3d3c2b;
  float:right;
}

.tags .tag:hover .lab {
  display:inline;
}


.tags .prev, .tags .next {
  line-height: 18px;
  background-position: left 2px;
  background-repeat:no-repeat;
  font-size: 12px;
  padding: 2px 0px 2px 32px;
}

.tags .prev {
  background-image: url(images/prev.gif);
}

.tags .next {
  background-image: url(images/next.gif);
}

h1, h2, h3, h4, h5 {
}

h1.subject {
  font-size: 18px;
  color: #1d1d15;
  padding: 6px 0px 0px 0px;
  letter-spacing: -1px;
  line-height: 26px;
  border: 0px;
  border-bottom: 1px solid #969480;
  margin: 0px 0px 0px 5px;
}

h1 {
  font-size: 18px;
  letter-spacing: -1px;
  padding: 3px 3px 0px 0px;
  color: #1d1d15;
  margin: 10px 10px 8px 10px;
  border: 0px;
  border-bottom: 1px solid #969480;
  line-height: 26px;
}

h2 {
  font-size: 16px;
  padding: 3px 3px 3px 10px;
  color: #a03f23;
  margin: 10px 0px 3px 0px;
}

h3 {
  font-size: 14px;
  padding: 3px 3px 3px 10px;
  color: #f0682c;
  margin: 10px 0px 0px 0px;
}

p {
  font-size: 14px;
  padding: 3px 3px 3px 0px;
  margin: 0px 10px 0px 10px;
  color: #3d3c2b;
  line-height: 22px;
}

.draft {
  font-size: 12px;
  color: #504e3c;
  font-weight: bold;
}

font.attr {
  font-size: 11px;
  color: #504e3c;
}

p.attribute, p.author, p.source, p.keywords, p.date, p.home, p.tag {
  font-size: 12px;
  padding: 4px 0px 4px 34px;
  margin: 0px 10px 0px 10px;
  line-height: 18px;
  background-position: left 4px;
  background-repeat:no-repeat;
}

p.attribute {
  background-image: url(images/attr.gif);
}

p.author {
  background-image: url(images/attr.gif);
}

p.source {
  background-image: url(images/source.gif);
}

p.keywords {
  background-image: url(images/keywords.gif);
}

p.date {
  background-image: url(images/date.gif);
}

p.home {
  background-image: url(images/home.gif);
}

p.tag {
  background-image: url(images/tag.gif);
}

em.Lv1 {
  color: #FF0000;
  font-weight: bold;
  font-style: normal;
}

em.Lv2 {
  color: #FF4000;
  font-weight: bold;
  font-style: normal;
}

em.Lv3 {
  color: #000080;
  font-weight: bold;
  font-style: normal;
}

em.Lv4 {
  color: #006000;
  font-style: normal;
}

em.Lv5 {
  color: #8000FF;
  font-style: normal;
}

pre {
  background-color: #f2f2e9;
  border-left: 2px solid #c1b89c;
  font-family: Consolas, "Courier New", Courier;
  font-size: 12px;
  margin: 3px 20px 3px 20px;
  padding: 2px 5px 2px 10px;
  color: #403B30;
  line-height: 16px;
  word-wrap:break-word;
  word-break:break-all;
  white-space: -moz-pre-wrap;
  white-space:  pre-wrap;
  overflow:auto;
}

ul {
  margin: 0px;
  padding: 2px 8px 2px 34px;
  font-size: 14px;
  color: #3d3c2b;
}

li {
  padding: 1px 0px 1px 0px;
  margin: 0px;
  list-style: none;
  list-style-type:square;  
  list-style-image:url(images/square.gif);
  font-size: 14px;
  line-height:20px;
}

table, table caption {
  font-size: 14px;
}

div.table table {
  margin: 0px auto 0px auto;
  width:95%;
  clear:both;
}


div.ltab {
  float: left;
  padding: 5px 14px 5px 5px;
  margin: 5px 14px 5px 10px;
  background-color: #f8f7f2;
}

div.rtab {
  float: right;
  padding: 5px 5px 5px 14px;
  margin: 5px 10px 5px 14px;
  background-color: #f8f7f2;
}

table {
  border-collapse: collapse;
  empty-cells: show;
  caption-side: bottom;
  color: #3d3c2b;
}

table caption {
  text-align: left;
  margin: 5px 0px 0px 0px;
  color: #3d3c2b;
  font-size: 12px;
  caption-side: bottom;
}

div.table caption {
  margin: 5px auto 0px auto;
}

table td {
  border: 1px solid #c9c7b2;
  padding: 2px 5px 2px 5px;
  vertical-align: top;
}

table th {
  border: 1px solid #c9c7b2;
  padding: 2px 3px 2px 3px;
  font-weight: bold;
  background-color: #f0eee8;
  vertical-align: top;
}

div.object, div.lobj, div.robj {
  border: 1px solid #c9c7b2;
  padding: 3px;
  background-color: #f8f7f2;
}

div.object {
  margin: 3px auto 3px auto;
  clear:both;
}

div.lobj {
  margin: 3px 10px 3px 10px;
  float: left;
}

div.robj {
  margin: 3px 10px 3px 10px;
  float: right;
}

div.object img, div.lobj img, div.robj img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

div.objdesp {
  padding: 3px 1px 0px 1px;
  margin: 0px;
  font-size: 12px;
  color: #3d3c2b;
}

div.float, div.rightfloat, div.leftfloat {
  border: 1px solid #969480;
  padding: 8px;
  margin: 3px;
  background-color: #e8edf5;
  width: 200px;
  text-align: center;
  font-size: 14px;
}

div.rightfloat {
    float: right;
    margin: 3px 3px 3px 10px;
}

div.leftfloat {
    float: left;
    margin: 3px 10px 3px 3px;
}

.nav {
  padding: 3px 0px 3px 0px;
  margin: 0px;
  font-size: 13px;
  line-height: 18px;
  color: #3d3c2b;
  font-weight: bold;
}

div.mc2, div.mc3, div.mc4, div.mc5, div.mc6 {
  clear:both;
  zoom:1; /* IE6 sucks */
}

div.mc2:after, div.mc3:after, div.mc4:after, div.mc5:after, div.mc6:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
}

div.mc2 ul, div.mc3 ul, div.mc4 ul, div.mc5 ul, div.mc6 ul {
  padding: 2px 8px 2px 34px;
  margin: 0px 0px 0px 0px;
}

div.mc2 ul li, div.mc3 ul li, div.mc4 ul li, div.mc5 ul li, div.mc6 ul li {
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  float: left;
  margin: 0px;
  padding: 0px;
}

div.mc2 ul li p, div.mc3 ul li p, div.mc4 ul li p, div.mc5 ul li p, div.mc6 ul li p {
  padding: 0px 0px 0px 0px;
  margin: 2px 20px 2px 0px;
  display: list-item;
  list-style-type: square;
  list-style-image:url(images/square.gif);
  font-size: 14px;
  line-height: 17px;
}

div.mc2 ul li {
  width: 50%;
}

div.mc3 ul li {
  width: 33%;
}

div.mc4 ul li {
  width: 25%;
}

div.mc5 ul li {
  width: 20%;
}

div.mc6 ul li {
  width: 16.5%;
}

br.mctail {
  clear: left;
}

.nav a {
  color: #285cab;
}

a {
  color: #285cab;
}

a:hover {
  color: #3988ae;
}

a.ext {
  background-image: url(images/ext.gif);
  background-repeat:no-repeat;
  background-position:right center;
  padding-right:14px;
  margin-right:2px;
}

a.safe {
  background-image: url(images/safe.gif);
  background-repeat:no-repeat;
  background-position:right center;
  padding-right:16px;
  margin-right:2px;
}

a.ed2k {
  background-image: url(images/ed2k.gif);
  background-repeat:no-repeat;
  background-position:right center;
  padding-right:16px;
  margin-right:2px;
}

.f4 p {
  font-size: 12px;
  padding: 1px 3px 1px 0px;
  margin: 0px 10px 0px 10px;
  color: #3d3c2b;
  text-align:right;
}

.f4 a {
  color: #3d3c2b;
}

.f4 span {
  font-size:12px;
  color: #3d3c2b;
}

.relate h1.title {
  font-size: 16px;
  letter-spacing: 0px;
  padding: 3px 3px 0px 0px;
  color: #1d1d15;
  margin: 10px 10px 8px 10px;
  border: 0px;
  border-bottom: 0px solid #969480;
  line-height: 22px;
}

.relate li {
  padding: 1px 0px 1px 20px;
  margin: 0px;
  list-style: none;
  list-style-image:none;
  background-image: url(images/list.png);
  background-repeat: no-repeat;
  background-position: left 6px;
  font-size: 14px;
  line-height:20px;
}

.relate ul {
  margin: 0px;
  padding: 0px 8px 0px 20px;
  font-size: 14px;
}

.area div.sect1000,
.area div.sect1001,
.area div.sect1002,
.area div.sect1003 {
  height:65px;
  background-repeat:repeat-x;
  background-position: left 25px;
}

.area div.sect1000 {
  background-image: url(images/1000b.gif);
}

.area div.sect1001 {
  background-image: url(images/1001b.gif);
}

.area div.sect1002 {
  background-image: url(images/1002b.gif);
}

.area div.sect1003 {
  background-image: url(images/1003b.gif);
}

.area div.sect1000 h1,
.area div.sect1001 h1,
.area div.sect1002 h1,
.area div.sect1003 h1 {
  font-size: 18px;
  color: #1d1d15;
  padding: 25px 50px 12px 85px;
  letter-spacing: -1px;
  line-height: 28px;
  height: 28px;
  margin: 0px;
  float:left;
  background-repeat:no-repeat;
  background-position: 10px top;
  border: 0px;
  background-color: Transparent;
}

.area div.sect1000 h1 {
  background-image: url(images/1000.gif);
}

.area div.sect1001 h1 {
  background-image: url(images/1001.gif);
}

.area div.sect1002 h1 {
  background-image: url(images/1002.gif);
}

.area div.sect1003 h1 {
  background-image: url(images/1003.gif);
}

.area span.sectmore {
  float:right;
  font-size: 12px;
  padding:35px 12px 0px 0px;
  line-height: 14px;
}

.area li {
  padding: 1px 0px 1px 20px;
  margin: 0px;
  list-style: none;
  list-style-image: none;
  background-image: url(images/list.png);
  background-repeat: no-repeat;
  background-position: left 6px;
  font-size: 14px;
}

.area li p.brief {
  font-size: 13px;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  color: #555555;
  line-height:18px;
}

.area font.attr {
  font-size: 12px;
  color:#3d3c2b;
}

.area ul {
  margin: 0px;
  padding: 8px 8px 20px 50px;
  font-size: 14px;
}

.area a {
  color: #3d3c2b;
}

.area a:hover {
  color: #fe9436;
}

.area h1 a {
  color: #a03f23;
  text-decoration: none;
}

.area h1 a:hover {
  color: #ee0000;
  text-decoration: underline;
}

.area .sectmore a:hover {
  color: #ee0000;
}

.area .anav {
  text-align:right;
  padding: 0px 10px 0px 0px;
  height:22px;
}

.area .btn {
  padding:0px 0px 0px 8px;
  margin:0px;
  float:right;
}

.area .anav .btn a {
  display:block;
  float:left;
  width:80px;
  height:18px;
  line-height:18px;
  border:1px solid #f37139;
  padding:2px 0px 0px 0px;
  margin:0px 0px 0px 8px;
  background-image:url(images/btnbk.gif);
  background-repeat:repeat-x;
  background-position:left 0px;
  background-color:#fd8c3e;
  color: #402820;
  font-size: 12px;
  font-weight: bold;
  text-align:center;
  text-decoration:none;
}

.anav a.prev, .anav a.next {
  line-height: 20px;
  background-position: left 2px;
  background-repeat:no-repeat;
  font-size: 12px;
  padding: 2px 0px 0px 32px;
  margin: 0px 0px 0px 20px;
  display:inline-block;
  height:20px;
}

.anav a.prev {
  background-image: url(images/prev.gif);
}

.anav a.next {
  background-image: url(images/next.gif);
}

.menu {
  padding-bottom:20px;
  height:380px;
  width:190px;
}

.bar {
  margin:0px 15px 0px 10px;
  border-top:1px solid #969480;
}

.pad, .padtag, .padstar, .padwork, .padrss {
  font-size:12px;
  padding:3px 0px 3px 20px;
  color: #3d3c2b;
  border-bottom:1px solid #969480;
  line-height:18px;
  background-position:left 3px;
  background-repeat:no-repeat;
}

.padtag {
  background-image:url(images/tag16.gif);
}

.padstar {
  background-image:url(images/star16.gif);
}

.padwork {
  background-image:url(images/work16.gif);
}

.padrss {
  background-image:url(images/rss16.gif);
}

.topimg1, .topimg2, .topimg3 {
  float: right;
  width: 64px;
  height: 64px;
  padding: 3px;
  margin: 0px 10px 0px 10px;
  overflow: hidden;
  background-color:transparent;
  border-style: solid;
  border-width: 1px;
}

.topimg1, .tbcnt1 {
  border-color: #1c88bb;
}

.topimg2, .tbcnt2 {
  border-color: #9f56f2;
}

.topimg3, .tbcnt3 {
  border-color: #7aa20a;
}

.topbig {
  position: absolute;
  width: 300px;
  height: 270px;
  background-color: #f8f7f2;
}

.tbcnt1, .tbcnt2, .tbcnt3 {
  width: 290px;
  height: 260px;
  padding: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  background-color: #f8f7f2;
}

.topbig .tbimg {
  width: 290px;
  height: 240px;
}

.topbig .tbcap {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #3d3c2b;
  text-align: center;
}

.ad325 {
  background-color:transparent;
  width:300px;
  height:250px;
  float:left;
  padding:0px;
  margin:20px 20px 10px 10px;
  text-align:center;
  line-height:250px;
  color:#3d3c2b;
  overflow:hidden;
  font-size:14px;
}

.tad325 {
  background-color:transparent;
  width:300px;
  height:250px;
  float:left;
  padding:0px;
  margin:0px 10px 0px 10px;
  text-align:center;
  line-height:250px;
  color:#3d3c2b;
  overflow:hidden;
  font-size:14px;
}

.adbanner {
  padding:0px 0px 10px 0px;
  width: 730px;
  height: 100px;
  text-align: center;
}

.adlink {
  padding:0px 0px 10px 0px;
  text-align: center;
}

.topad {
  min-height:250px;
  margin:0px 0px 10px 0px;
}

* html .topad { /* IE 6 sucks */
  height: 250px;
}

.topatc {
  margin:0px 0px 0px 320px;
}

.topatc h1 {
  font-size: 15px;
  letter-spacing: 0px;
  padding: 3px 3px 0px 10px;
  color: #1d1d15;
  margin: 0px 20px 8px 0px;
  border: 0px;
  line-height: 24px;
}

.topatc p {
  font-size: 14px;
  padding: 3px 3px 3px 10px;
  margin: 0px 20px 0px 0px;
  color: #3d3c2b;
  line-height: 22px;
}

#m2, #t2, #g1 {
  display: none;
}