
<!-- -- -- -- MAIN BODY STYLING -- -- -- -->

body	{background: transparent url(ONCE PICS/grade-rev3_bg.png) top right repeat-y; 
        border-color: black; 
        border-style:groove; 
        border-width:medium; 
        background-color: rgb(44, 44, 48); 
	    font-family: arial; 
        font-size:smaller; 
        color: rgb(220, 220, 225);
        }

<!-- -- -- -- HEADLINE STYLING -- -- -- -->
        
h2 {font-family: arial; 
   color: rgb(150, 150, 150); 
   text-shadow: 10px, 20px, 5px, white;
   }
   
h3 {font-family: arial; 
   color: rgb(150, 150, 150);
   }

   
   
   
   
#oncemainpic {background: transparent url(ONCE PICS/Once_BUTTON_198pix_PNG_BG.png); 
             display:block;
             position:absolute;
             left:15px;
             top:15px;
             width:206px;
             height:206px;
             margin:5px;
             border:solid;
             border-color:black;
             border-width:4px;
             }

#righthandpic {background: transparent url(ONCE PICS/Once_BUTTON_198pix_PNG_BG.png); 
             display:block;
             position:absolute;
             left:1000px;
             top:15px;
             width:206px;
             height:206px;
             margin:5px;
             border:solid;
             border-color:black;
             border-width:4px;
             }
                             
                    
<!-- -- -- -- EMPHASISED TEXT STYLING -- -- -- -->

.emphasis {font-family: arial; 
          color: white; 
          font-weight:bold; 
          }
          
a .outerlink {font-family:verdana;
             font-weight:bold;
             font-size:14px;
             color:rgb(120, 150, 128);
              }              

<!-- -- -- CHEEKY-LOCI-CORNER-LOGO! -- -- -->       
       
              
#toplogo img {position:absolute;
             left:2px;
             top:2px;
             width:85px;
             }     
             

<!-- -- -- -- -- --  THE TITLE-BAR! -- -- -- -- -- -->   
              
#titlebar {position:absolute;
               left:226px;
               top:20px;
               width:779px;
               height:206px;
               background: url(ONCE PICS/grade_top2_1000pix_PNG.png) repeat-y;
               border-top:double;
               border-bottom:double;
               border-width:6px;
               border-color:black;
               padding-top:0px;
               }
               
#titlebar p {font-family:arial;
                font-size:9pt;
                color: rgb(220, 220, 225); 
                padding-left:20px;
                padding-right:20px;
                }
               
#titlebar p.bigtext {font-family:arial black;
                    font-size:12px;
                    color:rgb(170, 200, 170);
                    margin-left:35px;
                    margin-right:44px;
                    }

#titlebar p.bigtext .emphasis {font-family:arial black;
                             font-size:10pt;
                             color:rgb(230, 250, 230); }

                      
<!-- -- -- -- LINK STYLING -- -- -- -->

a:link {font-family: verdana; 
       color: rgb(55, 90, 55); 
       text-decoration:none; 
       }
a:hover img {border-color: rgb(55, 150, 55);
            }
a:visited {color: rgb(162, 5, 168); 
          text-decoration:none;
          }
a:hover {text-decoration:underline; 
        }
a:active {font-family: verdana;  
         color: rgb(255, 25, 0);
         }

#contents  a:link {font-family: arial; 
                  color: rgb(55, 150, 55); 
                  text-align:center;
                  }



                  
table {border-width: 3; 
      border-color: rgb(44, 44, 48); 
      background-color: black; 
      padding: 20px;
      }

#flare {background: rgb(44, 44, 48) url(ONCE PICS/BLACK_Flare_JPEG_800x600.jpg) no-repeat top left; 
       padding: 16; 
       border-style:double; 
       border-color:black;
       }
       
.grade {background: url(ONCE PICS/grade-3_bg_440pix.png) repeat-y; 
       }
.titlegrade {background: url(ONCE PICS/grade-3_bg_440pix.png) repeat-y;
            margin-left:210px;
            }
.pictitlegrade {background: url(../ONCE PICS/grade-3_bg_440pix.png) repeat-y;
               margin-left:64px;
               }

<!-- --- --- -- --  MAIN LINK BUTTONS (7cm)  -- -- --- --- -->                
                             
               
#mainbuttons {display:block;
             position:absolute;
             top:230px;
             left:120px;
             border:none;
             background:none;
              }

#mainbuttons table {background:none;
                   border:none;
                    }

#mainbuttons th {font-family:arial black;
                font-size:14pt;
                color:rgb(170, 200, 170);
                border:none;
                }                    
#mainbuttons table td {padding-left:30px;
                      padding-right:30px;
                      padding-top:0;
                      width: 33%;
                       }      

#mainbuttons table td.one {padding-left:45px; }
               
<!-- -- -- -- THE NAVIGATION LINKS TABLE STYLING -- -- -- -->

#navtable table {display:block;
                position:absolute;
                margin-left:7%;
                background:none; 
                border-style: groove;
                border-width:thick;
                border-color:rgb(20, 29, 20);
                }
#navtable tr {margin:10px; 
             }
#navtable td {margin:10px; 
             }
#navtable a:link {font-family: arial; 
                 color: rgb(55, 150, 55); 
                 }
#navtable .tablink {font-family: arial; 
                   font-weight:bold; 
                   color: rgb(55, 150, 55); 
                   padding-top:4px; 
                   padding-bottom:4px; 
                   background: black; 
                   }
#navtable .tabtext {display:block;
                   background: black; 
                   font-family: arial; 
                   font-size:smaller; 
                   color: white; 
                   }
          
#navtabletwo table {background:none; 
                   border-bottom: double;
                   }
#navtablethree table {background:none; 
                     border-bottom: double;
                     }
#navtablefour table {background:none; 
                    border-bottom: double; 
                    padding: 0;
                    }

.gen {font-family:arial; 
     color:rgb(220, 220, 228);
	 font-size: 10pt;
     }
	 
.piccies {
        border-style:groove;
		border-width: 6px;
		border-color: rgb(30, 30, 38);}

.navpics {
        border-style:none;}

.navwords {font-family:arial black; 
          color: rgb(28, 28, 38); 
          font-size:smaller; 
          text-align:center;
          } 

        
.smalls {font-family: arial; 
        color: rgb(220, 220, 225);
		font-size: 10pt; 
        width="750px";
        }

.intitle {font-family: arial black; 
         color: rgb(125, 155, 255);
		 font-size:14pt; 
         }
.warning {font-family: impact; 
         color: maroon; 
         font-size: 15pt; 
         }