body {margin: 0; padding: 0; text-align: center;
  color: #000; background: #FFF;}

a {text-decoration: none;}
a:link {color: rgb(179,63,96);}
a:visited {color: rgb(90,32,48);}
a:hover {text-decoration: underline;}

#container {width: 647px; margin: 75px 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 {background: url(../images/earth.png) 0 0 no-repeat;
  height: 330px; width: 250px; position: absolute; z-index: 101;
  top: -95px; right: -80px; margin: 0;}
#pageHeader h1 span {visibility: hidden;}
#pageHeader h2 {position: absolute; z-index: 102;
  top: 134px; right: 140px; margin: 0; padding: 0;
  color: #062f8e;
  text-transform: lowercase; letter-spacing: 0.2em;
  font: bold italic 1.1em/1em Times, serif; text-align: right;}


#quickSummary {font: italic 1em/2 Times, "Times New Roman", serif;
  background: rgb(94%,98%,96%) url(../images/quickSummary.jpg) 0 100% no-repeat;
  color: rgb(42,92,42);
  margin: 1px 0; padding: 1em 180px 1.5em 1.5em;}
#quickSummary p {display: inline;}
#quickSummary p.p2 {margin-left: 0.25em;}

#preamble, #supportingText {padding-right: 217px;}
#preamble p, #supportingText p {font-size: 90%; line-height: 1.66em;
   margin: 0 1.5em; padding: 0.5em 0;}
#preamble h3, #supportingText h3 {letter-spacing: 0.1em;
  font: italic 1.2em Times, "Times New Roman", serif;
  color: #063fd4; margin: 1em 0 0.5em 0.5em;}
#preamble {border-top: 1px solid rgb(184,214,194);
  background: url(../images/side.jpg) 100% 100% repeat-y;}

#supportingText {background: url(../images/side.jpg) 100% 0 repeat-y;}

#preamble,  #requirements {
  border-left: 1px solid rgb(184,214,194);
  padding-top: 1px; padding-bottom: 1px;}

#footer {margin: 0 0; height: 123px;
  background: #FFF url(../images/footer.jpg) 100% 1px no-repeat;
  padding: 32px 1em 0 5em;}
#footer a {color: rgb(207,216,214); line-height: 1em;
  font-size: 1.25em; font-weight: 100;}

#linkList {position: absolute; z-index: 11;
  width: 216px; top: 157px; right: 0;
  margin-top: 8.6em;}
#linkList ul {margin: 0.5em 1em 0 2em; padding: 0;}
#linkList li {list-style: none;}
#linkList a {color: rgb(3,34,127);
  font: italic 1em Times, serif;
  text-transform: lowercase;}
#linkList h3 {margin: 1em 0 0; width: 216px; height: 35px;
background:  10px 50% no-repeat;}
#lselect h3 {background-image: url(../images/design-list.gif);}
#larchives h3 {background-image: url(../images/archives.gif);}
#linkList h3 span {display: none;}
#lselect li {font-size: 100%; margin-bottom: 1em;}
#lselect li a {display: block; font-weight: bold;
  letter-spacing: 0.1em; text-transform: lowercase;}
#lselect li a.c {display: inline;
  font: bold 1em Times, serif;
  letter-spacing: 0; text-transform: none;}
