/* =Common
 ***********************************************************/
* {
  border:0;
  font:normal 14px Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  }

body { width:768px; }

h1, h2, h3, h4, h5 {
  color:#bc58b8;
  font-weight:bold;
  }

a {
  border:0;
  color:#bc58b8;
  }
a:hover {
  border:0;
  }

img { border:0; }

table tr td { text-align:center; vertical-align:top; font-size:12px; }
table tr td a {
  color:#bc58b8;
  font-size:12px;
  font-weight:bold;
  }

table.gen { margin:12px auto 24px auto; }
table.gen tr th,
table.gen tr td {
  color:#555;
  font:normal normal bold 12px Arial, Helvetica, sans-serif;
  line-height:14px;
  padding:4px;
  text-align:center;
  vertical-align:middle;
  }
table.gen tr th {
  background-color:#555;
  color:#fff;
  height:16px;
  }
table.gen tr td {
  color:#555;
  height:40px;
  }
table.gen tr td.ref {
  text-align:left;
  }
table.gen tr td.up {
  vertical-align:top;
  }
table.gen tr td.left {
  text-align:left;
  }
table.gen tr td.right {
  text-align:right;
  }
table.gen tr td.norm {
  font-weight: normal;
  }
table.gen tr td.ref img.cover {
  float:left;
  margin-right:12px;
  width:50px;
  }
table.gen tr td.ref a {
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  }
table.gen tr td.ref a:hover {
  text-decoration:underline;
  }
table.gen tr td span.author {
  font-size:11px;
  }
table.gen tr.even td {
  background-color:#e4d6f9;
  }
table.gen tr.odd td {
  background-color:#f4f0fb;
  }

table.states tr td {
  color:#888;
  }

table.form {
  background-color:#fff;
  border:solid 1px #ccc;
  margin:12px auto;
  }
table.form tr th {
  background-color:#ccc;
  color:#555;
  font-weight:bold;
  padding:8px;
  text-transform:uppercase;
  }
table.form tr td.field-lbl {
  background-color:#eee;
  color:#888;
  font-weight:bold;
  padding:4px 8px;
  text-align:right;
  vertical-align:top;
  }

/* =Header
 ***********************************************************/
input.txt {
  border:solid 1px #ccc;
  font-size:16px;
  line-height:22px;
  padding:2px 4px;
  }
input.btn {
  background-color:#bc58b8;
  border-top:solid 1px #bbb;
  border-right:solid 1px #777;
  border-bottom:solid 1px #777;
  border-left:solid 1px #bbb;
  color:#fff;
  cursor:pointer;
  font: normal normal bold 12px Arial, Helvetica, sans-serif;
  line-height:22px;
  padding:2px 4px;
  }
input.btn-ro {
  background-color:#e4d6f9;
  border-top:solid 1px #777;
  border-right:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
  border-left:solid 1px #777;
  color:#bc58b8;
  cursor:pointer;
  font: normal normal bold 12px Arial, Helvetica, sans-serif;
  line-height:22px;
  padding:2px 4px;
  }
select.sel {
  border:solid 1px #ccc;
  font-size:15px;
  line-height:22px;
  padding:2px 4px;
  }
textarea.txtarea {
  border:solid 1px #ccc;
}


/* =Header
 ***********************************************************/
#head {
  width:768px;
  }
ul#top-menu,
ul#top-menu li {
  float:left;
  list-style:none;
  }
ul#top-menu,
ul#top-menu li,
ul#top-menu li a {
  display:block;
  height:66px;
  text-decoration: none;
  }
ul#top-menu li.non { background-image:url(../images/head/top_logo.gif); }
ul#top-menu li.non a { width: 186px; }

ul#top-menu li.hom { background-image:url(../images/head/top_home.gif); }
ul#top-menu li.hom-sel,
ul#top-menu li.hom a { width:67px; }
ul#top-menu li.hom-sel,
ul#top-menu li.hom a:hover { background-image:url(../images/head/top_home_ro.gif); }

ul#top-menu li.int { background-image:url(../images/head/top_interpersonal.gif); }
ul#top-menu li.int-sel,
ul#top-menu li.int a { width:99px; }
ul#top-menu li.int-sel,
ul#top-menu li.int a:hover { background-image:url(../images/head/top_interpersonal_ro.gif); }

ul#top-menu li.chi { background-image:url(../images/head/top_children.gif); }
ul#top-menu li.chi-sel,
ul#top-menu li.chi a { width:73px; }
ul#top-menu li.chi-sel,
ul#top-menu li.chi a:hover { background-image:url(../images/head/top_children_ro.gif); }

ul#top-menu li.fam { background-image:url(../images/head/top_families.gif); }
ul#top-menu li.fam-sel,
ul#top-menu li.fam a { width:71px; }
ul#top-menu li.fam-sel,
ul#top-menu li.fam a:hover { background-image:url(../images/head/top_families_ro.gif); }

