body{
      background-color: #aa983b;
      }
      
      
      #page_frame{
      border: 1px solid #333333;
      padding-left: 15px;
      padding-top: 15px;
      width:803px;
      padding: 5px;
      background-color: #ffffff;
      text-align: center;
      }
      #2page_frame{
      border: 1px solid #333333;
      padding-left: 15px;
      padding-top: 15px;
      width:1200px;
      padding: 5px;
      background-color: #ffffff;
      text-align: center;
      }      
      
      #design{
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: top;
      padding: 5px;
      float: right;
      margin: 5px;
      border: 1px dashed #cccccc;
      text-align: right;
      }   
      
      #title_banner{
      height:220px;
      width: 780px;
      background-image: url(images/title_banner2.jpg);
      }

      #comic_content {
      padding: 0px 0px 150px 0px;
      background: #000080 url(images/joe_the_stickman2.jpg) no-repeat bottom left;
      width: 780px;
      }

      #mathexample1{
      text-align:center;
      width:780px;
      }    
      
      #math_subtitle{
      background: url(images/math_subt.png) no-repeat;
      width: 300px;
      height: 70px;      
      }
     
  .bubble_top{
  background: url(images/top.gif);  
  padding: 0px;
  margin: 5px 5px 0px 5px;
  width: 700px;
  }
      
      #science_subtitle{
      background: url(images/sci_subt.png) no-repeat;
      width: 300px;
      height: 70px;      
      }     
      
      #teacher_subtitle{
      background: url(images/teacher_subt.png) no-repeat;
      width: 375px;
      height: 70px;      
      }  
      
      #software_subtitle{
      background: url(images/software_subt.png) no-repeat;
      width: 300px;
      height: 70px;      
      }  
      
      #subtitle_right{
      width: 455px;
      height: 70px;
      }
      #footer{
      background: url(images/rejected-spoon.jpg);
      background-repeat: no-repeat;
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:right;
      height:216px;
      width: 245px;
      }      
      
      .quote{
      font-style: italic;
      font-size: 11px;
      font-family: verdana,arial;
      font-color: #000000;
      }
      
      .author{
      font-size: 11px;
      font-family: verdana,arial;
      color: #000000;
      text-align:right;
      font-weight: bold;
      }
      
      .author a{
      color: #000000;
      text-decoration: none;
      }
      #nav_buttons{
      height: 100px;
      width: 100%;
      float: left;
      margin: 0px;
      text-align: justify;
      }
      
      .news{
      font-size: 14px;
      font-family: arial, verdana;
      }

      .noborder{
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: top;
      float: right;
      margin: 0px;

      }
      

      .overlap{
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: top;
      float: right;
      margin: -10 0 0 -100;

      }

      .comicframe{
      border: 2px solid #222222;
      padding: 5px;
      margin: 5px;
      float: left;
      background-color: white;
      font-size: 12px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: top;      
      }
      
      .comiclink{
      border: 2px solid #222222;
      padding: 5px;
      margin: 5px;
      float: left;
      background-color: white;
      font-size: 12px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: top; 
      background: #fff url(images/joe_the_tiny_stickman.jpg) no-repeat;
      background-position: bottom left;
      width: 385px;
      padding: 0px 0px 0px 0px;
      text-align: left;      
      }      
      
      #frame1{
      background: url(images/rejected-spoon.jpg);
      background-position: center center;
      background-color:#ffffff;
      background-repeat: no-repeat;
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:left;
      height:216px;
      width: 500px;
      }    
      
      #frame2{
      background: url(images/rejected-spoon.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-color:#ffffff;      
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:right;
      height:216px;
      width: 255px;
      }  
      #frame3{
      background: url(images/rejected-spoon.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-color:#ffffff;      
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:left;
      height:216px;
      width: 780px;
      }    
      
      #frame4{
      background: url(images/rejected-spoon.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-color:#ffffff;      
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:left;
      height:216px;
      width: 310px;
      }     
      
      #frame5{
      background: url(images/rejected-spoon.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-color:#ffffff;      
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:right;
      height:216px;
      width: 445px;
      }
      
      #frame6{
      background: url(images/rejected-spoon.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-color:#ffffff;      
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:left;
      height:216px;
      width: 260px;
      }
      
      #frame7{
      background: url(images/rejected-spoon.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-color:#ffffff;      
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:right;
      height:216px;
      width: 495px;
      }    
      #frame8{
      background: url(images/rejectedbanana.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-color:#ffffff;      
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      text-align:right;
      float:left;
      height:309px;
      width: 375px;
      } 
      #frame9{
      background: url(images/rejectedbanana.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-color:#ffffff;      
      font-size: 10px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: bottom;
      float:right;
      height:309px;
      width: 380px;
      }    

      .comiclink p{
      margin: 5px 5px 100px 100px;
      }
      
      .comiclink a{
      font: 12px;
      font-family: arial, sans, verdana;
      font-weight:  900;
      color: #006;
      text-decoration: none;
      margin: 5px -2px 0px 50px;
      text-align: left;
      padding: 2px;
      display: block;
      }
      
      img{
      border: 0px;
      }
      
      .leftarrow{
      float: left;
      margin: 0px 0px 0px 0px;
      }
      
      .rightarrow{
      float: right;
      margin: 0px 0px 0px 0px;
      }
      
      #links{
      border: 2px solid #222222;
      padding: 0px 0px 100px 0px;
      float: right;
      background-color: white;
      font-size: 12px;
      font-family: verdana,arial;
      font-color: #000000;
      vertical-align: top; 
      background: #fff url(images/joe_the_tiny_stickman2.jpg) no-repeat;
      background-position: bottom left;
      width: 385px;
      text-align: left; 
      margin: 5px;
      }
      
      #comic_1{
      background: #fff url(comic/images/paxman-pelton-pc1.jpg) no-repeat;
      background-position: bottom center;
      width: 780px;
      height: 1000px;
      }
      
      #comic_2{
      background: #fff url(comic/images/paxman-pelton-pc2.jpg) no-repeat;
      background-position: bottom center;
      width: 780px;
      height: 1000px;
      }
      
      #comic_3{
      background: #fff url(comic/images/paxman-pelton-pc3.jpg) no-repeat;
      background-position: bottom center;
      width: 780px;
      height: 1000px;
      }
      
      #comic_4{
      background: #fff url(comic/images/paxman-pelton-pc4.jpg) no-repeat;
      background-position: bottom center;
      width: 780px;
      height: 1000px;
      }
      
      #comic_5{
      background: #fff url(comic/images/paxman-pelton-pc5.jpg) no-repeat;
      background-position: bottom center;
      width: 780px;
      height: 1000px;
      }
      
      #comic_6{
      background: #fff url(comic/images/paxman-pelton-pc6.jpg) no-repeat;
      background-position: bottom center;
      width: 780px;
      height: 1000px;
      }
      
      #comic_7{
      background: #fff url(comic/images/paxman-pelton-pc7.jpg) no-repeat;
      background-position: bottom center;
      width: 780px;
      height: 1000px;
      }      
      
      
      #comicnavframe{
      width: 780px;
      }      
      
      .comicframe a{
      color: #f00;
      text-decoration:none;
      }
      
      #link1{
      background: #fff url(images/joe_the_tiny_stickman3.jpg) no-repeat;
      background-position: bottom left;  
      
      }
      #link2{
      background: #fff url(images/joe_the_tiny_stickman4.jpg) no-repeat;
      background-position: bottom left;
      float:right;
      }
      #link3{
      background: #fff url(images/joe_the_tiny_stickman5.jpg) no-repeat;
      background-position: bottom left;
      float:right;
      }
      #link4{
      background: #fff url(images/joe_the_tiny_stickman6.jpg) no-repeat;
      background-position: bottom left;
      }      
      #links span.header{
      font: 12px;
      font-family: arial, sans, verdana;
      font-weight:  900;
      color: #000;
      text-decoration: none;
      margin: 5px 0px 5px 50px;
      text-align: left;
      padding: 2px;
      display: block;
      }
      
      .link{
      display:block;
      float: none;
      clear: both;
      margin: 5px 5px 5px 5px;

      }
      .flink{
      display:block;
      float: left;
      clear: none;
      margin: 5px 5px 5px 5px;
      border: 2px solid #222;
      padding: 5px;
      }      
      
      .flink a{
      text-decoration: none;
      font: 900 12px arial;
      }
      
      .flink a:hover{
      text-decoration: underline;
      }
      
      #links a{
      background-color: #fff;
      border: 2px solid #000;
      font: 12px;
      font-family: arial, sans, verdana;
      font-weight:  900;
      font-style: italic;
      color: #009;
      text-decoration: none;
      text-align: left;
      padding: 2px;
      float: left;
      margin-bottom: 10px;
      }
      
      #l1.link a{
      position: relative;
      left: 50px;
      }
      
      #l2.link a{
      position: relative;
      left: 150px;
      }
      
      #l3.link a{
      position: relative;
      left: 80px;      
      }
      
      #l4.link a{
      position: relative;
      left: 110px;
      }
      
      #l5.link a{
      position: relative;
      left: 200px;
      }      
      
      #software_1{
      width: 780px;
      height: 350px;
      background: #fff url(images/software_1.jpg) no-repeat;
      text-align: left;
      }
      
      #software_1 p{
      margin: 10px 10px 10px 290px;
      padding: 7px;
      border: 1px dashed #ccc;
      }
      
      #review{
      width: 780px;
      text-align: left;
      }
      
      #review p{
      margin: 10px 5px 10px 5px;
      padding: 2px;
      }      
      
      #review h4{
      font: 12px arial #000;
      font-weight: bold;
      }
      
      #review .auteur{
      color: #666;      
      }       
      
      .sample{
      font-size: 14px;
      font-weight: bold;
      margin: 10px -5px 0px -5px;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      background: #cef;
      display: block;
      text-align: left;
      }