p,table,li,h1,h2,h3,h4,h5,h6 {
  font-family: arial, 'sans serif';
  }

* { color: white; }

a:link     { color: #4466aa; }
a:visited  { color: #5577bb; text-decoration: line-through ; }
a:active   { color: #77aaff; }
a:hover    { color: #77aaff; }

/* How to make more than one of these apply?
a[rel~="met"]:after {content: " (met)";}
a[rel~="friend"]:after {content: " (friend)";}
a[rel~="acquaintance"]:after {content: " (acquaintance)";}
a[rel~="parent"]:after {content: " (parent)";}
a[rel~="colleague"]:after {content: " (colleague)";}
*/

body {
  background-color: #000000;
  margin: 0px;
  background-image: url(/gfx/www-3-bg.darker.gif);
  }

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  }

ul, ol {
  margin: 0px;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 50px;
  }

.short li {
  margin-top: 0;
  margin-bottom: 0;
  }

li {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  /*
  border-left: 3px solid #222;
  padding-left: 5px;
  */
  }

input {
  color: #222;
  background-color: #eee;
  }

/*
b {
  font-weight: bolder;
  border-bottom: 1px solid white;
  }
  */

#page {
  padding: 0px;
  margin: 0px;
  background-image: url(/gfx/gen-an-dark-padded.gif);
  background-position: top right;
  background-repeat: no-repeat;
  }

#content {
  padding: 5px;
  }

code {
  color: #9d9;
  font-size: 15px;
  }

small {
  color: #bbb;
  }

.menu {
  border: 2px solid #444466;
  text-align: left;
  background-color: #000000;
  background-image: url(/gfx/scratch-1.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  }
#menuad {
  background-image: none;
  }

.menu div {
  }
.menu span {
  }
.m1, .m2, .m3, .m4, .m5, .m1f, .m2f, .m3f, .m4f, .m5f {
  white-space: nowrap;
  }
.m2, .m3 {
  /* _margin-top: 3px; */
  }
.m1, .m1f {
  padding: 2px;
  font-size: 14px;
  }
.m2, .m2f {
  padding-left: 10px;
  font-size: 12px;
  background-image: url(/gfx/bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  }
.m3, .m3f {
  padding-left: 20px;
  font-size: 10px;
  }
.m4, .m4f {
  padding-left: 30px;
  font-size: 9px;
  }
.m5, .m5f {
  padding-left: 40px;
  font-size: 8px;
  }
.m1f {
  background-color: #181838;
  font-size: 18px;
  /* _background-image: url(/gfx/chipped_obsidian.jpg); */
  }

.branch {
	margin-left: 16px;
	margin-top: 4px;
	margin-bottom: 12px;
	}
.box .branch {
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.wirebox {
	/* width: 100%; */
	}

.box {
	/* border-top: 2px solid #446; */
	/* background-color: #000033; */
	margin: 0px;
	padding: 0px;
	}
.box_title {
	border: 2px solid #446;
	border-bottom: 1px solid #446;
	/* border-bottom: 1px solid #446;
	/* background-color: #113; */
	background-color: #181838;
	padding-left: 3px;
	padding-right: 3px;
	}
.box_content {
	border: 1px solid #335;
	border-top: none;
	margin: 0px;
	padding: 3px;
	background-color: #000000;
	background-image: url(/gfx/br-curve.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

.blurb_title_1 {
	}


#ad_right {
  background-image: none;
  width: 120;
  float: right;
  /*
  position: relative;
  border: 1px solid #fff;
  background-color: #444;
  */
  }