/* style.css - used for all section pages */

* {
    margin: 0;
    padding: 0;
}

body {
    padding-bottom: 30px;
    font: 13px Georgia, Times, serif;
    color: #5C5C5C;
    background: #4C4C41 url('../images/bg.jpg');
    background-image: url(../images/bg.jpg);
}

.body2 {
    padding-bottom: 30px;
    font: 18px Georgia, Times, serif;
    color: #5C5C5C;
    background: #E7D9AA;
}

/* heading */

h1, h2 {
    font-weight: bold;
}

h1 {
    float: right;
    width: 835px;
    font-size: 38px;
    color: #7ABBBB;
}

h1 a, h1 a:hover {
    color: #7ABBBB;
    text-decoration: none;
}

.head3 {
    color: #5C5C5C;  /* dark gray */
    text-decoration: none;
   font-weight: bold;
   font-family: arial;
}

p {
    padding: .75em 0;
    line-height: 1.8em;
    text-align: justify;
}

p#subtitle {
    float: right;
    width: 835px;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #97E8E8;
}

/* LINKS */

a {
    color: #6699FF;
    font-size: xsmall;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    color: #6666FF;
    font-size: xsmall;
    text-decoration: none;
    font-weight: bold;
}

/* page - whole page */

#page {
    width: 1160px;
    margin: 0 auto;
}

/* header - spacing at top before spiral page starts [did have text, but removed it] */

#header {
    text-align: center;
    padding-top: 30px;
}

/* main */

#main {
    padding-top: 26px;
    background: url('../images/main.jpg') no-repeat top;
}

#main2 {
    position: relative;
    height: 1%;
    background: url('../images/main2.jpg') repeat-y right;
}

/* sidebar */

#sidebar {
    float: left;
    width: 329px;
    background: #F1E8C9 url('../images/sidebar.jpg') repeat-y;
}

#sidebar2 {
    padding: 0 49px 9px 0;
    background: url('../images/sidebar2.jpg') no-repeat bottom left;
}

/* content - whole right side of page */

#content {
    float: right;
    width: 830px;
    background: #E6D8A7 url('../images/main2.jpg') repeat-y right;
}

/* Heading Image for content area and content formatting on right side of page*/

#content2 {
    padding: 380px 30px 0px 0px;
    background: url('../images/NostalgicCtrImg.jpg') no-repeat;
    text-align: center;
}

#content3 {
    padding: 380px 30px 0px 0px;
    background: url('../Introduction/Volunteers/Thank-you.jpg') no-repeat;
    text-align: center;
}

#content4 {
    padding: 380px 30px 0px 0px;
    background: url('../images/sitededication.jpg') no-repeat;
    text-align: center;
}

#content5 {
    padding: 380px 30px 0px 0px;
    background: url('../images/memoryitems.jpg') no-repeat;
    text-align: center;
}

#content6 {
    padding: 380px 30px 0px 0px;
    background: url('../images/NeedVol.jpg') no-repeat;
    text-align: center;
}

#content7 {
    padding: 380px 30px 0px 0px;
    background: url('../images/donations.jpg') no-repeat;
    text-align: center;
}

#content8 {
    padding: 380px 30px 0px 0px;
    background: url('../images/suggestions.jpg') no-repeat;
    text-align: center;
}

#content9 {
    padding: 380px 30px 0px 0px;
    background: url('../images/submitsite.jpg') no-repeat;
    text-align: center;
}

#content10 {
    padding: 380px 30px 0px 0px;
    background: url('../images/SourceInfo.jpg') no-repeat;
    text-align: center;
}

#content11 {
    padding: 380px 30px 0px 0px;
    background: url('../images/aboutUS.jpg') no-repeat;
    text-align: center;
}

#content12 {
    padding: 380px 30px 0px 0px;
    background: url('../images/FAQ.jpg') no-repeat;
    text-align: center;
}

#content13 {
    padding: 380px 30px 0px 0px;
    background: url('../images/BioInfo.jpg') no-repeat;
    text-align: center;
}

#content14 {
    padding: 380px 30px 0px 0px;
    background: url('../images/InMemory.jpg') no-repeat;
    text-align: center;
}

#content15 {
    padding: 380px 30px 0px 0px;
    background: url('../images/ALMAMATER.jpg') no-repeat;
    text-align: center;
}

#content16 {
    padding: 380px 30px 0px 0px;
    background: url('../images/LookBack.jpg') no-repeat;
    text-align: center;
}

