/* CSS Document */
body {margin: 0; padding: 0; text-align: center;
  color: #000; background: #FFF;font-family:Verdana,Arial,Helvetica;font-size: 90%;}
acronym {border: none;}
a {text-decoration: none;}
h4 a:link {color: rgb(179,63,96);}
h4 a:hover {color: rgb(90,32,48);background-color:#ECFFEC}
h4 a:visited {color: rgb(90,32,48);}
#container {width: 647px; margin: 10px auto 0; padding: 0;
  position: relative; text-align: left;}
#pageHeader {background: url(../images/pageHeader2.jpg) 0 0 no-repeat;
  height: 157px; width: auto; }
#pageHeader h1 {
  height: 146px; width: 147px; position: absolute; z-index: 101;
  top: -10px; right: -10px; margin: 0; border:1px solid;
  }
.p1 {
  font-family:Verdana,Arial,Helvetica;font-size:75%;
  }
#pageHeader h1 span {visibility: hidden;}
#pageHeader h2 {position: absolute; z-index: 102;
  top: 134px; right: 140px; margin: 0; padding: 0;
  color: rgb(91,131,104);
  letter-spacing: 0.2em;
  font: bold italic 1.1em/1em Verdana, arial; text-align: right;}
#pageHeader h2 acronym {text-transform: uppercase;}
#quickSummary {font: italic 1em/2 Times, "Verdana", arial;
  background: rgb(94%,98%,96%) url(../quickSummary.jpg) 0 100% no-repeat;
  color: #26267f;text-align:center;
  margin: 1px 0; padding: .1em .3em .6em .3em;}
#quickSummary p {display: inline;}
#quickSummary p.p2 {margin-left: 0.25em;}
#quickSummary p.p2:after {content: ".";}
#preamble, #supportingText {padding-right: 217px;}
#preamble p, #supportingText p {font-size: 75%; line-height: 1.5em;
   margin: 0 1.5em; padding: 0.5em 0;}
#preamble h3, #supportingText h3, #requirements h3 {letter-spacing: 0.1em;
  font: italic 1.0em Verdana, "Arial", serif;
  color: rgb(107,153,139); margin: .6em 0 0.3em 0.5em;}
#preamble {border-top: 1px solid rgb(184,214,194);
  background: url(../side.jpg) 100% 100% repeat-y;}
#brief {
  background: url(../side.jpg) 100% 100% repeat-y;
  margin: 1em 0 0.5em 0.5em;
  color: rgb(90,32,48)}
#supportingText {background: url(../side.jpg) 100% 0 repeat-y;}
#preamble, #explanation, #participation, #benefits, #requirements {
  border-left: 1px solid rgb(184,214,194);
  padding-top: 1px; padding-bottom: 1px;}
#requirements {border-bottom: 1px solid rgb(184,214,194);
}
#footer {margin: 0 -217px 0 0; height: 123px;
  background: #FFF url(../images/footer.jpg) 100% 1px no-repeat;
  padding: 60px 1em 0 0.5em;}
#footer a {color: rgb(207,216,214); line-height: .5em;
  font-size: 1.25em; font-weight: 100;}
#linkList {position: absolute; z-index: 11;
  width: 216px; top: 90px; right: 0;
  margin-top: 7.6em;}
#linklist2 {
margin:0 0 0 0;
padding: 0 0 0 0;

}
#linkList ul {margin: .2em .2em .2em 1.8em; padding: 0;}
#linkList li {margin-bottom:.1em}
#linkList a {color: rgb(99,131,101);
  font: italic 100% Verdana, arial;
 }
#linkList h3 {margin: 1em 0 0; width: 216px; height: 35px;
  background: url(../resources.gif) 10px 50% no-repeat;}
#lselect h3 {background-image: url(../images/design-list.gif);}
#disclaimer h3 {background-image: url(../images/disclaimer.gif);
padding:0 0 0 0;
margin: 0 0 0 0;}
#lcontact h3 {background-image: url(../images/contact.gif);}
#larchives h3 {background-image: url(../archives.gif);}
#linkList h3 span {display: none;}
#lselect li {font-size: 75%; }
#lselect li a {display: block; font-weight: bold;
  letter-spacing: 0em; text-transform: lowercase;}
#lselect li a.c {display: inline;
  font: bold 75% Verdana, arial;
  letter-spacing: 0; text-transform: none;}
#larchives li, #lresources li {margin-bottom: 0.5em;}
#larchives li a, #lresources li a {color: rgb(126,164,139);}
.title, .section {
padding-left:10px;
}