ul#top-menu li.rel { background-image:url(../images/head/top_relationship.gif); }
ul#top-menu li.rel-sel,
ul#top-menu li.rel a { width:96px; }
ul#top-menu li.rel-sel,
ul#top-menu li.rel a:hover { background-image:url(../images/head/top_relationship_ro.gif); }

ul#top-menu li.med { background-image:url(../images/head/top_media.gif); }
ul#top-menu li.med-sel,
ul#top-menu li.med a { width:69px; }
ul#top-menu li.med-sel,
ul#top-menu li.med a:hover { background-image:url(../images/head/top_media_ro.gif); }

ul#top-menu li.res { background-image:url(../images/head/top_resource.gif); }
ul#top-menu li.res-sel,
ul#top-menu li.res a { width:99px; }
ul#top-menu li.res-sel,
ul#top-menu li.res a:hover { background-image:url(../images/head/top_resource_ro.gif); }

/* =Left Nav
 ***********************************************************/
#left,
ul#lnav {
  font-size:13px;
  width:175px;
  }
#left {
  background:#fff url(../images/left/left_top.gif) no-repeat top left;
  float:left;
  padding-top:48px;
  }
ul.lnav {
  background:#fff url(../images/left/left_bg.gif) repeat-y top left;
  list-style:none;
  padding-top:28px;
  text-align:left;
  }
ul.lnav,
ul.lnav li {
  display:block;
  width:147px;
  }
ul.lnav li {
  min-height:22px;
  line-height:16px;
  }
ul.lnav li a {
  display:block;
  font-size: 13px;
  line-height:22px;
  padding:0 0 0 12px;
  text-decoration: none;
  }
ul.lnav li a.sec-lnk {
  background:#fff url(../images/left/left_p_bg.gif) no-repeat top left;
  color:#bc58b8;
  font-weight:bold;
  }
ul.lnav li a.sec-lnk-sel,
ul.lnav li a.sec-lnk:hover {
  background:#fff url(../images/left/left_p_bg2.gif) no-repeat top left;
  color:#ffe;
  font-weight:bold;
  }
ul.lnav li ul.lnav-ch li {
  background:#fff url(../images/left/left_c_bg.gif) repeat-y top left;
  }
ul.lnav li.active,
ul.lnav li.active ul.lnav-ch li a {
  background:#fff url(../images/left/left_c_bg_ro.gif) repeat-y top left;
  color:#363636;
  }
ul.lnav li.active ul.lnav-ch li a {
  font: normal normal bold 11px Arial, Helvetica, sans-serif;
  line-height:22px;
  padding-left:20px;
  }
ul.lnav li.active ul.lnav-ch li a.on,
ul.lnav li.active ul.lnav-ch li a:hover {
  background:#fff url(../images/left/left_c_bg2.gif) repeat-y top left;
  color:#ff6;
  }


/* =Main General Content
 ***********************************************************/
#main {
  background:#fff url(../images/left/left_bg.gif) repeat-y top left;
  clear:both;
  min-height:400px;
  width:768px;
  }
#sub {
  background:#fff url(../images/main_bg.jpg) repeat top left;
  float:left;
  padding-top:32px;
  width:568px;
  }
#sub h1 {
  font:normal normal bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-bottom:32px;
  }
#sub h2 {
  font:normal normal bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:24px 0;
  }
#sub p {
  color:#555;
  line-height:20px;
  margin-bottom:12px;
  }
#sub blockquote {
  border-bottom: dotted 1px #363636;
  border-top: dotted 1px #363636;
  color:#555;
  line-height:20px;
  margin:24px 12px;
  padding:12px;
  }
#sub ol,
#sub ul {
  color:#555;
  margin:12px 24px;
  }
#sub ul {
  list-style:square;
  }
#sub ol li {
  margin: 0 0 8px 0;
  }
#sub ul li {
  margin-left:24px;
  }


/* =Footer
 ***********************************************************/
#foot {
  background-color: #fff;
  border-top:solid 1px #ddd;
  clear:both;
  font-size:12px;
  height:64px;
  padding:12px 0;
  text-align:center;
  width:768px;
  }
#foot a {
  font-size:12px;
  font-weight:bold;
  }
#foot span.copy {
  color:#555;
  font-size:10px;
  }
#foot span.copy a {
  font-size:10px;
  font-weight:bold;
  }


/* =Footnote
 ***********************************************************/
#note {
  background-color:#f4f0fb;
  border:solid 1px #ddd;
  margin:48px 0;
  }
#note p {
  color:#000;
  margin:12px;
  }


/* =Default Overrides
 ***********************************************************/
.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; }

.f8  { font-size:8px; }
.f9  { font-size:9px; }
.f10 { font-size:10px; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }

.red   { color:#f00; }
.blue  { color:#00f; }
.white { color:#fff; }
.gray  { color:#999; }

.upper { text-transform:uppercase; }
.lower { text-transform:lowercase; }

.footnote { font-size:11px; }