/* Seth4SOS Style Sheet by Seth Woolley (C) 2012 */

/* remove hyphenator.js then add this in, in the future */
.hyphenate, .quotebox > p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
/*    hyphens: auto; */
}

body {
  color: black;

}

span.offset, span.offsetmini {
  float: left;
}

span.offsetmini {
  font-size: 18pt;
  line-height: 1em;
  margin-top: .2em;
}

/*

div.breakout, div.navigation {
  -moz-box-shadow: 0.3em 0.3em 0.4em #888;
  -webkit-box-shadow: 0.3em 0.3em 0.4em #888;
  box-shadow: 0.3em 0.3em 0.4em #888;
}

h1 {
  -moz-box-shadow: 0.1em 0.1em 0.2em #888, -1px -1px 1px #fff;
  -webkit-box-shadow: 0.1em 0.1em 0.2em #888, -1px -1px 1px #fff;
  box-shadow: 0.1em 0.1em 0.2em #888, -1px -1px 1px #fff;
}

h2, h3, div.navigation a, dt, div.colophon, div.h3menusub {
  -moz-box-shadow: 0.2em 0.2em 0.3em #888, -1px -1px 1px #fff;
  -webkit-box-shadow: 0.2em 0.2em 0.3em #888, -1px -1px 1px #fff;
  box-shadow: 0.2em 0.2em 0.3em #888, -1px -1px 1px #fff;
}

div.mugshot img.mug, div.vps > div.donate {
  -moz-box-shadow: 0.2em 0.2em 0.3em #444, -1px -1px 1px #fff;
  -webkit-box-shadow: 0.2em 0.2em 0.3em #444, -1px -1px 1px #fff;
  box-shadow: 0.2em 0.2em 0.3em #444, -1px -1px 1px #fff;
}

div.vps blockquote.quotebox {
  -moz-box-shadow: 0.1em 0.1em 0.2em #888, -1px -1px 1px #fff;
  -webkit-box-shadow: 0.1em 0.1em 0.2em #888, -1px -1px 1px #fff;
  box-shadow: 0.1em 0.1em 0.2em #888, -1px -1px 1px #fff;
}

div.h3-accordion div.h3-sub {
  -moz-box-shadow: 0.2em 0.2em 0.3em #888;
  -webkit-box-shadow: 0.2em 0.2em 0.3em #888;
  box-shadow: 0.2em 0.2em 0.3em #888;
}

*/

div.h3-accordion div.h3-sub {
  border-bottom: solid 1px #808080;
  margin-left: 11pt;
  margin-bottom: -1px;
  background-color: #eee;
/*  padding-bottom: 1em; */ /* room for expand button */
}

h1, h2, h3, dt, div.colophon {
  color: #184818;
/*  text-shadow: -0.5px -0.5px 1px #eee;*/ /* , 0.1em 0.1em 0.1em #888; */
}

table.donors {
  border-collapse: collapse; 
  margin-left: auto;
  margin-right: auto;
  width: 92%;
  margin-top: 0;
}

table.donors td {
  font-size: 0.8em;
}

table.donors td,
table.donors th {
  border: solid 0.1em black;
  padding: 1pt;
}

table.donors caption {
  padding-bottom: 1pt;
}

table.donors caption a, input[type=submit] {
  color: black;
  display: block;
  margin: 0;
  text-align: center;
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
  text-decoration: none;
  padding: 0.2em;
  background-color: #77dd77;
/*  background-image: url('/background-plasma-lightgreen.png'); */
}

table.donors .amount {
  text-align: right;
  font-weight: bold;
}

table.donors .donor {
  text-align: left;
}

table.donors td.donor {
  font-size: 0.7em;
}

dt {
  margin-top: 1em;
  font-weight: bold;
}
dd {
  font-style: italic;
  margin-left: 0;
  padding-left: 3em;
  text-align: left;
}

h1 {
  font-size: 28pt; 
}

h1 {
  height: 143px;
  line-height: 1em;
  background-color: #88ff88;
/*  background-image: url('/background-plasma-green.png'); */
  background-repeat: repeat;
  text-align: left;
}

h1.mthood {
 /* text-shadow: -1px -1px 1px #888, 0.1em 0.1em 0.1em #000; */
  background-color: #4b69ab;
  color: #a7c1ff;
  color: #eee;
  background-image: url('/mthoodsm.jpg');
  background-position: center 10%;
  line-height: 1.2em;
  height: 222px;
  height: 4.5em;
/*  height: 5.4em; */
  background-repeat: no-repeat;
  text-align: left;
}

div.footerimage {
  background-color: #4b69ab;
  background-color: #224422;
  color: #a7c1ff;
  background-repeat: no-repeat;
  text-align: left;
  background-image: url('/mthoodsm.jpg');
  background-position: center 100%;
}

h1.gorge {
  text-shadow: -1px -1px 1px #000, 0.1em 0.1em 0.2em #888;
  background-color: #eeeeee;
  color: #204080;
  background-image: url('/gorge.jpg');
  background-position: right top;
  line-height: 1em;
  height: 262px;
  background-repeat: no-repeat;
  text-align: left;
}


dl.vote, div.breakout {
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
  clear: right;
  background-color: #88ff88;
  background-color: #77dd77;
  background-color: #448844;
/*  background-image: url('/background-plasma-green.png'); */
}

dl.vote {
  float: right;
  width: 50%;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0em;
  margin-bottom: 0.5em;
}

dl.vote {
  margin-left: 0.5em !important;
}

dl.vote dd {
  padding-left: 0em;
}

div.breakout {
  width: 16em;
  /* float: right; */
  margin-left: 0.5em; 
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

dl.vote dt {
  text-align: left;
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
  margin-top: 0em;
}

dl.vote dt a {
  display: block;
  text-decoration: none;
}

dl.vote dd {
  margin: 1pt;
}

dl.vote dd.r {
  background-color: #cc3333;
}

dl.vote dd.d {
  background-color: #3333cc;
}

dl.vote dd.g {
  background-color: #33cc33;
}

dl.vote dd.a,
dl.vote dd.n,
dl.vote dd.i {
  background-color: #ffffff;
}

dl.vote dd.l {
  background-color: #cccc33;
}

h1, h2, h3, dt, div.colophon, blockquote.quotebox, input[type=submit], div.navmenu > a, div.h3menusub > a {
  font-family: "Tahoma", "Geneva", sans-serif;
}

div.vps {
  width: 90%;
  min-width: 970px;
  width: 970px;
  min-width: 66em;
  width: 66em;
  max-width: 1024px;
  font-family: "Garamond", "Times New Roman", serif;
  font-size: 12px;
  font-size: 11pt;
  line-height: 1.2em;
  margin-left: auto;
  margin-right: auto;
/*  text-align: left; */
  text-align: justify;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  border: solid 0px #eee;
  padding: 0.5em;
  background-color: #eeeeee;
/*  background-image: url('/background-plasma.png'); */
}

div.vps h1 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: normal;
  margin-top: 0em;
  margin-bottom: 0em;
/*  padding-bottom: 8.5em; */
/*  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080; */
  
}

div.vps h2 {
/*  font-size: 1em; */
  font-size: 1.2em;
  line-height: 1.1em;
  text-align: left;
  padding-right: 0.5em;
  padding-left: 0.5em;
  font-weight: normal;
  margin-top: 0.5em;
/*  text-transform: uppercase; */
}

div.vps > h2.top {
  font-size: 1.4em;
}

div.vps h2 strong {
/*  font-variant: small-caps; */
  font-style: oblique;
}

h2 {
  margin-bottom: 0.5em;
}
h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.vps h3, div.colophon {
  font-style: italic;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.1em;
  text-align: right;
  padding-left: 0.5em;
  padding-right: 0.5em;
/*  text-transform: uppercase; */
}

div.colophon {
  font-size: 0.7em;
}

div.colophon a {
  color: #eee !important;
}

div.colophon a:hover {
  color: #184818 !important;
}

div.vps div.h2 h2,
div.vps div.h2 h3,
div.breakout h3,
div.breakout dt,
div.navigation dt,
div.colophon {
  margin-left: 0.0em;
  margin-right: 0.0em;
/*
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
*/
  background-color: #77b;
  color: #eee;
/*  background-image: url('/background-plasma-grey.png'); */
}

div.colophon {
  background-color: #242;
}

div.vps div.navigation img,
div.vps div.mugshot img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.55em;
  margin-bottom: 0.5em;
  padding-left: 0;
  padding-right: 0;
/*  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080; */
  width: 15em;
  height: 21em;
}

div.vps div.navigation img {
  height: auto;
  width: auto;
}

div.vps div.navigation img.pgplogo {
  border: none;
  width: 15em;
  height: 13.1em;
}

div.vps div.photo {
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 0em;
  padding-top: 0;
  padding-bottom: 0;
  float: left; 
}

div.vps div.photo img {
  margin-bottom: 0em;
  margin-top: 0em;
  padding-bottom: 0em;
  padding-top: 0em;
}

div.vps div.photo p {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
  font-style: italic;
  font-style: oblique;
}

div.vps div.photo-right {
  margin-right: 0.5em;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  float: right;
  font-style: italic;
  font-style: oblique;
}

div.vps div.photo-right img {
  margin-bottom: 0em;
}

div.vps div.name {
  font-size: 2em;
  line-height: 1.1em;
}

div.vps p {
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

div.vps p,
div.vps dl,
div.vps ul,
div.vps ol,
div.vps blockquote,
div.vps h2,
div.vps h3,
div.vps div.container {
  margin-left: auto;
  margin-right: auto;
}

h1 {
/*  -moz-border-radius-topright: 22px;
  border-top-right-radius: 22px; */
  -moz-border-radius-topleft: 22px;
  border-top-left-radius: 22px;
}

div.vps {
/*  -moz-border-radius-topright: 28px;
  border-top-right-radius: 28px; */
  -moz-border-radius-topleft: 28px;
  border-top-left-radius: 28px;

  -moz-border-radius-bottomright: 28px;
  border-bottom-right-radius: 28px;
}

h2, dt {
  -moz-border-radius-topright: 1em;
  border-top-right-radius: 1em;
}

div.colophon {
  text-align: left;
  -moz-border-radius-bottomright: 2.5em;
  border-bottom-right-radius: 2.5em;
}

div.donate h2 {
  -moz-border-radius-topleft: 1em;
  border-top-left-radius: 1em;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  text-align: right;
}

/* 
h3 {
  -moz-border-radius-topleft: 1em;
  border-top-left-radius: 1em;
}
*/

div.h3-accordion div.h3 h3 {
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  border-top: solid 1px #eee;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.h3-accordion div.h3:first-of-type h3,
div.h3-accordion div.firsth3 h3 {
  -moz-border-radius-topleft: 1em;
  border-top-left-radius: 1em;
  border-top: solid 5px transparent;
}

div.navigation,
div.breakout {
/*  -moz-border-radius-topleft: 1.6em;
  border-top-left-radius: 1.6em; */
  -moz-border-radius-topright: 1.6em;
  border-top-right-radius: 1.6em;
}

div.breakout h2, div.vps > h2.top {
/*  -moz-border-radius-topleft: 1em;
  border-top-left-radius: 1em; */
  text-align: left;
  padding-left: 0.5em;
  padding-right: 0;
}

div.mugshot img.mug {
  -moz-border-radius-topleft: 1.2em;
  border-top-left-radius: 1.2em;
/*  -moz-border-radius-topright: 1.2em;
  border-top-right-radius: 1.2em;
  -moz-border-radius-bottomleft: 1.2em;
  border-bottom-left-radius: 1.2em;
  -moz-border-radius-bottomright: 1.2em;
  border-bottom-right-radius: 1.2em; */
}

div.vps > div.donate {
  float: right;
  width: 9em;
  color: black;
  display: block;
  margin: 0em;
  text-align: center;
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
  text-decoration: none;
  padding: 0em;
  padding-bottom: 0.5em;
  background-color: #88ff88;
  background-color: #77dd77;
/*  background-image: url('/background-plasma-green.png'); */

  margin-top: -130pt;
  margin-right: 0.5em;
  -moz-border-radius-topleft: 1.6em;
  border-top-left-radius: 1.6em;
}

div.vps blockquote.quotebox {
  display: inherit;
  position: relative;
  width: 12em;
  font-size: 1.2em;
  font-style: normal;
  clear: none;
  padding: 0.5em;
  margin: 0.5em;
  margin-top: 0;
  margin-bottom: 0;
/*
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
*/
/*  color: #184818; */
  color: #eee;
  background-color: #66dd66;
  background-color: #77dd77;
  background-color: #448844;
  background-color: #ccc;
  color: #333;
/*  background-image: url('/background-plasma-darkgreen.png'); */

/*  color: #184818; */
/*  text-shadow: -1px -1px 1px #eee, 0.1em 0.1em 0.1em #888; */
}

div.vps > div.quote {
  margin-top: 0;
  margin-bottom: 0;
}

div.vps blockquote.quotebox > p {
  margin: 0;
  padding: 0;
}

div.vps blockquote.quoteright {
  -moz-border-radius-topleft: 1.2em;
  border-top-left-radius: 1.2em;
  margin-left: 0.5em;
  margin-right: 0;
  padding-left: 0;
  float: right;
  text-align: right;
}

div.vps blockquote.quoteleft {
  -moz-border-radius-topright: 1.2em;
  border-top-right-radius: 1.2em;
  margin-left: 0.5em;
  padding-left: 0;
  margin-right: 0.5em;
  float: left;
  text-align: left;
}

div.vps blockquote.quotebox > p:before {
   content: "“";
}
div.vps blockquote.quotebox > p:after {
   content: "”";
}

div.vps > h2.top {
  margin-left:  11.8em;
  margin-right: 11.8em;
}

div.vps > h2 {
  margin-left:  13.8em;
  margin-right: 13.8em;
}

div.vps > h3 {
  margin-left:  16.5em;
  margin-right: 16.5em;
}

div.vps div.h2 {
  margin-left: 16.5em;
  margin-right: 16.5em;
}

div.vps > p,
div.vps > ol,
div.vps > ul,
div.vps > dl,
div.vps > div.quote {
  clear: none;
  margin-left:  16.5em;
  margin-right: 16.5em;
}

div.vps div.quote,
div.vps dl,
div.vps ul,
div.vps ol {
  clear: none;
}

div.vps div.h3 h3 {
  margin-top: 0;
}

div.h3menu h3,
input[type=submit] {
  cursor: pointer;
}

div.h3menusub {
  position: absolute;
  width: 14.86em !important;
  margin-left: 0.5em;
  max-height: 30em;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 3000;
}

div.vps div.h3menu,
div.vps div.h3menu h3,
div.vps div.h3menu div.h3menusub {
  z-index: 5000;
}

div.vps div.h3menu div.h3menusub {
  visibility: hidden;
  opacity: 0;
  margin-top: -1.7em;
  -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s ease;
  -moz-transition:visibility 0s linear 0.3s,opacity 0.3s ease;
  -ms-transition:visibility 0s linear 0.3s,opacity 0.3s ease;
  -o-transition:visibility 0s linear 0.3s,opacity 0.3s ease;
/*  transition:visibility 0s linear 0.3s,opacity 0.3s ease; */
}

div.vps div.navigation div.h3menu div.h3menusub {
  margin-left: 15.5em;
}
div.vps div.breakout div.h3menu div.h3menusub {
  /* margin-left: -14.5em; */
  margin-left: 0em;
  margin-top: 0em;
}

div.vps div.h3menu:hover div.h3menusub {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  /* transition-delay: 0s; */
}

/* div.vps div.h2 div.h2-sub, */
div.vps div.h3 div.h3-sub {
  height: 0;
  overflow-y: /* hidden */ scroll;
  overflow-x: hidden;
  visibility:hidden;
/*  display: !important; */
  -webkit-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -moz-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -ms-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -o-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
/*  transition:visibility 0.5s linear 0s,height 0.5s ease-in-out; */
}

div.vps div.h3 {
/*  margin-top: -10px; */
}

/* 15em + 1.7em (1.3em for mac) * h3 count */

/*
div.vps div.h3-accordion {
  overflow-y: hidden;
}
*/

div.vps div.h3-accordion.ac-3 {
  height: 19.4em;
}             
div.vps div.h3-accordion.ac-4 {
  height: 20.8em;
}             
div.vps div.h3-accordion.ac-5 {
  height: 22.2em;
}             
div.vps div.h3-accordion.ac-6 {
  height: 23.6em;
}
div.vps div.h3-accordion.ac-7 {
  height: 25.0em;
}
div.vps div.h3-accordion.ac-8 {
  height: 26.4em;
}
div.vps div.h3-accordion.ac-9 {
  height: 27.8em;
}
div.vps div.h3-accordion.ac-10 {
  height: 29.2em;
}

div.vps div.h3-accordion > div.h3:first-of-type > div.h3-sub,
div.vps div.h3-accordion > div.firsth3 > div.h3-sub {
  height: 15em;
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
  visibility: visible;
  -webkit-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -moz-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -ms-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -o-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
/*  transition:visibility 0.5s linear 0s,height 0.5s ease-in-out; */
}

div.vps div.h3-accordion:hover > div.h3:first-of-type > div.h3-sub,
div.vps div.h3-accordion:hover > div.firsth3 > div.h3-sub {
  height: 0;
  overflow-y: /* hidden */ scroll;
  overflow-x: hidden;
  visibility:hidden;
  -webkit-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -moz-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -ms-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -o-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
/*  transition:visibility 0.5s linear 0s,height 0.5s ease-in-out; */
}

/* div.vps div.h2:hover div.h2-sub, */
div.vps div.h3:hover div.h3-sub {
  height: 15em !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  display: block !important;
  visibility:visible !important;
  -webkit-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -moz-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -ms-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
  -o-transition:visibility 0.5s linear 0s,height 0.5s ease-in-out;
/*  transition:visibility 0.5s linear 0s,height 0.5s ease-in-out; */
}

div.vps div.h3:hover blockquote.quotebox {
  display: block;
}

div.vps div.h3 blockquote.quotebox {
/*  display: ; */
}

/*
div.vps div.h2 div.h2-sub {
  height: 100em !important;
}
*/

div.vps div.container {
/*  width: 50%; */
}


div.breakout h3 {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
div.donate h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div.vps p.point {
  margin-top: 0em;
  margin-bottom: 0em;
  text-transform: uppercase;
}

div.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 16em;
  margin-bottom: 0.5em;
}

div.allcenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
}

div.left {
  text-align: center;
  float: left;
  width: 16em;
  margin-bottom: 0.5em;
}

div.right {
  text-align: center;
  float: right;
  width: 16em;
  margin-bottom: 0.5em;
}

span.left {
  text-align: left;
}

span.right {
  text-align: right;
}

div.leftbar {
  float: left;
  width: 16.5em;
  padding: 0;
  margin: 0;
}

div.rightbar {
  float: right;
  width: 16.5em;
  padding: 0;
  margin: 0;
}

div.vps span.underline {
  text-decoration: underline;
}

hr {
  margin-top: 1em;
  margin-bottom: 0em;
  /* margin-left: 13em; */
}

div.navigation, div.h3menusub {
  width: 16em;
  /* float: left; */
/*  border: solid 1px black; */
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
  margin-right: 0.5em;
  margin-bottom: 0;
/*  padding-right: 0.5em; */
  padding-bottom: 0.5em;
  margin-top: 0.5em;
  clear: left;
  background-color: #88ff88;
  background-color: #77dd77;
  background-color: #66cc66;
/*  background-image: url('/background-plasma-green.png'); */
}

div.navigation .h3menu > h3,
div.navigation .h2menusub > .navmenu > a[href],
div.navigation .h3menusub > a[href],
div.navigation .h3menusub input[type=submit],
div.donate a {
  display: block;
  text-align: left;
  width: auto;
  border-right: solid 1pt #242;
  border-left: solid 1pt #8a8;
  border-bottom: solid 1pt #242;
  border-top: solid 1pt #8a8;
  padding: 3pt;
  text-decoration: none;
  margin-left: 0.5em;
  margin-right: 0.5em;
  background-color: #77dd77;
  background-color: #448844;
  color: #eee !important;
  text-decoration: none !important;
/*  background-image: url('/background-plasma-lightgreen.png'); */

}

div.navigation .h2menusub > .navmenu > a[href].current,
div.navigation .h2menusub > .navmenu > a[href]:active,
div.navigation .h3menusub > a[href].current,
div.navigation .h3menusub > a[href]:active {
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
}

div.navigation .h3menu > h3:hover,
div.navigation .h3menusub input[type=submit]:hover,
div.donate a:hover,
div.navigation .h2menusub > .navmenu > a[href]:hover,
div.navigation .h3menusub > a[href]:hover {
  border-right: solid 1pt #aea;
  border-left: solid 1pt #484;
  border-bottom: solid 1pt #aea;
  border-top: solid 1pt #484;
  background-color: #88ff88;
  background-color: #66aa66 !important;
  color: #fff !important;
/*  background-image: url('/background-plasma-green.png'); */
}

div.navigation p {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

blockquote {
  font-style: italic;
  line-height: 1em;
  padding-left: 3em;
  padding-right: 3em;
}

body {
  background-color: #eee; /* #8888ff; */
  background-color: #000; /* #8888ff; */
}

ul {
  clear: left;
  margin-left: 0.5em;
}

div.breakout p, 
div.breakout div.center {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div.breakout ul,
div.breakout ol,
div.breakout dl,
div.breakout table,
div.breakout h3,
div.breakout h2 {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div.donate h2,
div.donate h3,
div.navigation h2,
div.navigation h3 {
  margin-left: 0.5em;
  margin-right: 0.5em;

}

div.clear {
  line-height: 0;
  font-size: 0;
  clear: both;
}

h2, h3, div.navigation dt, div.breakout dt, div.colophon {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

div.navigation dl,
div.navigation ol,
div.navigation ul {
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0pt;
}

div.navigation dt,
div.breakout dt {
  background-color: #448844;
  color: #eee;
  text-align: left; 
  margin-top: 0em;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0.5em;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
}
div.navigation dd, 
div.breakout dd {
  text-align: right;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 0em;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
}

div.navigation dd .where {
  font-weight: normal;
  text-decoration: none;
  font-style: italic;
}

/* span.h1alt, */
span.nostyle {
  display: none;
}

a {
  color: #008000 !important;
  color: #184818 !important;
  text-decoration: underline; 
}

/* SAW: dirty trick to get link targets hilighted */

a:hover /* , div.h2:target ~ a */ {
  text-decoration: underline !important;
  background-color: #77dd77;
  background-color: #88ff88 !important;
  color: #184818 !important;
/*  background-image: url('/background-plasma-lightgreen.png'); */
}

dl.tight dd {
  color: #eee;
  position: relative;
  top: -14pt;
  padding-right: 0.5em;
  line-height: 0em;
}

dl.tight dt,
div.navigation dt + dt {
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
}

dd em.sub {
  display: block;
  text-align: left;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0em;
  padding: 0em;
}

dl.events dd {
  padding-right: 0.5em;
}

div.h3-accordion div.h3-sub p {
/*  padding-bottom: 1em; */
}

div.h3-accordion div.h3-sub {
  position: relative;
}

div.h3-accordion div.h3-sub a.expand,
div.h3-accordion div.h3-sub a.close {
  display: block;
  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080;
  height: 1.4em;
  float: right;
  z-index: 999;
  margin-left: 0.5em;
  width: 4em;
  text-align: center;
  clear: right;
}

/* css2 hide */

div.h3-accordion div.h3-sub a.expand,
div.h3-accordion div.h3-sub a.close {
  display: none;
}

/* css3 redisplay */

div.h3-accordion div.h3-sub a.expand:not(:target),
div.h3-accordion div.h3-sub a.close:not(:target) {
  display: block;
}

div.h3-accordion div.h3-sub:target a.expand,
div.h3-accordion div.h3:target a.expand {
  display: none;
}
div.h3-accordion div.h3:not(:target) div.h3-sub:not(:target) a.close {
  display: none;
}

@media not screen {
  div.vps div.h2
  div.navmenu div.h2,
  div.vps div.h3menusub.navmenuroot,
  div.vps div.h2 div.h2-sub,
  div.vps div.h3 div.h3-sub,
  div.vps div.h3-accordion,
  div.vps div.h3-accordion div.h3 div.h3-sub,
  div.vps div.h3menu div.h3menusub,
  div.vps div.h3 blockquote.quotebox {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    top: auto !important;
  }
  a.expand, a.close {
    display: none !important;
  }
  div.vps div.navigation div.h3menu div.h3menusub,
  div.vps div.breakout div.h3menu div.h3menusub {
    margin-left: 0.5em;
    margin-top: 0 !important;
  }
  div.vps div.breakout div.h2 div.h2-sub {
    position: fixed !important;
    top: auto;
    left: auto;
    margin-top: auto;
  }

}

/* 
div.navmenu div.h2 > div.h2-sub > p:first-of-type {
  height: 7em;
}
*/

div.h2menusub div.navmenu div.h2 {
  visibility: hidden;
  opacity: 0;
  height: 35.5em;
  -webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear 0s;
  -moz-transition:visibility 0.5s linear 0s,opacity 0.5s linear 0s;
  -ms-transition:visibility 0s linear 0.5s,opacity 0.5s linear 0s;
  -o-transition:visibility 0s linear 0.5s,opacity 0.5s linear 0s;
/*  transition:visibility 0s linear 0.5s,opacity 0.5s linear 0s; */
}


div.h2menusub:not(:hover) div.navmenu:first-of-type div.h2,
div.h2menusub:not(:hover) div.firstnavmenu div.h2 /* ,
div.h2menusub div.firstnavmenu div.h2 */ {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  /* transition-delay: 0s; */
}

/* SAW: uncomment next trigger and remove the above and clickable instead of hover (no first default though -- need solution for that -- maybe javascript to set a default target) -- also uncomment ~ sibling :target handler for the anchors */

div.h2menusub div.navmenu:hover div.h2 /*,
 div.h2menusub:not(:hover) div.navmenu:not(:hover) div.h2:target */{
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  /* transition-delay: 0s; */
  z-index: 2001;
}

div.h2menusub div.navmenu:not(:hover) div.h2 {
  z-index: 2000 !important;
}

div.h3menusub.navmenuroot {
  position: relative;
}

div.navmenu div.h2 {
/*  padding-left: 1em;
  margin-left: -1em; */
  margin-left: 16em;
  padding-right: 1.5em; /* to help give a mouse buffer */
  position: absolute;
  padding-left: 0em;
  top: 13.45em;
  width: 50.05em;
  clear: none;
}

div.navmenu div.h2 h2 {
/*  width: 25.5em; */
}

div.navmenu div.h2 div.h2-sub > p {
/*  width: 32em; */
}

div.navigation, div.h2menu, div.h2menusub {
  margin-right: 0;
  padding-right: 0;
}

div.h2menusub div.navmenu div.h2 h2 {
  margin-left: 0;
}

div.navigation h2,
div.navigation h3,
div.donate h2,
div.donate h3,
div.breakout h2,
div.breakout h3 {
  background-color: #184818;
  color: #eee;
/*  background-image: url('/background-plasma-darkgreen.png'); */
/*  border-right: solid 1pt #808080;
  border-left: solid 1pt #808080;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt #808080; */
}


div.navigation h3,
div.donate h3,
div.breakout h3 {
  margin-bottom: 0;
  margin-top: 0;
}

div.h2 h2,
div.h2 h3 {
  color: #184818;
  background-color: #66dd66;
  border-right: solid 0px black;
  border-left: solid 0px black;
  border-bottom: solid 0px black;
  border-top: solid 0px black;
  margin-left: 11pt !important;
}

div.h2 p {
  margin-left: 6pt !important;
}

div.h2 h2 {
  border-right: solid 1px #eee;
  border-left: solid 1px #eee;
  border-bottom: solid 1px #eee;
  border-top: solid 1px #eee;
}

div.mugshot,
div.breakout,
div.donate,
div.navigation {
  padding-top: 0.005em;
  padding-top: 1px;
  border-right: solid 0px black;
  border-left: solid 0px black;
  border-bottom: solid 0px black;
  border-top: solid 0px black;
}

div.breakout,
div.navigation {
  background-color: #66cc66;
  background-color: #448844;
  background-color: #226622;
  padding-bottom: 0.5em;
}

dl.tight dd a {
  color: #8e8 !important;
}

dl.tight dd a:hover {
  color: #184818 !important;
}

input[type=submit] {
/*  font-family: "Garamond", "Times New Roman", serif; */
  padding: 3pt;
  font-size: 1em;
  display: block;
  margin-left: 0.5em;
  margin-right: 0.5em;
  width: auto;
  text-align: left;
/*
  border-right: solid 1pt #808080;
  border-left: solid 1pt white;
  border-bottom: solid 1pt #808080;
  border-top: solid 1pt white;
 */
}

input[type=submit]:hover {
  text-decoration: underline;
  border-right: solid 1pt black;
  border-left: solid 1pt black;
  border-bottom: solid 1pt black;
  border-top: solid 1pt black;
}


div.vps div.h3-accordion:not(:hover) div.h3 > div.h3-sub:target,
div.vps div.h3-accordion div.h3:target,
div.vps div.h3-accordion:hover div.h3 > div.h3-sub:target,
div.vps:hover div.h3-accordion div.h3 > div.h3-sub:target {
  height: auto !important;
  position: absolute;
  width: 49em;
  margin-left: 1em;
  margin-top: -1px;
/*  overflow-y: visible !important; */
  background-color: #eeeeee;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  border: solid 0.1em #000;
  z-index: 4000;
  top: 0.3em;
  height: 37em;
  min-height: 37em;
  max-height: 37em;
  -moz-box-shadow: 0.2em 0.2em 0.5em #000;
  -webkit-box-shadow: 0.2em 0.2em 0.5em #000;
  box-shadow: 0.2em 0.2em 0.5em #000;
  padding-left: 0;
}

div.vps div.h3-accordion div.h3:target h3 {
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  margin-left: 0 !important;
}

div.vps div.h3-accordion div.h3:target {
  padding-left: 0;
}

div.vps div.h3-accordion div.h3:target div.h3-sub {
  height: 35.4em !important;
  background-color: #eeeeee;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  z-index: 4001;
  padding-left: 0;
  margin-left: 0;
  /* validator carps on negative values, css3 draft spec disagrees */
  -webkit-transition:height 0s ease-in-out -1s !important;
  -moz-transition:height 0s ease-in-out -1s !important;
  -ms-transition:height 0s ease-in-out -1s !important;
  -o-transition:height 0s ease-in-out -1s !important;
/*  transition:height 0s ease-in-out -1s !important; */
}


div.vps {
  /* validator carps on the gradient options, but extension should only warn */
  background-image: -webkit-linear-gradient(bottom, #363 0%, #242 16%, #eee 75%, #228 100%);
  background-image: -moz-linear-gradient(bottom, #363 0%, #242 16%, #eee 75%, #aaf 100%);
  background-image: -ms-linear-gradient(bottom, #363 0%, #242 16%, #eee 75%, #228 100%);
  background-image: -o-linear-gradient(bottom, #363 0%, #242 16%, #eee 75%, #228 100%);
/*  background-image: linear-gradient(bottom, #363 0%, #242 16%, #eee 75%, #228 100%); */
  padding: 0.5em;
}

h4 {
  padding-left: 1.35em;
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 0.8em;
  font-family: "Tahoma", "Geneva", sans-serif;
}

div.navigation div.h3-sub dl dt {
  background-color: #ccc;
  color: #000;
}

@media screen and (max-device-width: 720px) {
/*
  div.vps div.h2
  div.navmenu div.h2,
  div.vps div.h3menusub.navmenuroot,
  div.vps div.h2 div.h2-sub,
  div.vps div.h3 div.h3-sub,
  div.vps div.h3-accordion,
  div.vps div.h3-accordion div.h3 div.h3-sub,
  div.vps div.h3menu div.h3menusub,
  div.vps div.h3 blockquote.quotebox {
    display: block !important; 
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    top: auto !important;
  }
  a.expand, a.close {
    display: none !important;
  }
*/

  div.vps div.h3-accordion div.h3:target div.h3-sub,
  div.vps div.h3-accordion div.h3:target {
    min-height: 37em !important;
    max-height: 1000em !important;
    height: auto !important;
  }

}