/* tchrd.css 
 * This is the default stylesheet for tchrd.org
 * It is set for MSIE as default.
 *  Other stylesheets (for firefox, linux, mac, etc., are loaded 
 *  *after* this stylesheet.
 * NOTES:
 * Classes may contain only the characters A-Z, a-z, 0-9, hyphens,
 *   and Unicode 161-255.  
 HISTORY:
   17 jul 2005 jw - Changed to new stylesheet organisation;
                    updated for new tchrd design.
   10 jun 2003 jw - text color by word for MSIE, cleaned up a bit.
   21 dec 2001 jw - in development for tchrd.org website.
*/


/* ============================================
   ===== { Generic, for all pages: =====
   ============================================ */
/* all pages, and "first-level" - main site section pages */
body {
  color:            #000000;
  font-family:      verdana, helvetica, arial, lucida, sans-serif;
  background-color: #faebd7;
  padding:          0px 0px 0px 0px;
  margin:           4px 0px 0px 0px;
}
/* "second-level" pages - subsection pages */
body.second-level {
}
/* "third-level" pages - content pages */
body.third-level {
}

/* javascript popups only */
body.popup {
  background: #ffffff;
  color:       #3399ff;
  font-family: verdana, helvetica, arial, sans-serif;
  margin:      20px 20px 0px 20px;
}

/* Define font family and size: we have to predefine for all tags.
*  It should inherit from BODY, but so far no browser does it right.
*/
p, ul, ol, dl, td, th, h1, h2, h3, h4, h5, div, blockquote {
  font-family: verdana, helvetica, arial, lucida, sans-serif;
  color:       #000000;
}
p, li, dt, dd, td, th {
  font-size:       90%;
  line-height:     150%;
}


/* -----------------
   --- { The usual:
   ----------------- */

code {
  font-size:       110%
  font-family:     monospace;
}
tt {
  font-family:     helvetica, arial, lucida, sans-serif;
}

p ul {
  font-size:     90%;
  margin-top:   -.7em;
  margin-left:  -1em;
  margin-right: 5em;
}
ul li {
  display:   list-item;
  list-style-image: url(/images/dingbats/red_diamond-tiny.gif);
  margin-left: 1em;
  margin-top:  1ex;
}
ol li {
  margin-left: 1em;
  margin-top:  1em;
}

dl.member_list {
  line-height:  1.5em;
  color:        #336633;
}
dt {
}
dt.itemfirst {
  font-weight:  bold;
}
dt.item {
  font-weight:  bold;
  margin-top:   .8em;
}
dd {
  margin-left:  8px;
}

sup {
  font-size: 80%;
}


/* -----------------
   --- { Headers:
   ----------------- */
h1 {
  font-size:     1.3em;
  font-weight:   normal;
  color:       	 #cc0000;
}
h1.head_thirdlevel {
  font-size:     1.4em;
  font-weight:   normal;
  color:       	 #ffcc33;
  text-align:    left;
}
*.inheader {
  font-size:    70%;
  padding-left: 1em;
}
*.inheader *.youarehere {
  font-weight:   bold;
}
p.pagenav {
  font-size:    70%;
  padding-top: 0ex;
  margin-top: 0ex;
}

h2 {
  font-size:     1.2em;
  font-weight:   normal;
  color:       	 #cc0000;
}

h3 {
  font-size:     1.1em;
  font-weight:   normal;
  color:       	 #cc0000;
}
h3.date_header {
  font-size:     1em;
  font-weight:   bold;
  color:         #336633;
}

h4 {
  font-size:     1.0em;
  font-weight:   bold;
  color:         #336633;
}
h4.headline {
  font-size:     1em;
  font-weight:   bold;
  color:         #336633;
}

h5 {
  font-size:     .9em;
  font-weight:   normal;
  font-style:    italic;
  color:         #336633;
}


/* -----------------
   --- { Links:
   ----------------- */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* for "<a name"  */
a.target {
  text-decoration: none;
}
a.target:hover {
  text-decoration: none;
  background-color: none;
}

/* { For <h*> tags ONLY */
h1 a, h2 a, h3 a, h4 a, h5 a { 
  text-decoration: none;
  color:        #cc0000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { 
  background:      none;
  text-decoration: none;
}
a.head_thirdlevel {
  text-decoration: none;
  color:       	   #ffcc33;
}
a:visited.head_thirdlevel {
  color:       	   #ffcc33;
}
/* { For "go/read" buttons ONLY */
a.go {
  text-decoration: none;
  color:           #cc0000;
  font-size:       90%;
}
a.go:visited {
  color:           #99ff66;
}


/* ===========================================
   ===== { Page parts: =====
   =========================================== */