#content17 {
    padding: 380px 30px 0px 0px;
    background: url('../images/LinkDirectory.jpg') no-repeat;
    text-align: center;
}

#content18 {
    padding: 380px 30px 0px 0px;
    background: url('../images/UpdateLog.jpg') no-repeat;
    text-align: center;
}

#content19 {
    padding: 380px 30px 0px 0px;
    background: url('../images/YrbkInfo.jpg') no-repeat;
    text-align: center;
}

#content20 {
    padding: 380px 30px 0px 0px;
    background: url('../images/YrbkCDOffer.jpg') no-repeat;
    text-align: center;
}

#content21 {
    padding: 380px 30px 0px 0px;
    background: url('../images/YrbkSale.jpg') no-repeat;
    text-align: center;
}

#content22 {
    padding: 380px 30px 0px 0px;
    background: url('../images/Yrbks.jpg') no-repeat;
    text-align: center;
}

#content23 {
    padding: 380px 30px 0px 0px;
    background: url('../images/scrapbooks.jpg') no-repeat;
    text-align: center;
}

#content24 {
    padding: 380px 30px 0px 0px;
    background: url('../images/scrapbkOFFER.jpg') no-repeat;
    text-align: center;
}

#content25 {
    padding: 380px 30px 0px 0px;
    background: url('../images/admin-ctr.jpg') no-repeat;
    text-align: center;
}

#content26 {
    /* feedback form */
    padding: 380px 30px 0px 0px;
    background: url('../images/ContactUs.jpg') no-repeat;
    text-align: center;
}

#content27 {
    padding: 80px 30px 0px 0px;
    background: url('../images/scrapbooksCPP.jpg') no-repeat;
    text-align: center;
}

#content h2 {
    color: #68899C;
    font-size: 2.4em;
    letter-spacing: -2px;
}

#content h2 a {
    color: #68899C;
    text-decoration: none;
}

#content h3 {
    color: #68899C;
    text-decoration: none;
    font-size: 14pt;
}

p.postmeta {
    font-size: .92em;
}

#bg1 {
    position: absolute;
    bottom: 0;
    left: 285px;
    width: 875px;
    height: 13px;
    overflow: hidden;
    background: url('../images/bg1.jpg') no-repeat;
}

.clearing {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* footer */

#footer {
    clear: both;
    padding-top: 30px;
}

#footer p {
    text-align: center;
    font-size: .85em;
    text-transform: uppercase;
    color: #FFFFFF;
}

/* TABLES */

.tableFRM
 {
    margin: auto auto;
    border: 2px dashed #E7D9AA;
    padding: 20px;
}

/* FRAMES */

.frame1 {
    width: 1110px;
    height: 420px;
    overflow: scroll;
    border: transparent;
    vertical-align: middle;
    padding-left: 15px;
}

.frame2 {
                            /* main menu frame */
    width: 240px;
    height: 400px;     /* length of menu and content area*/
    overflow-y: scroll;
    overflow-x: hidden;
    border: 2px solid black;
}

.frame4 {
    /* used for left side of page iframe for content */
    width:760px;
    height:510px;
    overflow: scroll;
    border: medium double #CBA872;
    vertical-align: middle;
}

.frame5{
        /* used for front page tab box */
    width:775px;
    height:940px;
    overflow: scroll;
    vertical-align: middle;
    border: transparent;
}

.frame6 {
    /* used for alumniNet, classNet, busnessNet */
    width:817px;
    height:510px;
    overflow: scroll;
    vertical-align: middle;
}

.frame7 {
    /* used for scrapbook content box intial overview page */
    width:765px;
    height:970px;
    overflow: scroll;
    border: 1px solid gray;
}

.frame8 {
             /* used for content of homepage/mainpage of CpphsaWeb itself */
            /* used for empty iframe on right side of page - takes whole side so another iframe can be in it */
    width:814px;
    height:945px;
    overflow: scroll;
    border: transparent;
}

.frame3 {
           /* used for scrapbook class year menu/content page */
          /* scrapbook menu frame */
    width: 215px;
    height: 518px;
    overflow: scroll;
    border: 1px solid black;
    margin: 0px 0px 0px -4px;
}

.frame9 {
             /* used for scrapbook class year menu/content page */
            /* used for empty iframe on right side of page - takes whole side so another iframe can be in it */
    width:800px;
    height:700px;
    overflow: scroll;
    border: transparent;
}

/*------ <span> and text format------*/

.txtdec1 {
    font-style: italic;
    font-weight: bold;
    font-family: cursive;
    font-size: 10pt;
}

