*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body { background: #333; color: #ccc; text-align: center; 
       padding: 48px 8px 50px 8px; line-height: 120%; 
       font-size: 12pt; font-family: times, serif; }

.content { width: 940px; margin: auto; text-align: left; padding: 30px 70px
           60px 70px; border:2px solid #67a71d; position: relative; }

.bottomspace { padding-bottom: 10px; }
.negspace { padding-top: -20px; }

table.center {margin-left:auto; margin-right:auto;}

h2  { font-size: 28px; margin-top: 25px; margin-bottom: 30px; }
h4  { font-size: 20px; margin: 30px 0px 25px 0px; }
h2, h4 { color: #67a71d; margin-left: -20px; }

ul  { list-style-type: disc; margin-left: 13px; }
ol.upper-roman {list-style-type: upper-roman;  margin-left: 20px; }
li  { padding-bottom: 3px; padding-top: 2px; }
em  { font-size: 16px; }

a, a:visited, a:hover { color: #ccc } 

a.pink { color: #af5fa6; }

a.nav  { color: #67a71d; text-decoration: none; }
  
.chronological-narrow { list-style-type : decimal; margin-left: 30px; width:
430px; }

.chronological { list-style-type : decimal; margin-left: 30px; width:
600px; }

.first-line { display: block; position: relative; width: 498px; height: 0px;
  border-bottom: 1px solid #67a71d; margin: 50px auto 35px -20px;}

.line { display: block; position: relative; width: 838px; height: 0px;
  border-bottom: 1px solid #67a71d; margin: 40px auto 35px -20px;}

.pink { color: #af5fa6} 

.topics { display: inline-block; position: absolute; top: -30px; left: 0px;
          color: #67a71d; font-size: 20px; font-weight: bold; background: #333;
          height: 40px; padding-right: 10px; padding-top: 20px; } 
               
.up     { display: inline-block; position: absolute; top: -9px; right: 0px;
          color: #67a71d; background: #333; padding-left: 3px;
        } 
               
.navigation { position: absolute; top: 55px; right: 60px; }
.navigation a { display: inline-block;  margin-left: 5px; color: #67a71d;
                text-decoration: none; } 
.navigation a span { display: none; position: absolute; right: 50px; }
.navigation a:hover span { display: inline; } 
  
img   { padding: 10px; border:2px solid #67a71d; width:260px; } 

.standard  { position: absolute; top: 75px;  right: 50px; width: 300px; }
.special   { position: absolute; top: 120px; right: 50px; width: 340px; }
.special1  { position: absolute; top: 125px; right: 50px; width: 300px; }
.special2  { position: absolute; top: 100px; right: 50px; width: 300px; }
.special3  { position: absolute; top: 125px; right: 35px; width: 475px; }
.special4  { position: absolute; top: 125px; right: 35px; width: 375px; }


td { padding: 5px 8px 5px 8px;  text-align: left;}


sup { font-size: 8pt; }

/* pictures for gofg */

.single_frame1 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 420px; } 
.single_picture1 { display: block; position: relative;
                   vertical-align: top; margin: 0px; padding: 0px; width:
                   396px; height: 280px; background: white; border: none; }
.single_picture1 img { position: absolute; top: 0px; left: 0px;
                      padding: 0px; margin: 0px; 
                      width: 396px; border: none; } 
.single_picture1 span { display: block; width: 396px; position: absolute;
                        top: 260px; left: 0px; font-weight: bold; 
                        color: black; margin: 0px; } 

.single_frame2 { display: block; position: relative;
                text-align: center; margin: 40px auto 40px auto; padding:
                10px; border: 2px solid #67a71d; width: 400px; } 
.single_picture2 { display: block; position: relative;
                  vertical-align: top; margin: 0px; padding: 0px; width:
                  376px; height: 300px; background: white; border: none;}
.single_picture2 img { position: absolute; top: 0px; left: 0px;
                      padding: 0px; margin: 0px; 
                      width: 376px; border: none; } 
.single_picture2 span { display: block; width: 376px; 
                        position: absolute; top: 280px; left: 0px;
                        font-weight: bold; color: black; margin: 0px; } 

.single_frame3 { display: block; position: relative; text-align: center;
                 margin: 50px auto 50px auto; padding: 10px;
                 border: 2px solid #67a71d; width: 800px; }
.single_picture3 { display: block; position: relative;
                   vertical-align: top; margin: 0px; padding: 0px; width:
                   776px; height: 484px; background: white; border: none; }
.single_picture3 img { position: absolute; top: 0px; left: 0px;
                      padding: 0px; margin: 0px;
                      width: 776px; border: none; }
.single_picture3 span { display: block; width: 776px; position: absolute;
                        top: 464px; left: 0px; font-weight: bold;
                        color: black; margin: 0px; }



.girth_frame { display: block; position: relative; text-align: center;
               margin: 40px auto 0px auto; padding: 10px; 
               border: 2px solid #67a71d; width: 530px; }

.girth  { display: inline-block; position: relative; vertical-align: top;
          background: white; margin: 0px; padding: 10px; width: 506px;
          color: black; font-weight: bold; border: none; }

.frame { display: inline-block; position: relative; 
         text-align: center; margin: 50px auto 50px auto;
         padding: 10px; border: 2px solid #67a71d; width: 800px;} 

.picture-left1 { display: block; position: relative; float: left; 
                 vertical-align: top; margin: 0px 5px 5px 0px; width:
                 383px; height: 305px; background: white; border: none; }
.picture-right1 { display: block; position: relative; float: left; 
                 vertical-align: top; margin: 0px 0px 5px 5px; width: 383px; 
                 height: 305px; background: white; border: none; }

.picture-left1 img { position: absolute; top: 60px; left: 0px;
                     padding: 0px; margin: 0px; width: 383px; border: none; } 
.picture-right1 img { position: absolute; top: 0px; left: 0px;
                      padding: 0px; margin: 0px; width: 383px; border: none;} 

.picture-left1 span { display: block; width: 383px; 
                      position: absolute; top: 285px; left: 0px; 
                     font-weight: bold; color: black; margin: 0px; } 

.picture-right1 span { display: block; width: 383px; 
                      position: absolute; top: 285px; left: 0px;
                     font-weight: bold; color: black; margin: 0px; } 

.picture-left2 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 5px 5px 0px 0px; 
                 width: 383px; height: 300px; background: white; border: none;}

.picture-right2 { display: inline-block; position: relative; float: left;
                 vertical-align: top; margin: 5px 0px 0px 5px; 
                 width: 383px; height: 300px;  background: white; border: none;}

.picture-left2 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 383px; border: none; } 
.picture-right2 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 383px; border: none;} 

.picture-left2 span { display: block; width: 383px; 
                      position: absolute; top: 280px; left: 0px;
                     font-weight: bold; color: black; margin: 0px; } 
.picture-right2 span { display: block; width: 383px; 
                       position: absolute; top: 280px; left: 0px;
                      font-weight: bold; color: black; margin: 0px; } 

.picture-left3 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 0px 5px 5px 0px; width:
                 383px; height: 600px; background: white; border: none; }

.picture-right3 { display: block; position: relative; float: left; 
                  vertical-align: top; margin: 0px 0px 5px 5px; width: 383px;
                  height: 600px;  background: white; border: none; }

.picture-left3 img { position: absolute; top: 30px; left: 0px;
                    padding: 0px; margin: 0px; width: 383px; border: none; }
.picture-right3 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 383px; border: none; }  

.picture-left3 span { display: -block; width: 383px; 
                      position: absolute; top: 580px; left: 0px;
                      font-weight: bold; color: black; margin: 0px; } 
.picture-right3 span { display: block; width: 383px; 
                       position: absolute; top: 580px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; } 

.picture-left4 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 5px 5px 0px 0px; width:
                 383px; height: 565px; background: white; border: none; }

.picture-right4 { display: inline-block; position: relative; float: left;
                  vertical-align: top; margin: 5px 0px 0px 5px; width:
                  383px; height: 565px;  background: white; border: none; }

.picture-left4 img { position: absolute; top: 30px; left: 0px; padding:
                     0px; margin: 0px; width: 383px; border: none; } 
.picture-right4 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 383px; border: none;} 

.picture-left4 span { display: block; width: 383px; 
                       position: absolute; top: 545px; left: 0px;
                     font-weight: bold; color: black; margin: 0px; } 
.picture-right4 span { display: block; width: 383px; 
                       position: absolute; top: 545px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; } 

.picture-left5 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 0px 5px 5px 0px; width:
                 383px; height: 305px; background: white; border: none; }
.picture-right5 { display: inline-block; position: relative; float: left; 
                  vertical-align: top; margin: 0px 0px 5px 5px; width: 383px;
                  height: 305px; background: white; border: none; }

.picture-left5 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 383px; border: none; }
.picture-right5 img { position: absolute; top: 110px; left: 0px;
                     padding: 0px; margin: 0px; width: 383px; border: none; }  

.picture-left5 span { display: block; width: 383px; 
                      position: absolute; top: 285px; left: 0px;
                      font-weight: bold; color: black; margin: 0px; } 
.picture-right5 span { display: block; width: 383px; 
                       position: absolute; top: 285px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; } 

.picture-left6 { display: block; position: relative; float: left; 
                 vertical-align: top; margin: 5px 5px 0px 0px; width:
                 383px; height: 290px; background: white; border: none; }
.picture-right6 { display: block; position: relative; float: left; 
                  vertical-align: top; margin: 5px 0px 0px 5px; width:
                  383px; height: 290px;  background: white; border: none; }

.picture-left6 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 383px; border: none; } 
.picture-right6 img { position: absolute; top: 110px; left: 0px;
                     padding: 0px; margin: 0px; width: 383px; border: none;} 

.picture-left6 span { display: block; width: 383px; 
                       position: absolute; top: 270px; left: 0px;
                     font-weight: bold; color: black; margin: 0px; } 
.picture-right6 span { display: block; width: 383px; 
                       position: absolute; top: 270px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; } 

.picture7 { display: block; position: relative; vertical-align: top; 
            margin: 0px; width: 383px; height: 290px;  
            background: white; border: none; }

.picture7 img { position: absolute; top: 0px; left: 0px;
                padding: 0px; margin: 0px; width: 383px; border: none;} 

.picture7 span { display: block; width: 383px; 
                 position: absolute; top: 270px; left: 0px;
                 font-weight: bold; color: black; margin: 0px; } 

.single_frame8 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 315px; } 

.picture8 { display: block; position: relative; vertical-align: top; 
            margin: 0px; width: 290px; height: 290px;  
            background: white; border: none; }

.picture8 img { position: absolute; top: 0px; left: 0px;
                padding: 0px; margin: 0px; width: 290px; border: none;} 

.picture8 span { display: block; width: 290px; 
                 position: absolute; top: 265px; left: 0px;
                 font-weight: bold; color: black; margin: 0px; } 


.single_frame9 { display: block; position: relative; 
                 text-align: center; margin: 50px auto 50px auto;
                 padding: 10px; border: 2px solid #67a71d; width: 635px;
                 height: 635px;} 
         
.picture-left9 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 0px 5px 5px 0px; width:
                 300px; height: 300px; background: white; border: none; }
