/*
 * uusdn.css
 *
   External Cascading Style Sheet for the (new)
   UU Spiritual Directors' Network Website
 */

html, body {
  margin: 0; margin-right: .5em;
  font-family: /* 'comic sans ms', 'Tempus Sans ITC',*/ Arial, Lucida, sans-serif;
  font-size: 10pt;
  color: #990000; /* #800000; */
  background-color:   #ffdeae (navajo white) /* #bedefe   #faffff */
}


h1, h2, h3 { color: #00868b; background-color: transparent }
h2 { text-align: center; padding-bottom: 1em }   /*  I have used <h2> for the title line */
h4 { color: #800000; background-color: transparent }


a          { color: #00868b; background-color: transparent }
a:active   { color: #808000; background-color: transparent; font-weight: bold }
a:hover    { color: #ff0000; background-color: transparent }
a:link     { color: #00868b; background-color: transparent }
a:visited  { color: #808000; background-color: transparent }


address    {
  margin-left: 3em; margin-bottom: 2em;
  color: #aaa; background-color: transparent;
  font-size: 80%;
  padding-top: 3em
}
address span.leg { color: #00868b; background-color: transparent }
address img {
  height: 31px;
  border: 0;
  vertical-align: bottom;
  padding-right: 1em
}


blockquote, p.quote {
  color: #00868b; background-color: #ffffea;
  font-size: 80%;
  width: 40%;
  border: groove #00868b .25em;
  padding: 1em;
  float: middle
}


li { list-style-type: none; margin-left: -3em }

table { padding-bottom: 3em; margin: auto }


td { padding: 0 2.5em 0 2.5em } /* [top] right [bottom] left */  /* all columns other first (l[eft]]) and last r[ight]] */
td.l { padding: 0 2.5em 0 0}  /* use only on the first (l[eft]-most]) column */
td.r { padding: 0 0 0 2.5em } /* use only on the last (r[ight]-most]) column */
td.h1,
td.h2,
td.h3 {
  color: #00868b;
  background-color: transparent;
  font-weight: bold
}
td.h1 { font-size: 200% }
td.h2 { font-size: 150% }
td.h3 { font-size: 125% }
td.h4 { color: #800000; background-color: transparent; font-weight: bold }


.name   { font-weight: bold; color: #00868b; background-color: transparent }
.top    { padding-top: 3em }
.note   { font-size: 80%; color: #00868b }
.credit { text-align: right; color: #800000 }





/* 
 *
 *   use as the standard heading and navigation menu for each html doc:
 *   this is working adequately for:
 *   Opera (7.54 [Windows]), Firefox (0.8 [Windows]) and IE (6.0.2900.2180)
 */
/* margin: top right bottom left */
div#head { margin: 0 0 0 12em }
div#head img { border: 0; height: 155px; width: 165px } /* this is the flaming chalice */
div#head img.wide { /* height: 127px; */ width: 476px; padding-top: 1.5em } /* this is the wide */
div#head td.h1 { vertical-align:  middle }



div#nav {
  background-color: #00868b;
  background-image: url(pix/menu-bground.png);
  background-repeat: repeat;
  margin: 0 12em 0 0;
  font-size: 80%;
  width: 15em
}
div#nav li a { color: #ffffff; text-decoration: none; display: block }
dir#nav li a.dirhere { color: #772222; background-color: #66ecef }
div#nav li a:hover { color: #772222; background-color: #ffffff }
div#nav li a.dir:hover { color: #772222; background-color: #66ecef }
div#nav li {
  border-top: .25em solid black;
  font-weight: bold;
  background-color: #00a6ab;
  /* padding values are applied: top right bottom left but one value only is *
   * applied to all.                                                         *
   *    E.g.            "padding: 0 .5em 0 .5em"                             *
   *    would have .5em applied to right and left                            *
   *    however:             "padding: 5em"                                  *
   *    would be applied to top and bottom and also to right and left.       */
  padding: 0 .5em 0 .5em; /* top right bottom left */
  width: 11em;
  text-align: left
}
div#nav li.topitem { border-top: 0 }
div#nav li:first-child { border-top: 0 }
div#nav li.here { color:  444 }
/* dir#nav li.here_show { color: #0060c0 } */
div#nav li.indent { text-align: right; padding-right: 3em }
div#nav ul { border: 0; list-style-type: none; position: fixed }




/* this stuff is what is genterally in the "content" area: */
div#content { margin: 0 1em 0 12.5em }

/* (ul.why is in index.html) */
div#content ul.why { list-style-type: none }

div#content ul.links li { margin-left:  5em; font-size:  120% }


/* (table.upcoming is in workshops.html) */
table.upcoming td.describe { padding-top: 1em }
table.upcoming td.date, table.upcoming td.title, table.upcoming span.who { font-weight: bold }
table.upcoming table { margin-left: 1em; margin-right: .5em }
table.upcoming blockquote {
	width: 85%;
	color: #0060c0;
	background-color: transparent;
	font-size: 100%;
	border: #0060c0 thin solid;
	padding: .5em
}
table.upcoming blockquote span.name { color: #00868b }



/* (table.members is in adir.html, gdir.html and distdir.html) */
table.members dd { padding-bottom: 1em }
table.members dt.na {
  color: #00868b;
  font-size: 125%;
  font-variant: small-caps
}
table.members li a { text-decoration: none; color: #00868b }
table.members li a:hover { color: #000000; font-weight: normal }
table.members td { vertical-align: top }
table.alpha td.left { padding-right: 3em }




/* for use with the individual's pages to standardize photo */
p.member { text-align: center }
p.member img { border: 0; height: 240px; width: }
p.spirit img { border: 0; height: px }
td.head { vertical-align: top; color: #00868b }
td.data { padding-left: 1em; color: #800000 }
td.bot { padding-bottom: 1em }
td.desc { width: 45em }