.txtdec2 {
    font-style: italic;
    font-weight: normal;
    font-family: Verdana;
    font-size: small;
    text-decoration: underline;
}

.txtdec3 {
    font-style: italic;
    font-weight: bold;
    font-family: cursive;
    font-size: 10pt;
    color: white;
}

.txtdec4 {
            /* used on top of scrapbook content pages */
    text-decoration: none;
    font-weight: bold;
    color:#4C4C4C;    /* dark gray */
    font-family: Verdana;
    font-size: 9pt;
    background-color: #E7D9AA;  /* beigh */
    font-style: italic;
}

.txtdec4b {
            /* used on top of scrapbook content pages  to highlight info */
    text-decoration: none;
    font-weight: bold;
    color:#000000;    /* black */
    font-family: Verdana;
    font-size: 10pt;
    background-color: #E7D9AA;  /* beigh */
    font-style: italic;
}

.txtdec13 {
               /* used on content side of mainpage */
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana;
    font-size: 9pt;
    color: #5C5C5C;              /*  dark gray   */
    background-color: #E6D8A9;
    padding-left: 10px;
    padding-right: 250px;
    line-height: 2.5px;
}

.txtdec14 {
              /* used on Alumni Profile Form */
    color: red;
    font-weight: bold;
}

.txtdec15  {
                 /* used on Alumni Profile Form */
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

.txtdec16  {
                 /* used on Alumni Profile Form */
    color: #009900;
    font-weight: bold;
    text-decoration: none;
}

.txtdec17 {
    /* used on contact form */        /* used for notices on frontpage menu side */
    font-style: italic;
    font-weight: bold;
    font-family: cursive;
    font-size: 10pt;
}

.txtdec18 {                      /* used for notices on frontpage menu side */
    font-style: italic;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10pt;
    text-decoration: underline;
    color: #CC0000;              /* color red */
}

/*---------- blank spacing ------------ */

.bottom1 {
    margin-bottom: 1cm;  /* equals 3 br in html */
}

.bottom2 {
    margin-bottom: 2cm;    /* equals 4 br in html */
}

.bottom3 {
    margin-bottom: 1.5cm;    /* equals 3 3/4 br in html */
}

.bottom4 {
    margin-bottom: 2.7cm;    /* equals 4 1/2 br in html */
}

.bottom5 {
    margin-bottom: 2.25cm; /* equals 4 1/4 br in html */
}

.bottom6 {
    margin-bottom: 3.25cm; /* equals 6 br in html */
}

.bottom7 {
    margin-bottom: 1.2cm;   /* equals about 3 1/2 br in html */
}

.bottom8 {
    margin-bottom: 3cm;  /* equals 5br in html */
}

.bottom-small {
    margin-bottom: .5cm;    /* equals about 2 br in html */
}

.bottom-xsmall {
    margin-bottom: .25cm;   /* equals about 1 br in html */
}

.bottom-tiny {
    margin-bottom: .2cm;
}

 /*--------- images ------- */

.pix {
    border: 1px solid black;
    display: inline-block;
    vertical-align: middle;
}

/* alignment of pargraph, text, etc. */

.left1 {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11pt;
    font-family: Verdana, Geneva, sans-serif;
 }

 .ctr1 {
   text-align: center;
}

.c1 {
  margin: auto auto;
}

.c2 {
  margin: auto auto;
  width: 70%
}

.c3 {
    margin: auto 15px;     /* used for mainpage on menu side -- notices */
    border:1px solid black;
    width: 220px;
    padding: 2px;
}

.c4 {
    margin: auto auto;      /* used for mainpage top of rightside of page messages */
    border: 1px solid #000000;
    width: 70%;
    padding: 2px;
    font-style: italic;
}

/* CAPTCHA INFO */

.capbox {
    background-color: #92D433;
    border: #B3E272 0px solid;
    border-width: 0px 12px 0px 0px;
    display: inline-block;
    *display: inline; zoom: 1; /* FOR IE7-8 */
    padding: 8px 40px 8px 8px;
    }

.capbox-inner {
    font: bold 11px arial, sans-serif;
    color: #000000;
    background-color: #DBF3BA;
    margin: 5px auto 0px auto;
    padding: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    }

#CaptchaDiv {
    font: bold 18px verdana, arial, sans-serif;
    font-style: italic;
    color: #000000;
    background-image: url(../Scrapbooks/ContactForm/background.jpg);
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    }

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }