﻿body { background-color: #4682b4; 
       color: black;
       margin: 4px 4px 4px 4px;
       padding: 4px 4px 4px 4px;
     }
   
body.Content { background-color: #CCCCFF; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;  
                 text-align: center; 
               }

h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3 { font-size: 112%; }
h4 { font-size: 106%; }

img.Gallery { 
	float:   left;
	padding: 16px;
}

img.GalleryImg {
  border:     0;
  text-align: center;
  width:      96px;
}
  
p { text-align: justify; }
p.Center { text-align: center; }

table {
  border:    0;
  padding:   0;
  margin:    0; 
  width:   100%; 
}

th { background-color: #BBBBFF;
     text-align:       left;
   }
td { text-align:       left;    }

ul { list-style-image: url( S.png ); 
     text-align: left;
   }

ol, code { text-align: left; }

/*======== ========= ========= == IBevel Element = ========= ========= =======*/
div.IBevelTL { position: absolute;
               top:                 0px;
               left:                0px;
               width:               16px;
               height:              16px;
               text-align:          left; 
               background-image:    URL(IBevelTL.png); 
               background-position: top left; 
               background-repeat:   no-repeat;
               z-index: 1;
             }

div.IBevelTCL { position: absolute;
                top:     0px;
                left:   16px;
                width:            51%;
                height:           16px;
                text-align:       left; 
                background-image: URL(IBevelTC.png); 
                background-position: top left; 
                background-repeat:   repeat-x;
              }

div.IBevelTCR { position: absolute;
                top:     0px;
                right:  15px;
                width:            51%;
                height:           16px;
                text-align:       center; 
                background-image: URL(IBevelTC.png); 
                background-position: top right; 
                background-repeat:   repeat-x;
              }

div.IBevelTR { position: absolute;
                top:   0px;
                right: -1px;
                width:            16px;
                height:           16px;
                text-align:       right; 
                background-image: URL(IBevelTR.png); 
                background-position: top right; 
                background-repeat:   no-repeat;
                z-index: 1;
              }

div.IBevelCLT { position: absolute;
                top:         0px;
                left:       0px;
                width:      16px;
                height:     51%;
                text-align: left; 
                background-image: URL(IBevelCL.png); 
                background-position: center left; 
                background-repeat:   repeat-y;
              }

div.IBevelCLB { position: absolute;
                bottom:         0px;
                left:       0px;
                width:      16px;
                height:     51%;
                text-align: left; 
                background-image: URL(IBevelCL.png); 
                background-position: bottom left; 
                background-repeat:   repeat-y;
              }

div.IBevelCRT { position: absolute;
                top:         0px;
                right:      -1px;
                width:      16px;
                height:     51%;
                text-align: right; 
                background-image: URL(IBevelCR.png); 
                background-position: center right; 
                background-repeat:   repeat-y;
              }

div.IBevelCRB { position: absolute;
                bottom:         0px;
                right:      -1px;
                width:      16px;
                height:     51%;
                text-align: right; 
                background-image: URL(IBevelCR.png); 
                background-position: bottom right; 
                background-repeat:   repeat-y;
              }

div.IBevelBL { position: absolute;
               bottom:  -1px;
               left: 0px;
               width:            16px;
               height:           16px;
               text-align:       left; 
               background-image: URL(IBevelBL.png); 
               background-position: bottom left; 
               background-repeat:   no-repeat;
               z-index: 1;
              }

div.IBevelBCL { position: absolute;
                bottom:   -1px;
                left: 16px;
                width:            60%;
                height:           16px;
                text-align:       left; 
                background-image: URL(IBevelBC.png); 
                background-position: bottom left; 
                background-repeat:   repeat-x;
              }

div.IBevelBCR { position: absolute;
                bottom:   -1px;
                right: -1px;
                width:            60%;
                height:           16px;
                text-align:       right; 
                background-image: URL(IBevelBC.png); 
                background-position: bottom right; 
                background-repeat:   repeat-x;
              }

div.IBevelBR { position: absolute;
                bottom:  -1px;
                right:   -1px;
                width:            16px;
                height:           16px;
                text-align:       right; 
                background-image: URL(IBevelBR.png); 
                background-position: bottom right; 
                background-repeat:   no-repeat;
                z-index: 1;
              }


