/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Century Gothic", Georgia, Verdana, Arial, sans-serif;
  background: #000;
  color: #000;
}

a:link, a:visited {
  color: #000;
  text-decoration: underline;
}

a:hover, a:active {
  color: #808080;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
}

#container {
  width: 800px;
  height: 1495px;
  position: absolute;
  left: 50%;
  margin-left: -400px;
  background: url(bg.jpg) no-repeat #000;
}

#pageHeader {
  height: 335px;
}

#pageHeader h1 span {
  display: none;
}

#pageHeader h2 {
  font-size: 1.8em;
  font-weight: normal;
  width: 193px;
  position: absolute;
  margin: 240px 0 0 30px;
}

#quickSummary {
  line-height: 1.5;
}

#quickSummary .p1 {
  font-size: .95em;
  width: 252px;
  margin-left: 30px;
}

#quickSummary .p2 {
  font-size: 1em;
  font-weight: bold;
  width: 170px;
  margin: 40px 0 0 30px;
}

#quickSummary a {
  font-style: italic;
}

#footer {
  font-size: .95em;
  font-weight: bold;
  position: absolute;
  top: 560px;
  left: 30px;
}

#footer a {
  font-style: italic;
}

#preamble, #explanation, #participation, #benefits, #requirements {
  font-size: .8em;
  position: absolute;
  line-height: 1.5;
  z-index: 100;
}

#preamble p:first-letter, #explanation p:first-letter, #participation p:first-letter, #benefits p:first-letter, #requirements p:first-letter {
  font-family: "Times New Roman", serif;
  font-size: 3.5em;
  letter-spacing: .1em;
  float: left;
  padding-top: 3px;
}

#participation a:link, #participation a:visited, #requirements a:link, #requirements a:visited {
  color: #fff;
}

#participation a:hover, #participation a:active, #requirements a:hover, #requirements a:active {
  color: #808080;
}

#preamble p, #supportingText p {
  width: 300px;
  display: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0,0.9);
  padding: 10px;
  /*-moz-opacity: 0.9;*/
}

#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span {
  display: none;
}

#preamble:hover p, #preamble p:hover, #explanation:hover p, #explanation p:hover, #participation:hover p, #participation p:hover, #benefits:hover p, #benefits p:hover, #requirements:hover p, #requirements p:hover {
  display: block;
}

#preamble {
  top: 100px;
  left: 475px;
}

#preamble h3 {
  width: 235px;
  height: 105px;
}

#preamble h3:hover {
  background: url(11.png);
}

#preamble .p1, #preamble .p2, #preamble .p3 {
  border-left: 3px solid #808080;
  border-right: 3px solid #808080;
}

#preamble .p1 {
  border-top: 3px solid #808080;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
}

#preamble .p3 {
  border-bottom: 3px solid #808080;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
}

#supportingText .p1, #supportingText .p2, #supportingText .p3, #supportingText .p4, #supportingText .p5 {
  border-left: 3px solid #808080;
  border-right: 3px solid #808080;
}

#supportingText .p1 {
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top: 3px solid #808080;
}

#explanation {
  top: 315px;
  left: 420px;
}

#explanation h3 {
  width: 195px;
  height: 82px;
}

#explanation h3:hover {
  background: url(22.png);
}

#explanation .p2 {
  border-bottom: 3px solid #808080;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
}

#participation {
  top: 525px;
  left: 374px;
}

#participation h3 {
  width: 125px;
  height: 60px;
}

#participation h3:hover {
  background: url(33.png);
}

#participation .p3 {
  border-bottom: 3px solid #808080;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
}

#benefits {
  top: 734px;
  left: 325px;
}

#benefits h3 {
  width: 84px;
  height: 45px;
}

#benefits h3:hover {
  background: url(44.png);
}

#benefits .p1 {
  border-bottom: 3px solid #808080;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
}

#requirements {
  top: 925px;
  left: 215px;
}

#requirements h3 {
  width: 140px;
  height: 65px;
}

#requirements h3:hover {
  background: url(55.png);
}

#requirements p {
  width: 535px;
}

#requirements .p5 {
  border-bottom: 3px solid #808080;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
}

#requirements .p5:first-letter {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  float: none;
  padding-top: 0;
}

#linkList h3 {
  font-weight: normal;
  font-size: 1.3em;
  padding-top: 20px;
}

#linkList ul {
  list-style-type: none;
}

#linkList a:hover {
  color: #000;
}

#lselect {
  position: relative;
  top: 100px;
  left: 615px;
  width: 185px;
}

#lselect a:hover {
  background: url(cam_icon.png) no-repeat;
  margin-left: -30px;
  text-indent: 30px;
}

#larchives, #lresources {
  position: relative;
  top: 100px;
  left: 585px;
  width: 215px;
}

#larchives h3, #larchives a, #lresources h3, #lresources a {
  margin-left: 30px;
}

#larchives li:hover, #lresources li:hover {
  background: url(cam_icon.png) no-repeat;
}

#lselect li {
  padding-top: 15px;
}

#lselect a {
   display: block;
}

#lselect a, #larchives a, #lresources a {
  font-weight: bold;
  text-decoration: none;
}

#lselect a.c {
  display: inline;
  font-weight: normal;
  background: transparent;
  margin-left: 0;
  text-indent: 0;
}

#lselect a.c:hover, #lselect a.c:active {
  color: #808080;
}

#larchives ul, #lresources ul {
  padding-top: 15px;
}