/* main stuff */  
body {
   font: 12pt palatino;  
}  
body.main  {
   background:url(images/back.png); 
} 
body.mem   {
    background: url(images/mback.png); 
}   

a { text-decoration: none; }
a img { border: 0px }
a:link { color: blue; }
a:visited { color: purple; }
a:active { color: black; }

div  {
           display:block;
           position: absolute;
           border:0px; 
}
img { }


        /* main stuff */  

div.generictext {
           width: 50em; height:10em; left: 60px; top: 60px; z-index:1; 
}

div.quicktext {
            position: relative; background: url(images/backltgray.png);
            border: 1px single black;  
}
div.quicklinks {
             position: relative;
               background: url(images/backltgray.png);
              word-spacing: 1em;  text-align: center; font-weight: bold;
             border: 1px solid black;  border-width: thick; 
}
div.quickbit {
            position: relative; font: 24pt palatino; font-weight: bold; word-spacing: 1px;
}
div.quickbit2 {
            position: relative; font: 18pt palatino; font-weight: bold; word-spacing: 1px;
}


div.quickspace {
             position: relative;
              width: 1em; height: 2em; 
}

div.redtext {
    color: red;
}

              /* home page */ 

div.homead  {
            width:468px; height:60px; left:208px; top:205px; z-index:5;  
}

    /* main page */  div.homemessage {
             position: absolute; left:137px; top:1800px; width:780px;  z-index:3; 
}
             /* archive page */  

div.arcdate {
         position: absolute; font: 12pt palatino; 
         width: 10em; height: 1em; left: 70px; top: 120px;
           z-index: 4; text-align: right;
         background: url(images/backgray.png);  
}

        /* shield    width: 904px; height: 1227px; left:60px; z-index: 2;     */
   
 /* shield left */


div.gb1 {
    left: 0px; top: 15px; width: 163px; height: 102px; z-index: 2;
}
div.gb2 {
    left: 0px; top: 117px; width: 163px; height: 33px; z-index: 2;
}
div.gb3 {
    left: 0px; top: 150px; width: 163px; height: 34px; z-index: 2;
}
div.gb4 {
    left: 0px; top: 184px; width: 163px; height: 33px; z-index: 2;
}
div.gb5 {
    left: 0px; top: 217px; width: 163px; height: 34px; z-index: 2;
}
div.gb6 {
    left: 0px; top: 251px; width: 163px; height: 33px; z-index: 2;
}
div.gb7 {
    left: 0px; top: 284px; width: 163px; height: 34px; z-index: 2;
}
div.gb8 {
    left: 0px; top: 318px; width: 163px; height: 33px; z-index: 2;
}
div.gb9 {
    left: 0px; top: 351px; width: 163px; height: 34px; z-index: 2;
}
div.gb10 {
    left: 0px; top: 385px; width: 163px; height: 51px; z-index: 2;
}
div.gb11 {
    left: 0px; top: 436px; width: 163px; height: 519px; z-index: 2;
}

div.longad {
       left: 5px; top: 499px; width: 157px; height: 563px; z-index: 5;
}

  /* shield middle */

div.top {
       left: 163px; top: 15px; width: 578px; height: 99px; z-index: 2;
}

   /* shield center main/archive */

div.topad {
      left: 218; top: 5px; width:468px; height:60px; z-index:5; 
}
div.arrownnw  {

       left: 163px; top: 114px; width: 289px; height: 30px; z-index: 2; 
}
div.arrownne  {

       left: 452px; top: 114px; width: 289px; height: 30px;  z-index: 2; 
}
div.arrownsw  {
       left: 163px; top: 144px; width: 289px; height: 30px;  z-index: 2; 
}
div.arrownse  {
      left: 452px; top: 144px; width: 289px; height: 30px;  z-index: 2; 
}


div.comic {
       left: 163px; top: 174px; width: 578px; height: 700px; z-index: 2; 
}
div.arrowsnw  {
       left: 163px; top: 874px; width: 289px; height: 30px; z-index: 2;  
}
div.arrowsne  {
       left: 452px; top: 874px; width: 289px; height: 30px; z-index: 2; 
}
div.arrowssw  {
       left: 163px; top: 904px; width: 289px; height: 30px; z-index: 2; 
}
div.arrowsse  {
       left: 452px; top: 904px; width: 289px; height: 30px; z-index: 2; 
}
div.bottom {
       left: 163px; top: 934px; width: 578px; text-align: center; font: 8pt; z-index: 2; 
}

   /* shield center faq/link/eswag */

div.shieldcent {
          left: 163px; top: 114px; width: 578px; height: 820px;
          background-image: url(images/backwhite.png); text-align: center; 
}

div.whitespace {
          background-image: url(images/backwhite.png); width: 289px; height: 30px;
}

div.linkbit1 {     left:218px; top:149px; width:468px; height:60px; z-index:5; }
div.linkbit2 {     left:218px; top:239px; width:468px; height:60px; z-index:5; }
div.linkbit3 {     left:218px; top:329px; width:468px; height:60px; z-index:5; }
div.linkbit4 {     left:218px; top:419px; width:468px; height:60px; z-index:5; }
div.linkbit5 {     left:218px; top:509px; width:468px; height:60px; z-index:5; }
div.linkbit6 {     left:218px; top:599px; width:468px; height:60px; z-index:5; }
div.linkbit7 {     left:218px; top:689px; width:468px; height:60px; z-index:5; }
div.linkbit8 {     left:218px; top:779px; width:468px; height:60px; z-index:5; }
div.linkbit9 {     left:218px; top:869px; width:468px; height:60px; z-index:5; }
div.linkbit10 {     left:218px; top:959px; width:468px; height:60px; z-index:5; }
div.linkbit11 {     left:218px; top:1049px; width:468px; height:60px; z-index:5; }  
div.linkbit12 {     left:218px; top:1139px; width:468px; height:60px; z-index:5; }   

div.shieldcentcenterbig {

       position:relative;
        margin-left:20px; margin-right: 20px;
       font: 16pt Palatino; font-weight: bold; 
}

div.shieldcentleft {
      position: relative;
      padding-left: 20px; padding-right: 20px;
      font: 12pt Palatino; text-align: left;
}

div.shieldcentjustify {
      position: relative;
      padding-left: 20px; padding-right: 20px;
      font: 12pt Palatino; text-align: justify;
}
div.shieldcentspace {
      position: relative;
      height: 10px;
}

div.wallline {
       position: relative; width: 578px; height: 136px;
}
div.wallbox {
       position: relative; float: left; width: 289px; height: 136px;
       padding-left: 20px; 
}



   /* shield right */

div.gr {
        left: 741px; top: 15px; width: 163px;  z-index: 2; 
}
   /* message banner sections */ 
/* message absolute stats   left:137px;  width:780px;   z-index:3; */  

   /* message w/shield */

div.messtop {
        left: 77px; top: 1285px; width: 749px; height: 60px; z-index: 3; 
}
div.messmidandbot {
          left: 77px; top: 1345px; width: 749px; z-index: 3; 
}

  /* message solo */

div.messtop2 {
        left: 77px; top: 15px; width: 749px; height: 60px; z-index: 3;
}
div.messmidandbot2 {
          left: 77px; top: 75px; width: 749px; z-index: 3;
}

 

div.messmidmain {
       position: relative;
      position:relative; width: 749px; /* 749 - 114 = 635 */
      padding-left: 57px; padding-right: 57px;  /* 57px */
        background-image: url(images/messmidmain.png); background-repeat: repeat-y;  
}
div.messmidmem {
       position: relative;
        background-image: url(images/messmidmem.png);  
}
div.messlink {
       position:relative; width: 635px;
       padding-left:0px; padding-right:0px;
       text-align:center; font-weight: bold; word-spacing:1em; 
}
div.messleftbigbold {
       position:relative; width: 635px;
       padding-left:0px; padding-right: 30px;
       font: 16pt Palatino; font-weight: bold; text-align: left;
}
div.messcenterbigbold {
       position:relative; width: 635px;    
       font: 24pt Palatino; font-weight: bold; text-align: center;
}


div.messindentleft {
       position:relative; width: 620px;
       padding-left:20px; padding-right: 30px; 
}
div.messleft {
      position:relative; width: 635px;
      padding-left:0px; padding-right: 30px;
      font: 12pt Palatino; 
}
div.messleft2 {
      position:relative; width: 635px;
      padding-left:80px; padding-right: 80px;
      font: 12pt Palatino; 

}

div.messjustify {
      position:relative; width: 635px; /* 749 - 114 = 635 */
      padding-left: 0px; padding-right: 0px;  /* 57px */
      font: 12pt Palatino; text-align: justify;
}
div.messspace {
      position: relative; width: 635px;
      height: 30px; 
}
div.messbot {
      position: relative;  width: 749px;
}


     /* message cast bits */

img.messimgl {
        float: left;  
}  
img.messimgr {
       float: right; 
}  
div.messcastline {
       position:relative; height: 175px; width: 635px;
       padding-left: 0px; padding-right: 0px;    
}   
div.messline {
   position: relative; width: 635px;
}
div.messboxl {
       position: relative; float: left; 
       width: 317;  height: 150px;
       padding-left: 0px; padding-right: 10px;

}
div.messboxr {
       position: relative; float: left; 
       width: 317;  height: 150px; padding-left: 0px; padding-right: 10px;
      

}

   /* Calander */  

div.months {
     position: absolute; width: 50em; height: 63em; left: 50px; top: 100px; z-index: 4; 
}
div.monthline {
    position: relative; width: 50em; height: 9em; 
}
div.monthspace {
     position: relative; width: 50 em; height: 1em; 
}
div.month1 {
       position: relative; float: left; width: 23em; height: 9em; z-index: 4;
      background: url(images/backgray.png); font-weight: bold;
      border: 1px solid black; border-width: thick;     
}
div.month2 {
      position: relative; float: right; width: 23em; height: 9em; z-index: 4;
      background: url(images/backgray.png); font-weight: bold;
      border: 1px solid black; border-width: thick; 
}
div.week0 {
       position: relative; width: 22em; height: 1em; text-align: center; 
}
div.week {
     position: relative; width: 22em; height: 1em;  
}


div.day1 {
 position: relative; float: left; background: url(images/backwhite.png);
                      width: 3em; height: 1em; text-align: right;
                       border-top:1px solid black; border-bottom: 1px solid black;
                       border-right:1px solid black;  
}
  

div.day2 {
 position: relative; float: left; background: url(images/backwhite.png);
                     width: 3em; height: 1em; text-align: right;
                      border-bottom: 1px solid black; border-right:1px solid black;  
}