.picture-left9 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 300px; border: none; }
.picture-left9 span { display: block; width: 300px; 
                      position: absolute; top: 270px; left: 0px;
                      font-weight: bold; color: black; margin: 0px; } 

.picture-right9 { display: inline-block; position: relative; float: left; 
                  vertical-align: top; margin: 0px 0px 5px 5px; width: 300px;
                  height: 300px; background: white; border: none; }
.picture-right9 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 300px; border: none; }  
.picture-right9 span { display: block; width: 300px; 
                       position: absolute; top: 270px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; } 

.picture-left8 { display: block; position: relative; float: left; 
                 vertical-align: top; margin: 5px 5px 0px 0px; width:
                 300px; height: 300px; background: white; border: none; }
.picture-right8 { display: block; position: relative; float: left; 
                  vertical-align: top; margin: 5px 0px 0px 5px; width:
                  300px; height: 300px;  background: white; border: none; }

.picture-left8 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 300px; border: none; } 
.picture-right8 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 300px; border: none;} 

.picture-left8 span { display: block; width: 300px; 
                       position: absolute; top: 270px; left: 0px;
                     font-weight: bold; color: black; margin: 0px; } 
.picture-right8 span { display: block; width: 300px; 
                       position: absolute; top: 270px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; } 


.single_frame10 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 595px; height: 305px} 
                 
