/* CSS Base Styles */
/* Copyright(c) 2007 DGS Consulting, Inc. */

body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: #fff;
    /* background: #E2EBED; */
    /* text-align: center; */
    }
a
    {
    color: #307082;
    }
a:hover
    {
    color: #D60808;
    }
acronym
    {
    border: none;
    }

#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #lresources h3.resources span, #larchives h3.archives span, #nav2 h3.select
    {
    display:none;
    }

#container
    {
    margin: 0 auto;
    width: 724px;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
* html #container
    {
    width: 744px;
    w\idth: 724px;
    }

#pageHeader
    {
    position: absolute;
    top: 25px;
    left: 40px;
    }
h1
    {
#    background: url("pix/peeps.gif");
    font-size: 14px;
    margin: 0;
    }
h1 span
    {
    display: none;
    }
h2
    {
    font-size: 12px;
    margin: 0;
    }

#quickSummary
    {
    padding-top: 85px;
    }
#quickSummary .p2
    {
    font-size: 12px;
    position: absolute;
    top: 65px;
    right: 20px;
    margin: 0;
    }
#container #intro #quickSummary .p1
    {
    font-size: 11px;
    height: 171px;
    background: url("/pix/background.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #quickSummary .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

#preamble, #supportingText
    {
    margin: 20px 20px 0 243px;
    }
#supportingText p, #preamble p
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    }
 #preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3
    {
    width: 200px;
    height: 24px;
    margin: 40px 0 10px 0;
    }
#preamble h3
    {
    background: url("heading01.gif") no-repeat;
    }
#explanation h3
    {
    background: url("heading02.gif") no-repeat;
    }
#participation h3
    {
    background: url("heading03.gif") no-repeat;
    }
#benefits h3
    {
    background: url("heading04.gif") no-repeat;
    }
#requirements h3
    {
    background: url("heading05.gif") no-repeat;
    }
#requirements
    {
    margin-bottom: 40px;
    }

#nav1
    {
    position: absolute;
    top: 350px;
    left: 0;
    width: 210px;
    background-color: #f0f8ff;
    }
#nav2 ul, #larchives ul, #lresources ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    }
#nav2 ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 13px;
    }
#nav2 ul li.c, #nav2 ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#nav2 ul li a.c
    {
    text-decoration: none;
    }
#nav2 ul li a.c:hover
    {
    color: #D60808;
    }
#nav2 ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }
#nav1 #larchives ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#nav1 #lresources ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#lresources h3.resources
    {
    background: url("resources.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }
#larchives h3.archives
    {
    background: url("archives.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }

#footer
    {
    /*background: url("pix/pink-disappearing.jpg") no-repeat;*/
    color: #223;
    /*clear:both;*/
    top: 100px;
    position:relative;
    height: 48px;
    /*text-align: right;*/
    padding: 30px 10px 0 0;
    line-height: 26px;
    font-size: 11px;
    }
#footer a
    {
    color: #226;
    text-decoration: none;
    }
#footer a:hover{
  text-decoration: underline;
}
#notelist{
  position: absolute;
  top: 600px;
  left: 10px;
  margin: 0;
}
#notes{
  font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
  display:block;
  background:url("pix/notes.jpg") no-repeat;
  padding:20px 15px;
  width:200
}
#banner{
  font:16px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
  display:block;
  position:relative;
  border: 3px solid red; 
  border-style:outset;
  background-color: #f0f8ff;
  padding: 5px;
  /* margin-left:-300; center of 600 width */
  /* left:50%; */
  width:500;
}
#copy{
  font:10px "Trebuchet MS",Arial,Helvetica,sans-serif;
  display:block;
  background-color:#f0f8ff;
  padding:5px;
  position: relative;
  top: 60px;
  /* width:200 */
}