/* Definition of Div elements */
  /* ========================== */
  /* Color of the area outside of our 960px page */
  html                  { background-image: url("images/brownbg.gif"); }
			  /*background-image: url("images/k2500728.jpg"); }*/
  .default              { color:            #000000;
                          background-color: #DBBC8C; 
			  background-image: none; 
                          font-family: "Comic Sans MS"; 
                          font-size:           12px;
                          margin-top: 0px;
                          margin-bottom: -80px;
                          margin-left:auto;
                          margin-right:auto;
                          line-height:         125%; }
  /* This contains everything: Header, footer, text area, ... */
                          /* background-color: #DBBC8C; */
  #page                 { width: 960px; 
                          color:            #000000;
                          background-color: #DBBC8C; /* #AF7817; */
			  background-image: none; 
			  border: 1px solid black; 
                          font-family: "Comic Sans MS"; 
                          font-size:           12px;
                          margin-top:  10px;
                          margin-bottom: 10px;
                          margin-left:auto;
                          margin-right:auto;
                          line-height:         125%; }
  /* CSS for banner over the content table */
  #banner               { width: 100%;
                          background-color: #0b243B; }
  #banner div           { width: 630px;
                          height: 125px;
                          margin-left: auto;
                          margin-right: auto; }
  #header div           { width: 630px;
                          height: 125px;
                          margin-left: auto;
                          margin-right: auto; }

  #banner div div, #banner img           
                        { float: left; 
                          padding-top: 15px; }
  #header div div, #header img           
                        { float: left; 
                          padding-top: 15px; }

  #banner div div       { width: 380px; 
                          height: 80px;
                          text-align: center;
                          line-height: 150%;
                          padding-top: 25px; }
  #header div div       { width: 380px; 
                          height: 80px;
                          text-align: center;
                          line-height: 150%;
                          padding-top: 25px; }

  /* CSS for navigation area */
  .brownborder          { border-top: 3px solid black;
                          padding-top: 3px;
                          background-color: #AF7817; }
  .brownrow             { background-color: #AF7817; }
  .browncell            { border-bottom: 3px solid black; }
  .brownsides           { width: 15px;
                          background-color: #AF7817; }
  .notespace            { width: 225px; }


  .centerwrapperx       { position: relative;
                          color:            #000000;
                          background-color: #DDDDAA;
			  background-image: none; 
                          margin-top: 10px; 
                          padding: 0; }
  #centerSally          { background-image: none; 
                          text-align:center; }
  .header               { position:relative;
                          top:    0; 
                          left:   0; 
                          color:            #000000; 
                          background-color: #FFEEAA; 
			  background-image: none; 
			  margin: 0;
                          padding-bottom: 0px;  
                          margin-top: 10px; 
			  min-height: 174px;
                          text-align: center; }
  .header2              { position:relative;
                          top:    0; 
                          left:   0; 
			  background-image: none; 
			  margin: 0;
                          padding-bottom: 0px;  
                          margin-top: 10px; 
			  min-height: 174px;
                          text-align: center; }
  .topHeader            { position:absolute;
			  left:   0;
			  top:    0; }
  .bottomHeader         { position:absolute;
			  left:   0;
			  bottom: 0; 
                          max-height: 87px; }

  .ptaTitle             { position: relative;
			  top: 80px; }
  .pencils              { position:relative;
			  top: 100px;
			  left: 65px; width:200px; }

  /* Index.html */
			  /*
			  background-image: url("images/notebook-whitebk.gif"); 
			  */
  .main                 { position: relative; 
			  background-image: url("images/bkgTileRuled003.gif"); 
                          margin: 0; 
			  width: 600px;
                          padding: 0; }
  .paper                { position:absolute;
                          background-color: green; 
			  margin: 0;
			  top: 0px; 
                          padding: 0; }
  .mainText             { position: relative;
                          font-size: 14px;
                          line-height: 140%;
                          top: 29px;
			  left: 10px;
			  width: 540px; }
  .info                 { position:relative;
			  background-color: white;
                          font-size: 14px;
                          left:0px; 
			  top:0px;  
			  }

  .sesAddress           { position:relative; }

  .xfooter               { position:relative;
                          left:130px;
                          top:650px;
                          width:380px;
                          height:77px; }
  #cupFooter            { position: relative;
                          width: 640px; }
  #footer               { position: relative; }
  #footer p             { font-size: 8pt; 
                          background-color: #DBBC8C; }
  .slim                 { position: relative;
                          width: 370px; }

/* PostIt Notes and Text on PostIt Notes
   Positioned absolute
   ------------------------------------- */
  .postItChair          { position:absolute;
                          left:    520px;
			  top:      60px; }
  .textChair            { position:absolute;
                          top:      15px; 
			  left:     10px; 
			  width:   165px; }

  #textChair            { position:relative;
                          background-color: #FFF8C6; 
                          padding:    5px;
                          top:      30px; 
			  left:     10px; 
			  width:   180px; }

  #comments             { position:relative;
                          background-color: #FFF8C6; 
                          padding:    5px;
                          top:      150px; 
			  left:     10px; 
			  width:   170px; }

  #postItSally          { position:relative;
                          background-color: #FFF8C6;
                          padding:   5px;
                          left:      5px;
                          top:     300px;
                          width:   120px; }

  #postItSally p, #comments p, #postItMtg p, #postItForm p
                        { font-size: 12px; }

  #adSally              { position:relative;
                          left:     30px;
                          top:     300px;
                          width:   145px; }

  #adBoxTops            { position:relative;
                          left:      5px;
                          top:    750px; }

  #adOrtho              { position:relative;
                          left:     30px;
                          top:    1320px; }

  #postItEvent          { position:absolute;
                          background-color: #FFF8C6;
                          padding:   5px;
                          left:     15px;
                          top:     200px;
                          width:   180px; }

  #postItEvent div      { font-weight: bold;
                          text-align: center;
                          font-style: italic; 
                          font-size: 14px;
                          line-height: 125%; }

  #postItEvent tr       { font-size: 12px; }
  #postItNews           { position:absolute;
                          background-color: #FFF8C6;
                          padding:   5px;
                          left:     15px;
                          top:     280px;
                          width:   180px; }

  #postItMtg            { position:absolute;
                          background-color: #FFF8C6;
                          padding:   5px;
                          left:     15px;
                          top:     280px; 
                          width:   150px; }

  #postItForm           { position:relative;
                          background-color: #FFF8C6;
			  padding:   5px;
			  left:     15px;
			  top:     180px;
			  width:   150px; }

  .postItVol            { position:absolute;
                          left:    470px;
			  top:     500px; }
  .textVol              { position:absolute;
                          top:      10px;
			  left:      8px;
			  width:   218px; }

  #safeway              { position:relative;
                          background-color: #FFF8C6; 
                          padding:   5px; 
                          top:     230px;
			  left:     8px;
			  width:   110px; }

  .textVol2             { position:relative;
                          background-color: #FFF8C6; 
                          padding:   5px; 
                          top:     120px;
			  left:      5px;
			  width:   120px; }

  .postItLinks          { position:absolute;
                          right:    50px;
                          top:      75px; }
  .textLinks            { position:absolute;
                          left:     10px;
                          top:      25px;
                          width:   135px; }

  .postItForm           { position:absolute;
                          right:    50px;
                          top:      75px; }
  .textForm             { position:absolute;
                          left:     10px;
                          top:      25px;
                          width:   148px; }

  #postItEvent          { position:relative;
                          left:     5px;
                          top:      60px; }
  .textEvent            { position:absolute;
                          left:     10px;
                          top:      25px;
                          width:   165px; }

  .postItMtg            { position:absolute;
                          right:    50px;
                          top:      75px; }
  .txtMtg               { position:absolute;
                          left:     10px;
                          top:      10px;
                          width:   148px; }

  .postItSally          { position:absolute;
                          left:    560px;
                          top:     210px; }
  .textSally            { position:absolute;
                          left:     10px;
                          top:       0px;
                          width:   121px; }
  .adSally              { position:absolute;
                          left:    560px;
                          top:     410px;
                          width:   145px; }

  .adOrtho              { position:absolute;
                          left:    420px;
                          bottom:  100px; }

  .postItVen            { position:absolute;
                          left:    530px;
                          top:      79px; }
  .textVen              { position:absolute;
                          left:     10px;
                          top:      10px;
                          width:   148px; }

  #postItNews           { position:relative;
                          left:      5px;
                          top:      58px; }
  .textNews             { position:absolute;
                          left:     10px;
                          top:      20px; 
                          width:   148px; }

  #tableContacts        { position:relative;
                          padding-top:    5px;
                          font-size:     13px;
                          left:          5px;
                          top:           30px;
                          width:        570px; }
  #tableContacts td
                        { vertical-align: top;
                          padding-top:    2px;
                          padding-bottom: 3px; }
  #tableContacts table  { padding-bottom: 5px; 
                          background-color: white; }

  #tableContacts tr:hover
                        { background-color: #DBBC8C; }
/* ----------------------------------------- */
  .uinput               { position:relative; width: 550px; }
  .cup                  { position:absolute;right:0px;bottom:0px; }



  .tabdef               { color: #000000; 
                          font-weight: bold;
                          text-align: right;
                          vertical-align: top;
                          width: 130px;
                          background-color: transparent; }
  .contacts             { color: #000000;
                          background-color: #FFFFFF; 
			  background-image: none; 
                          font-family: Arial; 
                          font-size:12px;
                          line-height: 100%; 
                          margin:0px;
                          padding:0px;
                          text-align:center;
                          min-width:761px;}
  .pageHdr              { color: #CC0000; 
			  background-color: white;
                          font-family: Arial;
                          font-weight: bold;
                          font-size: 22px;
                          line-height: 125%; }
  .bigHdr               { color: #CC0000;
                          background-color: white;
                          font-weight: bold;
                          font-size: 16px; }
  .subHdr               { font-size: 12px; 
                          font-weight: bold; }
  .listHdr              { font-weight: bold; }
  .yourPTA              { font-family: Arial;
			  background-color: white;
                          font-size:  14px;
                          font-weight: bold;
                          line-height: 125%; }
  .postItHdr            { font-weight: bold;
                          font-style: italic; 
                          font-size: 14px;
                          line-height: 125%; }
  #yahooGroup           { font-weight: bold;
                          font-size: 14px;
                          line-height: 150%;
                          text-align: center; }
  .whatsNew             { text-align: center;
                          background-color: white;
                          font-weight: bold;
                          font-style: italic; 
                          font-size: 14px;
                          line-height: 125%; }
  .ptaAddress           { font-size: 14px; 
                          background-color: white; }
  .uline                { text-decoration: underline; }
  .cline                { text-align: center; 
                          margin: 100px; }
  .volunteerHdr         { color: #3300CC;
                          text-align: center;
                          font-weight: bold;
                          font-style: italic; 
                          font-size: 14px;
                          line-height: 150%; }
  .volunteer            { text-align: center;
                          line-height: 150%; }
  .sallyHdr             { color: #990033;
                          font-family: Arial;
                          font-size: 12px;
                          font-weight: bold; }
  .blkHdr               { font-weight: bold;
                          font-size: 14px;
                          line-height: 150%; }
  .largeText            { font-size: 16px;
                          line-height: 150%; }
  .itHdr                { font-style: italic;
                          font-size: 14px; }
  .boardHdr             { font-family: "Bookman Old Style";
                          text-align: center;
                          font-weight: bold; }
  .board                { text-align: center;
                          line-height: 150%; }
  .hdrText              { color: #FFFF33;
                          vertical-align: 50px;
                          padding: 10px;
                          font-weight: bold;
                          font-family: cursive;
                          font-size: 22px;  }
  .register             { font-family: "Franklin Gothic Medium"; 
                          font-size: 14px; }
  .announce             { color: #CC0000;
                          font-size:18px;
                          line-height:118%;
                          font-weight: bold;}
  .announceText         { font-size:14px;
                          line-height:118%; }
  .lblue                { color: #0033FF; }
  .postItBig            { font-weight: bold;
                          font-size: 18px; }
  .postItBold           { font-weight: bold; }
  .postItCenter         { text-align: center; }
  .displayCenter        { text-align: center; }
  .textCenter           { text-align: center; }
  .groupLabel           { color: #CC0000; 
                          font-weight: bold; }
  .positionVac          { font-weight: bold; }
  .position             { width: 30%; 
                          text-decoration: underline; }
  .positionSF           { width: 30%; 
                          font-style: italic; }
  .name                 { width: 30% }
  .email                { width: 40% }
  *.centerTable         { display: inline; }
  *.center              { text-align: center; }
  

  ul.text               { background-color: white;
                          text-align: left; }
  li.knob               { list-style-image:  
                            url(clipart/bullets/circle_knobTimer.jpg);
			  font-size:  14px; }
  li.star               { list-style-image:
                            url(clipart/bullets/crayonRedStar.gif); }
  td.navbar:hover       { color: black;
                          background-image: none; 
                          background-color: #4488BB }
  P.text                { font-size:14px;
                          background-color: white; }
  FORM                  { margin:0;
                          padding:0;}
  TABLE.tabText         { font-size: 14px; }
  #navsite li           { font-size: 12px; }
  .compact li           { padding-top: 7px; 
                          background-color: white; }
  IMG                   { border:     0; }

  a                     { color: green;
                          background-color: transparent; }
  a:link                { color: green;
                          background-color: transparent; }
  a:visited             { color: maroon;
                          background-color: transparent; }
  a:active              { color: green;
                          background-color: transparent; }
  a:hover               { color: black; }
  td a:hover            { color: blue; 
                          background-color: transparent; 
                          border: 0;
                          text-decoration: none; }