.picture-left10 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 0px 5px 5px 0px; width:
                 280px; height: 280px; background: white; border: none; }
.picture-right10 { display: inline-block; position: relative; float: left; 
                  vertical-align: top; margin: 0px 0px 5px 5px; width: 280px;
                  height: 280px; background: white; border: none; }

.picture-left10 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 280px; border: none; }
.picture-right10 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 280px; border: none; }  

.picture-left10 span { display: block; width: 280px; 
                      position: absolute; top: 255px; left: 0px;
                      font-weight: bold; color: black; margin: 0px; } 
.picture-right10 span { display: block; width: 280px; 
                       position: absolute; top: 255px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; } 
                       
.single_frame11 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 585px; height: 305px} 

.picture11 { display: block; position: relative; vertical-align: top; 
            margin: 0px; width: 560px; height: 280px;  
            background: white; border: none; }

.picture11 img { position: absolute; top: 0px; left: 0px;
                padding: 0px; margin: 0px; width: 540px; border: none;} 



.single_frame12 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 745px; height: 385px} 


.picture12 { display: block; position: relative; vertical-align: top; 
            margin: 0px; width: 720px; height:340px; background: white; border: none; }

.picture12 img { position: absolute; top: 0px; left: 0px;
                padding: 0px; margin: 0px; width: 720px; border: none;} 

