body { margin-left: 5%; margin-right: 1%; }
dt { font-weight: bold; margin-bottom: .25em }
th.image { text-align: center }

/* For history.html */

   dt.history {position: relative }
   dd.history {margin-bottom: 1em }
   .history.date { position: absolute; left: -9em; width: 5em; color: #004800;
   background: #cde0d5; padding: .5em; font-style: italic; font-size:small; font-family: sans-serif; }


/* For set */

.navigation {padding: 3px 0; margin: 0;
  border-bottom: 1px solid #778;
  font: bold 12px sans-serif; line-height: 24px}
.navigation {width: 70%}

blockquote {
   margin-left: 1em;
   padding: 0;
}

/* Shared style for various green boxes */

.bigquo {
       font-size: 200%; 
}

.event-date, .faqnb, .joinnb {
   font-size: small; 
}

.bigquo, .event-date, .faqnb, .joinnb {
   text-align: center;
   float: left;
   color: #004800;
   background: #cde0d5; 
   padding: .3em; 
   margin: 0 .7em 0 0;
   font-style: italic; 
   font-family: sans-serif;
}

.event-date {
   width: 9em; 
}

.faqnb, .joinnb {
   width: 6em; 
}


/* For testimonials on membership page */

span.QuoteAttr {
    font-weight: bold;
}

blockquote.testimonial { 
       margin-left: 2em;
       margin-right: 5em;
       margin-bottom: 2em;
       padding: 0;
}

p.t2 {
       margin: 0 1em 0 3em;
}

/* Intro quotes */

blockquote.intro {
      float:right; 
      width: 30%; 
      margin: 1em 0 1em 1em; 
      border: 1px black solid; 
      padding: .7em; 
      background: #fdf5e6; 
      color: black;
      font-size: 83%;
      }

/* For events on history page */

.event {
       margin-left: 2em;
       margin-right: 5em;
       margin-bottom: 2em;
}

.event-title {
   font-weight: bold
}

/* For photos */

.right {
  float: right; 
}

.left {
  float: left; 
}

.imagebox, .imagebox_small, .imagebox_free {
  text-align: center;
  margin: 1em 1em 1em 1em;
}

.imagebox img, .imagebox_small img, .imagebox_free img,
.imagebox a img, .imagebox_small a img, .imagebox_free a img {
  border: 1px solid black
  }

.imagebox p, .imagebox_small p, .imagebox_free p {
  margin: .8em .4em .4em .4em;
  font-weight: bold;
  font-size: small;
  padding-top: .4em;
  border-top: 1px solid #ffa54f;
}

.imagebox {
  width: 180px;
}

.imagebox_small {
  width: 90px;
}

/* For figures and illustrations */

.figure { text-align: center }
.caption { font-style: italic; margin-left: 2em; margin-right: 2em }

/* Business case list formatting */

#business-case-list li { padding-bottom: .75em }

/* For contacts table */

table {width: 90% }
td.contactPerson { width: 75%} 
td.hostphoto { width: 75% }
th, td { padding: 1em 1em 1em 1em }
thead { background: #cde0d5 }
th.left { width: 25% }
th.right { width: 75% }

/* For skip links */

.invisible, .invisible a {
   display: none;
   background: #fff;
   color: #fff;
}

/* For right navbar */

#nav { margin:0 0 1em 1em; float:right; width: 22%; font-family: sans-serif;
       font-size: 12px; border: 1px solid black; border-top: none;
       padding: 0; background: #DDE; }

#nav, #nav ul { list-style: none }

.level1 { padding-left: 1em; margin: 0 }
.level2 { padding-left: 1em; margin: 0 }
.level3 { padding-left: 2em; margin: 0 }

#nav li { list-style: none; margin: 0; 
          border-top: 1px solid gray; 
          padding: .25em }

#current {list-style: none; margin: 0;
          border-top: 1px solid gray;
          background: #CCD; color: black; 
          padding: .2em; border-left: thick solid gray}

#nav li a:hover {color: #FE3; background: #332; }

#nav li a { display: block; text-decoration: none }
#nav li a.inline { display: inline; text-decoration: none }

#foot { clear: both }

/* for domain home pages */

.slogan {
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 130%;
}

@media print {
   #navblock { display: none }
}