/*  { For main page section ONLY */
div.page {
  align: center;
}
table.page {
  width:  760px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}


/*  { For header server-side includes ONLY */
td.header {
  text-align: center; 
  padding: 0ex 0em 0ex 0em;
  background-color: #990000;
}

/*  { For top navigation ONLY */
/* first row */
td.navbar {
  color:      #ffffff;
  font-size:  70%;
  text-align: right; 
  background-color: #990000;
  padding:   .2ex 0px .2ex 0px;
}
td.navbar a {
  color:   #ffffff;
  padding: 0px 5px 0px 5px;
}
td.navbar span.youarehere {
  color:   #ffffff;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
}
/* "separator" image */
td.navbar img {
  width:    8px;
  height:   8px;
  padding:  0ex 2px 0ex 2px;
}

/* second row (on second-level pages) */
td.navbar2 {
  color:      #ffffff;
  font-size:  70%;
  text-align: center; 
  background-color: #990000;
  border-top: 1px solid #cccccc;
  padding:   .5ex 0px .5ex 0px;
}
td.navbar2 a {
  color:   #ffffff;
  padding: 0px 8px 0px 8px;
}

/*  { For sidebar ONLY */
td.sidebar {
  background-color: #faebd7;
  width: 20%; 
  padding-top: 0ex;
  text-align: left;
}
div.sidebar-nav {
  color: #990000;
  background-color: #ffcc99;
  font-size:     90%;
  text-align: left;
  margin-bottom:  1ex;
  margin-top:  0ex;
  padding-top:  0ex;
  border-bottom: 1px solid #cccccc;

}
div.sidebar-nav a {
  display:   block;
  color:     #990000;
  text-decoration: none;
  padding: .5ex .7ex .5ex .7ex;
  border-top: 1px solid #cccccc;
}
div.sidebar-nav a:hover {
  background-color: orange;
}
div.sidebar-nav a.subnav {
  font-size:    80%;
  margin-left:  4em;
  padding-left: 0em;
  display:          list-item;
  list-style-image: url(/images/dingbats/grey_diamond-tiny.gif);
  border:       none;
}
div.sidebar-nav span.subnav-youarehere {
  font-weight: bold;
  font-size:   80%;
  padding:     .5ex .7ex .5ex 2em;
  margin-left:  4em;
  padding-left: 0em;
  display:          list-item;
  list-style-image: url(/images/dingbats/grey_diamond-tiny.gif);
  border:       none;
}
div.sidebar-nav span.youarehere {
  display:   block;
  font-weight: bold;
  text-decoration: none;
  padding: .5ex .7ex .5ex .7ex;
  border-top: 1px solid #cccccc;
}

/* { sidebar extra features, and search box: */
div.sidebar-extras {
  font-size:  100%;
  border:     1px solid #990000;
  margin: 1ex .5ex;
  padding:    0;
  padding-top: .5ex;
  text-align: center;
  background-color: #faebd7;
}
div.sidebar-extras div {
  padding: .5ex .5em;
  text-align: center;
  white-space: nowrap;
  font-size:   90%;
}
div.sidebar-extras div.search-text {
  font-weight: bold;
}
div.sidebar-extras div input.text {
  background-color: #ffffd9;
}
div.sidebar-extras div input.radio {
  margin: 0 .7em;
  background-color: #ffffd9;
  color: #ffffd9;
}
div.sidebar-extras div input.radio:first-child {
  margin-left: 0;
}
div.sidebar-extras div input.submit {
  font-size: 80%;
  font-weight: bold;
  background-color: #ffcc33;
  color:     maroon;
}
/* } sidebar extra features, and search box. */


/*  { For footer server-side includes ONLY */
p.footer {
  color:       #000000;
  font-size:   80%;
  text-align:  center; 
  border-top:  1px solid #cccccc;
  padding-top: 1ex; 
  margin-top:  2em;
}
p.footer a {
  color:       #000000;
}


.footer1 {
  color:       	 #339900;
  font-size:       .9em;
  text-align:      center;
}
.footer2 {
  color:       	 #339900;
  font-size:       .8em;
  text-align:      center;
}
a.footer {
  text-decoration: none;
  color:       	 #339900;
}
.footer_here {
  color:       	 #339900;
  font-size:       1.1em;
  font-weight:     bold;
}


/*  { For content ONLY */
td.content {
  color:            #000000;
  font-size:  90%;
  text-align: left; 
  background-color: #faebd7;
  padding: 1ex 1em 1ex 1em;
  line-height: 130%;
  letter-spacing: .01ex;
}
body.third-level table tr td.content {
  padding: 1ex 0em 1ex 0em;
}