.picture12 span { display: block; width: 760px; 
                       position: absolute; top: 335px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; }                        

.single_frame13 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 415px; } 

.picture13 { display: block; position: relative; vertical-align: top; 
            margin: 0px; width: 390px; height: 390px;  
            background: white; border: none; }

.picture13 img { position: absolute; top: 0px; left: 0px;
                padding: 0px; margin: 0px; width: 390px; border: none;} 

.picture13 span { display: block; width: 390px; 
                 position: absolute; top: 355px; left: 0px;
                 font-weight: bold; color: black; margin: 0px; }  


.single_frame14 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 595px; height: 305px} 
                 
.picture-left14 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 0px 5px 5px 0px; width:
                 280px; height: 280px; background: white; border: none; }
.picture-right14 { display: inline-block; position: relative; float: left; 
                  vertical-align: top; margin: 0px 0px 5px 5px; width: 280px;
                  height: 280px; background: white; border: none; }

.picture-left14 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 280px; border: none; }
.picture-right14 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 280px; border: none; }  

.picture-left14 span { display: block; width: 280px; 
                      position: absolute; top: 255px; left: 0px;
                      font-weight: bold; color: black; margin: 0px; } 
.picture-right14 span { display: block; width: 280px; 
                       position: absolute; top: 255px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; }


.single_frame15 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 785px; height: 400px} 
                 
.picture-left15 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 0px 5px 5px 0px; width:
                 375px; height: 375px; background: white; border: none; }
.picture-right15 { display: inline-block; position: relative; float: left; 
                  vertical-align: top; margin: 0px 0px 5px 5px; width: 375px;
                  height: 375px; background: white; border: none; }

.picture-left15 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 375px; border: none; }
.picture-right15 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 375px; border: none; }  

.picture-left15 span { display: block; width: 375px; 
                      position: absolute; top: 350px; left: 0px;
                      font-weight: bold; color: black; margin: 0px; } 
.picture-right15 span { display: block; width: 375px; 
                       position: absolute; top: 350px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; }


.single_frame16 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 315px; } 

.picture16 { display: block; position: relative; vertical-align: top; 
            margin: 0px; width: 290px; height: 290px;  
            background: white; border: none; }

.picture16 img { position: absolute; top: 0px; left: 0px;
                padding: 0px; margin: 0px; width: 290px; border: none;} 

.picture16 span { display: block; width: 290px; 
                 position: absolute; top: 265px; left: 0px;
                 font-weight: bold; color: black; margin: 0px; }


.single_frame17 { display: block; position: relative; text-align: center; 
                 margin: 50px auto 50px auto; padding: 10px; 
                 border: 2px solid #67a71d; width: 535px; height: 400px} 
                 
.picture-left17 { display: block; position: relative; float: left;
                 vertical-align: top; margin: 0px 5px 5px 0px; width:
                 250px; height: 375px; background: white; border: none; }
.picture-right17 { display: inline-block; position: relative; float: left; 
                  vertical-align: top; margin: 0px 0px 5px 5px; width: 250px;
                  height: 375px; background: white; border: none; }

.picture-left17 img { position: absolute; top: 0px; left: 0px;
                    padding: 0px; margin: 0px; width: 250px; border: none; }
.picture-right17 img { position: absolute; top: 0px; left: 0px;
                     padding: 0px; margin: 0px; width: 250px; border: none; }  

.picture-left17 span { display: block; width: 250px; 
                      position: absolute; top: 350px; left: 0px;
                      font-weight: bold; color: black; margin: 0px; } 
.picture-right17 span { display: block; width: 250px; 
                       position: absolute; top: 350px; left: 0px;
                       font-weight: bold; color: black; margin: 0px; }


.hidden { font-size: 0px; }