td.content ul {
   margin-left: 0em;
}
td.content ul li {
  padding-top: 1ex;
  text-align: justify;
}
td.content ul li:first-child {
  padding-top: 0ex;
}
td.content ul li a:hover {
  background-color: orange;
}
td.content ul li a.target:hover {
  background-color: #faebd7;
}

td.content ul dl dt {
  text-align: justify;
}

body.third-level td.content p {
  line-height: 150%;
  text-align: justify; 
}
body.third-level h2 {
  text-align: left; 
}



/* { for "back to ... " links ONLY  */
p.backto {
  font-size:        .7em;
  background-color: #eeeeee;
  padding:          .1em 0em .1em 1em;
  margin:           3em 0 1em 0;
}
p.backto_top {
  font-size:        .7em;
  background-color: #eeeeee;
  padding:          .1em 0em .1em 1em;
  margin:           0 0 0 0;
  line-height:      1em;
}


/* for link to 'top' ONLY */
span.toplink {
  font-size:   .8em;
}


/* ============================================
   ===== { Site Sections: =====
   ============================================ */

dd.news_desc {
    font-size:  .8em;
}

/* { press release section: */
dd.pr_desc {
  font-size:    .9em;
  line-height: 1.2em;
  padding-top:  .5em;
}
div.article img {
  padding-left: 1.5em;
}

/* -----------------
   --- { Photos section:
   ----------------- */

/* the top alphabetical index */
div.photo-index {
  width:   auto;
  padding: 4px;
  margin:  4px;
  border-bottom:  1px solid #cccccc;
}
div.photo-index span {
  font-weight:     bold;
  font-size:       90%;
  padding: 0ex .5em 0ex .5em;
}

/* the photos */
table.photo {
  margin:  4ex 2em 4ex 2em;
  align:   left;
  width:   150px;
  border:  none;
}
table.photo td {
  /* padding:     2ex 1em 2ex 1em; */
  text-align: center;
}
div.photo-caption {
  clear: both;
  padding-top: 1ex;
  text-align: center;
  font-weight: bold;
}


/* -----------------
   --- { HRupdates:
   ----------------- */
div.hrupdate {
  padding:   0px 20px 0px 20px;
}
/*  hrupdates main index page: */
span.hrupdate-years {
  font-size:    110%;
  background:   #eeeeee;
  line-height:  5ex;
  padding:      1ex 2ex 1ex 2ex;
}
/*  hrupdates listings: */
dl.hrupdate-index {
  line-height:  1.1em;
}
dt.hrupdate-month {
  line-height:  1.5em;
  margin-top:   1em;
  font-weight:  bold;
}
dd.hrupdate-item {
  padding-top:  .3em;
  line-height:  1.2em;
}
dd.hrupdate-item-header {
  margin-top:    .3em;
  line-height:  1.5em;
  font-weight:  bold;
}
dd.hrupdate-subitem {
  line-height:  1.1em;
  padding-left:   1em;
}

/*  hrupdates items: */
h3.hrupdate_header {
  font-weight:   normal;
  color:       	 #cc0000;
  text-align:    center;
  padding-top:   .5em;
}

h4.hrupdate_subheader {
  font-weight:   bold;
  font-size:     1em;
  color:       	 #006400;
  margin-bottom: -.5em;
}
p.hrupdate_intro_para {
  font-style:   italic;
}
p.hrupdate_emphasis_para {
  font-style:   italic;
}


/* ============================================
   ===== { Special stuff: =====
   ============================================ */

span.sep {
  padding: 0ex .2em 0ex .2em;
}
span.pdflink {
  whitespace: nowrap;
  font-size: 90%;
  font-weight: normal;
  padding-left: 1em;
}

div.article {
  padding:   0px 20px 5px 0px;
  text-align: justify;
}

div.barkhor_sub_incl {
  font-size: .9em;
  padding:   0px 30px 5px 40px;
  color:     #808000;
}
div.error_message {
  border:        6px double #000000;
  border-color:  #990000;
  margin:    20px 20px 0px 30px;
  padding-left:  12px;
  padding-right: 12px;
  color:   #990000;
}
div.tchrd-addr-incl {
  font-size: 80%;
  padding:   0px 30px 0px 40px;
  color:     #000000;
}
span.paddingtop {
  padding-top:  0em;
}
.back {
  font-size:       .9em;
}
div.box {
  border:  2px double #000000;
}
div.box_notice {
  border:        2px double #000000;
  margin-left:   20px;
  margin-right:  30px;
  padding-left:  12px;
  padding-right: 12px;
}



/* ============================================
   ===== { Generic Physical Styles  =====
   ============================================ */
.smaller {
  font-size:       .8em;
}
.special {
  color:       	 #336633;
}


/* EOF */